ガイド/サイトをカスタマイズ/ブログ投稿用に個別のページを作成する

ブログ投稿用に個別のページを作成する

テーマを有効化にした時点で、サイトのホームページや他のページにブログ投稿がすでに表示されている可能性があります。ただし、新しいブログページを一から作成することもできます。以下にその方法を説明します。

方法1: 既製のレイアウトを使用する

プロがデザインした美しい既製のテンプレートを選択すると、独自のブログページを簡単に作成できます。これらの既製のテンプレートは、公開するブログ投稿が自動的に表示されるようになっています。次の手順を実行します。

  1. ダッシュボードにアクセスします。
  2. 「ページ」 →「新規追加」に移動して新しいページを作成します。
  3. ブログカテゴリーで、事前定義されたページレイアウトの一覧を参照します。
  4. ページに適用するレイアウトをクリックします。選択したレイアウトには、サイトですでに公開しているブログ投稿が自動的に入力されます。
  5. レイアウトに必要な変更を加えます (WordPress エディターの使用方法については、こちらをご覧ください)。
  6. 「公開」をクリックして、変更内容をサイトで公開します。
  7. 新しいブログページをサイトのメニューに追加します。

これで、新しいブログ投稿を公開すると、作成したブログページに自動的に表示されるようになります。

ブログページのさまざまなレイアウトから選択できる

方法2: ブログの投稿ブロックを使用する

前のセクションで説明したように、既製のレイアウトを使用しない場合は、空白のページから始めて、ブログの投稿ブロックを使用して投稿を表示できます。その方法は以下のとおりです。

  1. ダッシュボードにアクセスします。
  2. 「ページ」 →「新規追加」に移動して新しいページを作成します。
  3. 「空白ページ」をクリックすると、コンテンツのない新しいページから開始します。
  4. ブログの投稿ブロックを追加して、ページに投稿を表示します。以下の手順で、必要に応じブロックの設定を調整します。
    • リストまたはグリッドレイアウトから選択します。
    • 画像、抜粋、日付などの情報を含めるか除外するかを選択します。
    • 投稿には、特定のカテゴリー、タグ、投稿者を表示できます。
  5. テキストや画像などの他のコンテンツをページに追加します (WordPress エディターの使用方法についてはこちらをご覧ください)
  6. 「公開」をクリックして、変更内容をサイトで公開します。
  7. 新しいブログページをサイトのメニューに追加します。
エディターに追加されたブログの投稿ブロック。ここには最近のブログ投稿のリストが表示される。
ブログの投稿ブロックを使用すると、投稿の外観を制御する多くのオプションを使用して、ページに投稿を表示できる

方法3: カスタムレイアウトを作成する

WordPress エディターを使用すると、ブログページに必要なレイアウトを思い通りに作成できます。ここでは、以下のようなカスタムレイアウトを作成する方法を説明します。

投稿カルーセル、最近のブログ投稿、購読のためのサイドバーリンク、最新の投稿、投稿カテゴリーを表示するカスタムブログページの例。

このレイアウトをそのまま自分のブログに使用する必要はありませんが、この例は、ブログページのデザイン時に検討するさまざまなオプションに慣れるのに役立ちます。

上の例では、視覚に訴えるヘッダーにするために投稿カルーセルブロックが使用されています。中央部分にはブログの投稿ブロックを使用しています。カラムブロックを使用して、購読ブロック最新の投稿ブロックカテゴリーブロックのサイドバーが作成されています。

このレイアウトを作成するには、次の手順を実行します。

  1. ダッシュボードにアクセスします。
  2. 「ページ」 →「新規追加」に移動して新しいページを作成します。
  3. 「空白ページ」をクリックすると、コンテンツを含まない新しいページから開始します。
  4. 投稿カルーセルブロックを追加し、ブロックサイドバーのオプションを使用して、表示する特定の投稿を選択します。投稿カルーセルブロックは、以下のように全幅に設定します。
ブロックエディターの投稿カルーセルブロック。ツールバーのブロック幅の設定とブロックサイドバーの「表示設定」がハイライト表示されている。
  1. 投稿カルーセルブロックの下に、2カラムブロックを追加し、2カラム目が狭いオプションを選択します。
70/30配置列オプションの周囲がハイライト表示された列ブロック。
  1. 狭い方のカラムで、以下の手順を実行します。
    • 見出しを追加し、「購読」とテキストを入力します。次に、そのテキストの下に購読ブロックを追加します。
    • 見出しを追加し、「最新の投稿」と入力します。次に、最新の投稿ブロックを追加します。
    • 見出しを追加し、「投稿カテゴリー」と入力します。次に、カテゴリーブロックを追加します。
カラムブロックに作成されたサイドバー。購読ブロックのブロック設定を示している。

💡

各ブロックには多くのカスタマイズオプションがあります。ブロックの設定とツールバーで必ず確認してください。

  1. 幅の広い方のカラムにブログの投稿ブロックを追加し、「グリッド」表示オプションを選択します。
ツールバーの「グリッド」オプションの周囲がハイライト表示されたブログの投稿ブロック。
  1. 「公開」をクリックして、変更内容をサイトで公開します。
  2. 新しいブログページをサイトのメニューに追加します。

カスタムブログページ | WordPress.com ウェビナー

ブログページを設定するプロセスの各ステップをご案内するウェビナーの録画をご覧ください。

Copied to clipboard!