株式会社オートプロジェクト

Columnコラム
  • TOP
  • コラム一覧
  • 「カラム」コンテンツの追加と設定|WordPress ブロックエディタの操作方法をビデオ付きで解説
2023年9月25日
「カラム」コンテンツの追加と設定|WordPress ブロックエディタの操作方法をビデオ付きで解説

WordPressの「ブロックエディタ」とは

WordPressのブロックエディタは、従来のクラシックエディタに代わるものとして導入された、新しいコンテンツ編集インターフェースです。

ブロックエディタは、見出しや段落、画像や動画、表や区切り線など、さまざまなコンテンツを「ブロック」と呼ばれる個別の要素として定義しており、この「ブロック」を自由に配置することで、柔軟かつ直感的にコンテンツの編集を行うことができます。

今回は、そんなブロックエディタにおける「『カラム』コンテンツの追加と設定」の方法を、実際の操作画面のビデオとともに紹介します。


「カラム」とは

「カラム」は、コンテンツを列に分割して配置できる機能です。カラムは通常、2つ以上の列から構成され、各列内にブロックを追加できます。

今回は、この各列内に段落を追加し、以下の形のレイアウトを作成します。


「カラム」コンテンツの追加のしかた

  1. コンテンツを追加したい場所にマウスオーバーします
  2. 表示された「+」をクリックします
  3. 「カラム」をクリックします(ここでは「段落」のコンテンツを選びました)
  4. 希望の列数・幅比率の構成カラムを選択します(ここでは「2列」で「33:66」を選びました)
    ※選択肢の中に希望の幅比率がない場合は、手動で設定することもできます
    ※手動での設定方法は、次の項目「手動による幅比率設定のしかた」で紹介します
  5. 左カラムの「+」をクリックし、「段落」を選択します
  6. 追加された段落にテキストを入力します(ここでは「タイトルです」と入力しました)
  7. 右カラムをクリックして「+」を表示させ、左カラムと同様の手順で「段落」を選択します
  8. 左カラムと同様の手順で、右カラムにもテキストを入れます

手動による幅比率設定のしかた

  1. 「『カラム』コンテンツの追加のしかた」の手順4まで行います
  2. 上部「公開」ボタンの右にある、「設定」ボタンをクリックします
  3. 現在選択されている右カラムの比率を入力します(ここでは「40%」と入力しました)
  4. 左カラムをクリックし、同様に比率を入力します(右カラムを「40%」に設定したので、左カラムには「60%」を入力します)

  1. ビデオ解説
  2. ブロックエディタ