手順1 リンク先にしたいページを開き、URLをコピーします。 手順2 記事編集画面で、リンクを設定したい文字列を選択（ドラッグ）して[リンク]ボタンをクリックします。 手順3 リンク先を設定するための入力欄が表示されます。ここに、手順1でコピーしたURLを貼り付けます。 次の手順4は、タブの開き方によって操作が異なります。 手順4-1（同じタブで開く場合） リンク先を同じタブで開く場合は、[適用]ボタンをクリックします。これでリンクの設定が完了です。 手順4-2（新しいタブで開く場合） リ … また、初期設定では、投稿、および固定ページが20件を超えると、一覧が複数ページになります。. WordPress関数（PHP） PHP; HTML; CSS; JavaScript（jQuery） ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。 というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。 ということで今 … 投稿や固定ページに動画などのオブジェクトを埋め込むには、コンテンツエリアに URL を入力してください。URL は独立した行に書くこと、(投稿表示時にクリックできるような) ハイパーリンクにしないこと、の2点に注意してください。 例えば以下のように記入します。 こうすれば、URL を YouTube 埋め込みコードに自動変換して、ビジュアルエディタのプレビューで表示できます。 また、オプションとして embedショートコードで URL を囲むことも可能です。 WordPress が URL を使ってメディアを … WordPressでは 「URL書き換え」 （URLリライト）という技術が使われています。 それにより、 「http://example.com/company にアクセスされたら、companyというスラッグを持つページを表示する」 のような柔軟な動作が可能になっています。c 戻し方についてはこちらを参考にしてください。 (※)WordPress5.0から実装された最新のブロックエディター(グーテンベルグエディター)にも対応しています。, 固定ページで作成したページは投稿と違って投稿一覧の中には表示されないため、メニューバーなどに自分で配置する必要があります。, 「投稿」はカテゴリーやタグによりページ同士をジャンル分けして一覧表示することができる, ただし、今から新しくWordPressを覚えるなら、ブロックエディターで覚えると良いでしょう。, This site is protected by reCAPTCHA and the Google, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-demo-1.1.mp4, https://webst8.com/blog/wp-content/uploads/2017/05/mainmenu-setting.mp4, https://webst8.com/blog/wp-content/uploads/2017/05/menubar-sample.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-back-admin.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-addblock-setting.1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-paragraph.1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-shift-enter.1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-header.1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/block-header-block-tool.1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-header-setting-2a.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-image-block.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-list-block.1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-list-style.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-column.1-1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-column-2.1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/block-add-location.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/block-navigation-use.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-save1.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-save2.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/reverse-draft.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/header-insert.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-block-move.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-block-move-2.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-block-move-dragdrop.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/block-delete.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-grouping-move.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/blockeditor-blocks.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/aicatch-page-blockeditor.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/permalink-blockeditor.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/page-password.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/template-page.mp4, https://webst8.com/blog/wp-content/uploads/2019/06/page-parent-setting.mp4, https://webst8.com/blog/wp-content/uploads/2019/05/wordpress-homepage-setting.mp4, https://webst8.com/blog/wp-content/uploads/2019/05/wordpress-homepage-setting-2.mp4, 【2019年度版 WordPress使い方総まとめ】ワードプレスの使い方を徹底解説, 【ConoHa 閲覧できません(Forbidden Access)エラー時の解決方法】, 【エックスサーバー】独自ドメイン取得〜WordPressインストールまでの手順を解説, 【ConoHa WING】コノハウィングで独自ドメイン取得〜WordPressインストールまでの手順を解説, 【ロリポップ】ロリポップで独自ドメイン取得〜WordPressインストールまでの手順を解説, 【WP Downgradeの使い方】WordPressバージョンのダウングレード方法, ツールと設定をさらに表示できる。具体的には表示モードやエディターモード、ツール、オプション設定が可能, ショートコード、カスタムHTML、最新の記事、最新の記事などのウィジェット(パーツ)ブロック, メインエリア・・・タイトルや本文を作成するエディター画面。ブロック単位でページを作成していくメインエリア, 上部ツールバー・・・管理画面への移動や公開設定・エディター設定・ブロック追加などの基本項目を設定できる, 右ツールバー・・・アイキャッチ・公開設定・パーマリンクなどの文書設定や、各ブロックの設定を行うことができる. WordPressでブログやサイトを運営している皆さま、こんにちは。 何の気無しに文章を書く時に改行をしていますが、実際のソースコードを見たことはありますか？   WordPress(ワードプレス)を始めたばかりの初心者の方で、固定ページの意味や使い方がよくわからず悩んでいる方も多いのでしょうか。本記事ではWordPress最新のブロックエディター版での固定ページの使い方・作り方について説明します。 WordPressサイトの構築と移行は少し違います。 つまり、市販の書籍を読んでWordPressの移行をする人は、 HTMLやCSSだけでなく、WordPressの仕組みも知らないといけないのです。 本書は 特にデザインの移行に着目して、手順が細かく書かれています 。 このようなページは固定ページとして作成されています。 また、ご連絡をいただいたからといって押し売りやしつこい勧誘は一切いたしませんのでご安心ください。, 〒327-0022 栃木県佐野市高砂町2866-1 佐野ビジネスセンタービル西館3階3N 公開済の固定ページを編集するには管理画面の「固定ページ」メニューの中にある「固定ページ一覧」メニューをクリックして下さい。 「固定ページ」画面が表示されます。現在公開済の固定ページの一覧が表示されます。 編集を行いたい固定ページにマウスを合わせて下さい。次のようなメニューが表示されますので、「編集」と書かれたメニューをクリックして下さい。 該当の固定ページの編集画面が表示されます。 基本的な画面は新規に固定ページを作成した場合と同じです。タイトルや本文に現在公 … WordPressの投稿編集画面には、「ビジュアルエディタ」と「テキストエディタ」の2種類があります。このページでは、テキストエディタの使い方について紹介します。. 無料事前相談もしておりますので、まずはお気軽にご登録ください。, 『自分で作る選択を』自分でホームページ作成・Web集客したいホームページ作成スクール・教室, -WordPress (※)上記はWordPress5.5の画面です。バージョンによって若干の差異があるのでその場合はご自身のご利用の画面に合わせて読み替えてください。, 本例では、「Lightning」というテーマを使用した例で説明していきますので、同じテーマを利用したい方は「Lightning」をご利用ください。 -WordPress, グーテンベルク(Gutenberg), ブロックエディター, 固定ページ. HTML,CSSで作ったファイルをWordPressのテーマに変換したい！ 今回はこのような悩みを解決します。 WordPressの学習の一部として、静的なサイトをPHPを使いテーマ化すると言う学習方法がありますが、初心者の方はどのようにすればいいか分からない方も多いでしょう。 WordPressインストール後すぐやっておきたい6つの初期設定; WordPressに最適なサーバーの3つの条件とおすすめサーバー そのため、HTMLタグの編集については注意が必要です。 左メニューの「固定ページ」をクリック. まず一般的な改行と段落の意味を確認しておこう。それぞれ、 1. 【前内容を復元する方法】, サービス内容に関して、少しでも疑問や不安なことがございましたら、遠慮なくご連絡をください。 こんにちは。クリエル制作部 ともまさです。 皆様はWebサイトを制作する際に、WordPress（ワードプレス）とHTML、どっちが良いか迷った経験はないでしょうか？ 今回はそんな疑問に答えるべくWordPress（ワードプレス）とHTML、それぞれの特徴を見比べてみたいと思います。 基本は静的HTMLでサイトを制作し、新着情報やお知らせなど、一部だけWordPressの内容を表示させる方法をご紹介したいと思います。WordPressはあくまでお知らせ等の記事を更新するための裏方で、実際に表示する部分はHTML側で調整します。 This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. ここではその固定ページの編集方法をご説明いたします。, 固定ページは投稿と違い、ページ個別にデザインが設定されている場合があります。 段落：長い文章の中の１つの主題をもって区切った部分 となる。 なので単に文章が長いから区切るのではなく、ちゃんと意味をもって改行や段落を使い分けることを心がけよう。 WordPressでは、ビジュアルエディタでツールバーを使いながら記事を書くと、テキストエディタ上では 自動的にHTMLに変換 されて表示されます。. タイトルが見つかりにくい場合は、【 並べ替え 】【 検索 】をご利用ください。. 最近、HTMLサイトをWordpressに移行するという作業を何回か行う機会がありました。立て続けに同じような作業を行っていたので、だいぶ流れも覚えられたのですが、ちょっと時間が経ったらきっと色々忘れてしまうだろう・・・ということで、HTMLサイトからWordpressへの移行の手順についてまと … ※未登録の方はa8にアカウント登録が必要です。, 約9年メーカーにてシステムエンジニア経験後、2016年脱サラ・独立したのち、現在は個別指導のWEBスクール運営。, Webやマーケティングなど覚えたノウハウを自他のビジネスに活かすことが好き。最近は「アフィリエイトを副業で始めたい」というお問い合わせが多くあるので、2019年度からアフィリエイトも強化中。, WordPressでホームページの作り方・ブログの始め方を覚えるなら個別指導のWebスクール「ウェブストエイト」, このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。. シェアする. 更新前の状態に戻すことができます。 WordPress を今すぐダウンロードし、世界で最も強力で、有名で、拡張性の高いプラットフォームの一つを使って、サイトを作り始めましょう。 WordPressはHTMLやCSSの詳しい知識がなくともインストールさえしてしまえばブログが運営できてしまいます。しかし少しオリジナリティーを出したくなった時、HTMLとCSSの知識がなくてはカスタマイズはできません。 右画面で修正したいページタイトルをクリック. 実際にビジュアルエディタでタイトルを見出し3、テキストを箇条書きや斜体、太文字にした内容の記事を作成します。 ラディカルサポートブログ > Wordpress > WordPress固定ページの編集方法, 会社概要ページやお問い合わせページなどは、ブログと比べ、更新頻度が高くありません。 固定ページの編集手順. WordPress（ワードプレス）で【タグを設定する方法】を初心者向けに解説した記事です。使い慣れていない人でもわかりやすいように、8枚の画像を使って紹介。カテゴリーとの違いも解説しているので、基礎をおさえておきましょう。 TEL:0283-23-3864 ／ FAX:050-3488-5788, 〒327-0022 栃木県佐野市高砂町2866-1 佐野ビジネスセンタービル西館3階3N. Wordpress, Wordpressプラグイン, テーマカスタマイズ WordPress Twitter で Follow himecas1017. WordPress「テキストエディタ」とは？ テキストエディタでは、HTMLタグを直接入力することができます。 WordPress とは WordPress (ワードプレス) は、ブログから高機能なサイトまで作ることができるオープンソースのソフトウェアです。 WordPress は無料であると同時に、はじめての方でも、開発者の方でも、誰でも高機能なサイトやブログ、アプリを作ることができる価値のあるものです。 WordPressの各テーマで使用されているcssファイルを編集する方法を、管理画面から行う方法とFTPクライアントを使用してファイルを更新する方法の二つを紹介します。自分でカスタマイズできるようになりましょう。 改行：文章を区切って行を変えること 2. (※)Header NavigationとFooterNavigationという名称はご利用のテーマによって違います。また、テーマによっては1つしかチェックができない場合も3つある場合もあります。, ここでは、メニューバーに関する詳しい説明は割愛しますが、メニューバーで固定ページを表示する方法は「WordPressの使い方 メニューバーの作り方」の記事をご参照ください。, つぎに一度作成した固定ページの編集方法を説明していきます。固定ページ＞固定ページ一覧をクリックします。, タイトル下付近にマウスカーソルを合わせると「固定ページ編集」リンクが表示されますのでクリックします。, クイック編集では固定ページ本文以外のタイトルやスラッグ、公開ステータスなどの情報を簡単に編集することができます。, 最後に一度作成した記事の削除方法を説明していきます。固定ページ＞固定ページ一覧をクリックします。, タイトル下付近にマウスカーソルを合わせると「ゴミ箱」リンクが表示されますのでクリックします。, 以上で、固定ページの追加・編集・削除方法の説明は終わりです。ここからはより具体的なエディターの基本的な使い方を説明していきます。, 編集画面が初期状態で表示されます。大きく、メインのエディターエリアと上部ツールバー、右のツールバーがあります。 必ず「更新」をクリックする前に、「プレビュー」で変更内容に誤りが無いか確認してください。, 万が一誤って更新してしまった場合でも、Wordpressのバックアップ機能により、 2018年9月21日 HTML, ウェブマーケティング brタグ, HTML, pタグ, WordPress, 改行, 文法, 段落. 疑問や不安が解消できるようメリットはもちろんデメリットも含めて回答させていただきます。 WordPressでプログラミングする上で必要な基礎知識が理解できる1冊。PHPの基礎からWordPress特有の仕様などをわかり易く解説しています。ダウンロード可能なサンプルコードをなぞりながら進め、カスタマイズやテーマ作成に必要な基本的な内容が理解し易い作りになっています。 ●WordPressテーマの適用方法はこちら, 次に、作成した固定ページを設定しましょう(メニューバーの使い方を知っている方は本手順不要です)。, まずメニューを作成します。ここでは、「メインメニュー」(※)と入力してメニューを作成ボタンを押下します。 WordPress上でのHTML. 投稿や固定ページの追加・編集にはビジュアルリッチエディタかテキストエディタを使います。 ビジュアルリッチエディタは簡単に編集作業ができますが、htmlタグの編集ができません。 htmlタグの編集はテキストエディタに切り替えて行ってください。 WordPress（ワードプレス）とHTMLのどちらでホームページを作成するのが良いのでしょうか？ まず結論ですが、HTMLとCSSだけでは、サイトを作成するのも更新するのがめちゃくちゃ大変です。とい WordPress(ワードプレス)を始めたばかりの初心者の方で、固定ページの意味や使い方がよくわからず、悩んでいる方も多いのでしょうか。, 今回は、WordPress5.0から標準実装された新エディタ「ブロックエディター」での固定ページ機能の概要や画像の載せ方、見出しの付け方や、、固定ページの親子関係など基本的な使い方について一通り説明していきます。, 2018年いっぱいまで標準で使われていた従来のエディター「クラシックエディター」版での固定ページの使い方は「【クラシックエディター版】WordPress固定ページの使い方を解説」をご参照ください。, 【WordPress対応】自分でホームページ・ブログを作成したいWebスクールWEBST8, 固定ページとは、「会社情報」や「お問い合わせ」のように、単体ページを作成する際に利用する機能です。固定ページで作成したページは投稿と違って投稿一覧の中には表示されないため、メニューバーなどに自分で配置する必要があります。, 一般的に固定ページでは「会社情報」や「お問い合わせ」などページ単体で独立している内容でメニューバーなど決まった位置に表示しておきたいページで固定ページで利用します。一方、ブログのような時系列で作成していくページを「投稿」でページ作成します。, 「投稿」はカテゴリーやタグによりページ同士をジャンル分けして一覧表示することができるのに対して、「固定ページ」は通常カテゴリーやタグという概念がなく、ページ単体で独立しています。, ●【初心者向け】WordPress投稿と固定ページの違い・使い分け方 ツイートする. (※)名称はなんでもOKです。, メインメニューが作成されました。事前に作った固定ページが表示されます。先ほど作成した固定ページをチェックして、「メニューに追加」ボタンを押下します。, 最後にメニューの設定を行います。ここではHeader NavigationとFooterNavigationにチェックを入れて最後にメニューを保存ボタンを押下します。 (※)上記はWordPress5.5の画面です。バージョンによって若干の差異があるのでその場合はご自身のご利用の画面に合わせて読み替えてください。, 2018年12月末にリリースされたWordPress5.0から新しいエディター「ブロックエディター」が標準エディターになっています。, 2018年以前はWordのようなエディター(クラシックエディター)が標準となっていました。, 旧エディター(クラシックエディター)の方にあえて戻したい場合は、プラグイン「Classic Editor」を利用することで従来のエディターに戻すことができます。ただし、今から新しくWordPressを覚えるなら、ブロックエディターで覚えると良いでしょう。, 【Classic Editor】WordPressでブロックエディターから旧クラシックエディターに戻す方法, 上部ツールバーでは、管理画面への移動や公開設定・エディター設定・ブロック追加などの基本項目を設定・確認するできます。, ■ブロックを追加する例。※追加した後は右ツールバーが非表示になるので「設定」ボタンから再度表示して設定できます。, 「文書」タブを選択すると、公開の設定やパーマリンク、アイキャッチ、（投稿の場合は）カテゴリー・タグなどの、この文書(ページ)全体の設定ができます。, また、任意のブロックにカーソルを合わせると、（「ブロック」タグが選択されている状態の）右側メニューでそのブロックの設定ができます。, エディター内の＋ボタンを押下することでブロックの追加ができます。※ご利用のバージョンによって若干画面が違う場合があります。, まず最初に覚えたいブロックは下記の5つです。下記の5つを覚えればまずは簡単なブログ記事やレイアウト作成ができます。, まずは段落ブロックを挿入してみましょう。段落ブロックは通常エディター末尾でエンターボタンを押下することで追加されます。あるいは＋ボタンから「段落」を選択して挿入することができます。, また、段落で文章を書いている途中でShift+Enterボタンを押下すると、同じ段落のまま改行されます(行間が大きく開きません)。※Enterボタンを押すと新しい段落ブロックとして改行されます(行間が大きくあきます)。, 次に見出しを挿入してみましょう。+ボタンを押して、「見出し」を選択します。文末の＋から末尾に追加することもできますし、ブロック間の間にカーソルを合わせて表示される＋からブロックを間に挿入することもできます。, なお、ブロックを選択すると、下記のようにブロックのすぐ上にツールバーが表示されます。見出しの場合は、見出しレベル(※)の変更やテキスト揃え、太字斜体などの設定ができます。また、右のメニューアイコンからブロック削除することもできます。, (※)見出しは本の章のようなものです。見出しは階層を持つことができます。h1が本のタイトルに相当して、H2は第1章・第2章、H3は第1-1章、第1-2章、H4は第1-1-1章、1-1-2章のような階層です。, また、見出しのブロックを選んだ状態で、右サイドバーから(表示されていない場合は、右上の設定アイコンを押して表示できます)、色やその他の設定ができます。, 次に画像を挿入してみましょう。右下＋ボタンを押して「画像」を選択、自分の好きな画像を選択します。必要に応じて右ツールバーから画像ブロックの設定もできます。, 次に箇条書きを作るリストブロックです。リストのアイコンを選択すると、箇条書きを作ることができます。, なお、テーマやプラグインによっては、WordPress標準の設定以外に、各ブロックに対して設定できる項目が追加されている場合もあります。リスト以外のブロックでも同様にテーマによって追加の設定ができる場合があります。, デザイン＞カラムを選択すると、2列や3列などの横並びのブロックを挿入することができます。カラムは後から比率を変えたり列数を変えたたりすることもできます。, カラムなどの外枠を作るブロックを利用することでレイアウト構造が複雑になってくるので、自分が意図する場所にブロックが挿入されないということもでてきます。, 左下のブロックのナビゲーションを確認することで自分が追加しようと知っているブロックの位置を確認することができます(次で詳しく説明), カラムブロックの中にブロックを入れたり、いくつもブロックを組み合わせていくと、対象のブロックをうまく選択できない場合があります。, 対象のブロック近くのブロックを選択してから、ブロックナビゲーションを選択すると、ブロックの階層構造を表示でき、選択したいブロックを選ぶことが便利です。また、左下に現在選択されているブロックがぱんくずリスト形式で表示されているのでそこから対象のブロックを選択することもできます。, ■ブロックナビゲーションを活用して複雑なブロックからピンポイントで対象ブロックを選択する, ある程度ページを作成したら、保存しましょう。下書き保存を選択すると、下書き(公開していない)でページを保存することができます。, ページを公開しても良い場合は、「公開」ボタンを押下して保存しましょう。ページが公開されて一般の人も閲覧できるようになります。, 一度ページを公開してから再度下書きに戻したい場合は「下書きに戻す」ボタンを押下します。, 既存のブロックの間に新たにブロックを挿入したり、既存のブロックを移動したり、削除することもできます。また、複数ブロックをグルーピングすることもできます。, すでに作成したブロックとブロック境目にカーソルを合わせると、既存のブロックの間に新しいブロックを挿入することができます。, SHIFTボタンを押しながら複数のブロックを選択した状態で矢印を選択すると、複数ブロックまとめて順番を変更することもできます。, また、↑↓アイコンをクリックしたままドラッグ＆ドロップでブロックを任意の場所に移動することもできます。, 既存のブロックを削除したい場合は、既存のブロックを選択して、詳細設定アイコンを選択してブロックを削除をすることができます。, SHIFTキーを押しながら複数ブロックを選択してグルーピングすることもできます。グルーピングしておくことで、移動や編集がしやすくなります。, 利用できるブロックはこのほかにもたくさんあります。初期状態で、ブロックエディターでは、下記のブロック種類が用意されています。, ここでは割愛しますが、ブロックエディターの詳しい使い方は 「WordPress Gutenberg(ブロックエディター)の使い方を徹底解説」に記載していますので、ぜひご参照ください。, 固定ページでは「アイキャッチ」という、いわゆるサムネイル表示機能があります。アイキャッチを設定していると、FacebookやTwitterでシェアした際にアイキャッチに設定した画像を表示することができます。, アイキャッチは固定ページ編集画面右下の「アイキャッチ画像を設定」から設定することができます。, パーマリンクのほかに「スラッグ」という用語が出てきましたが、パーマリンクはURL全体を指すのに対して、スラッグはURLの末尾部分を指します。, パーマリンクとスラッグについての詳しい説明は「【やさしく解説】WordPressのパーマリンクの変更手順とおすすめ設定」をご参照ください。, 公開範囲を設定することもできます。公開ボタンを押してパスワード設定することができます。, パスワード保護設定をしたページについては、パスワードを知っている人だけがページを閲覧できるようになります。, ページによってはサイドバーありページとサイドバーなし(1カラム)ページなどレイアウトを変えたい場合があると思います。, 固定ページでは、あらかじめ用意されている複数のレイアウトテンプレートからどれにするかを選択することができます。, ここでは固定ページのテンプレートの変更方法は、右側にある「テンプレート」から変更できます。, 固定ページでは親となる固定ページを指定でき、ページ間で親子関係を作ることができます。, なお、親子関係を作ると、URLの末尾が「.../親固定ページスラッグ/子固定ページスラッグ/」になります, トップページは初期状態では、最新の投稿記事が表示されている状態です。トップページを任意の固定ページに割り当てる設定ができます。ここでは、固定ページをトップページに割り当てる表示設定を行なっていきます。, 初期設定は、トップページの表示が「最新の投稿」一覧が表示される設定になっています。, 「投稿ページ」に事前に作成した固定ページ「ブログ(※)本文は空でOK」を割り当てましょう。, 以上で設定は完了です。トップページに「HOME」の内容が、「ブログ」にはブログ一覧が表示されて入れば完了です。, まとめです。今回は、WordPress5.0から標準実装された新エディタ「ブロックエディター」での固定ページ機能の概要や画像の載せ方、見出しの付け方や固定ページの親子関係など基本的な使い方について一通りご紹介しました。, 自分で触ってみないことにはなかなかわからないことも多いと思いますので、興味がある方はたくさん触ってみて覚えてください。, WordPressの基本的な使い方を「【2019年度版 WordPress使い方総まとめ】ワードプレスの使い方を徹底解説」にまとめました。WordPressの使い方をしっかり覚えたい方はあわせてご参考ください。, 個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。 WordPressを始めると必ずカスタマイズしますよね。CSSやHTMLの知識が0から始めたユーザーは本当に尊敬します！私は某学校で軽くWebデザインの知識を学んだので、早速カスタマイズしようと、意気揚々と「HTMLファイル♪ CSS~♪」 静的HTMLサイトからWordPressへのリニューアル時に、サイトのURLを揃えたい際は便利ですね。ぜひ参考にしてください。 この記事が気に入ったら いいね！してね♪. 今回は、ConoHa WINGで閲覧できません(Forbidden Access)のエラー画面が出た時の対処法として、WAF(Web Application Firewall)の除外設定のやり方をご説 ... WordPress(ワードプレス)を始めたばかりの初心者の方で、固定ページの意味や使い方がよくわからず、悩んでいる方も多いのでしょうか。   ここでは、従来から使われているクラシックエディタ ... WordPress(ワードプレス)は無料でも品質の高いテーマがたくさんあります。しかし、本格的にサイトを作るなら、より高機能・美しいデザインの有料テーマがおすすめです。   そこで本記事では ... WordPressでSSL化したときに警告される画像URLやそのほかの過去の情報を一括で置換したいケースがよくあります。   WordPress上の文字列・URLを置換する方法はいくつかあり ... 本記事では、ワードプレス5.0からリリースされたグーテンベルク(Gutenberg)エディタから従来のクラシックエディターに戻す方法を説明しています。   ワードプレスを更新したら、ブログの ... A8フェスティバルオンラインセミナーで「売れるサイトmakerに聞く！サイト作成スタートアップガイド」というテーマでセミナー講師としてお話しさせていただきました。詳細はこちら 詳細なエディターの説明は後ほど説明をしていきます。ここではいったん、作成した固定ページをメニューバーに表示する方法を説明していきます。, 詳細なブロックの説明は後ほど説明をしていきます。ここではいったん、上部ツールバーや右ツールバーなどの全体の概要について先に説明していきます。, 設定項目はブロックにより異なりますが、色やデザインなどを調整したりすることができます。, このように、新しいエディターでは「ブロック」と言われる単位を挿入していくことでページを作成していくことができます。, グルーピングしたブロックをうまく選択できない場合は、前述のブロックナビゲーションをうまく活用して対象のグループブロックを選択しましょう。, ここで設定するんですね！でも、もともとトップページに表示されていたブログ一覧ページはどこに表示されるでしょうか？, ブログ一覧ページも任意に固定ページに割り当てることができます。続けて説明していきますね。, 今はまだ未対応やベータ版のプラグインが多いですが、これからどんどん新エディタに対応してくるものも増えてくると思いますので、便利なものは利用するようにしていきましょう。, WordPress(ワードプレス)でブログを始めようと思った時に、サーバー・ドメインの手続きなどわからないことだらけで困っているというお悩みをお持ちの方も多いのではないでしょうか。本記事では、WordPressでブログやアフィリエイトを始めたい初心者を対象にWordPressの始め方をご紹介していきます。, WordPressでホームページを自作しようと思った際に、「ドメイン？サーバー？たくさん調べることがあって何から手をつけたら良いのかわからない」というかたも多いのではないでしょうか。この記事ではWordPress初心者の方を対象にWordPressでホームページを作る方法をご紹介していきます。, 今回は、これからWordPress(ワードプレス)を使ってホームページまたはブログサイトを作りたい初心者の方向けに、WordPressの導入から使い方までまとめて説明していきます。 ●【2020年版】WordPress投稿の書き方・使い方を徹底解説, まず試しに固定ページを作成してみましょう。固定ページ＞固定ページ一覧(新規追加でもOK)を押下します。, はじめてブロックエディターの画面を開いた時には、ガイドが表示されます。今回ば「×」を押していったん閉じます。, 下記のような編集画面が初期状態で表示されます。大きく、メインのエディターエリアと上部ツールバー、右のツールバーがあります。 初めてのWordPressで集客できるブログを作るまでの使い方まとめ WordPressをインストールして必要な初期設定を行おう. WordPressでHTMLやCSSなどのソースコードを投稿したい場合、そのままコードを入力しても、テキスト扱いとなるため素のソースコードの状態を維持することができません。 例えば以下の内容を投稿画面で普通に入力（ビジュアルエディターにて）した場合、 ソースコードを入力したはずですが、これがページ上で表示されたもののソースコードを確認してみると、 このようにHTMLタグがテキストとして変換されてしまいます。これではソースコードとして再利用することができません。 かといって「テ … HTMLファイルをWordPress化するために、まずは環境構築をしましょう。 「環境構築」と聞くと難しくて時間がかかるイメージを持つ方もいると思います。 WordPressの環境構築は、初心者でも簡単にできるのが特徴です。 アプリケーションのインストール.