ガイド/コンテンツの作成/デザイン/カラムレイアウトを作成する

カラムレイアウトを作成する

コンテンツを横並びのカラムで整理すれば、見やすくユーザーフレンドリーなページレイアウトになります。このガイドではサイトでカラムを作成する方法を説明します。

カラムを追加する

カラムをページ投稿テンプレートに追加するには、次の手順で行います。

  1. 「+」(ブロック挿入ツール)ボタンをクリックします。
  2. 「カラム」を検索してクリックし、コンテンツに新しい「カラムブロック」を追加します。
  3. 同じ幅の3つのカラム (33/33/33) や幅が異なる2つのカラム (66/33) など、レイアウトを1つ選択します。後ほどカラムの数各カラムの幅は調整できます。
  4. 最初のカラムの「+」アイコンをクリックすると、テキストや画像などのコンテンツの追加を開始できます。

カラムにコンテンツを追加する

「カラムブロック」を挿入後に、そのカラムをクリックすると表示される「+」(ブロック挿入ツール)アイコンをクリックすると、そのカラムにコンテンツを追加できます。

「+」アイコンが表示されている空のカラム。

カラムにはどのタイプのコンテンツも追加できます。追加する最も一般的なブロックには次のものがあります。

既存のブロックをカラムに変換する

複数のブロックを続けて挿入しており、それらをカラムに変換するには、次の手順に沿って行います。

  1. マウスをクリックしてドラッグし、カラムに変換するすべてのブロックを選択します。
  2. ツールバーがブロックの上または下に表示されます。ブロックツールバーの左側にある1つ目のオプションをクリックします。
  3. 「変換」リストで、「 カラム」オプションを選択します。

1個から6個までのブロックをカラムに変換できます。選択した各ブロックが個々のカラムに変換されます。カラムの数は変換前に選択したブロックの数と同じになります。カラムを作成後に、「リスト表示」 コマンドを使用して、ブロックを別のカラムに移動できます。

作成済みのカラムレイアウトを使用する

ブロックパターンを使用すると、プロ仕様のカラムレイアウトをすばやく WordPress サイトに追加できます。次の手順に沿って、デザイン済みのカラムレイアウトを検索し、ページ投稿テンプレートに挿入します。

  1. 左上またはエディター内のどこかに表示される「+」(ブロック挿入ツール) ボタンをクリックします。
  2. 「パターン」タブを選択します。
  3. スクロールするか、検索バーに「カラム」と入力してカラムレイアウトを検索します。
  4. 使用するカラムレイアウトを選択し、1回クリックしてページに挿入します。
  5. テキストと画像を変更し、他のブロックを追加して、カラム内のコンテンツをカスタマイズします。
  6. 必要に応じて、カラムの幅背景色などの設定を調整します。
  7. 変更をプレビューし、「公開」または「保存」ボタンをクリックします。
Copied to clipboard!