ガイド/コンテンツの作成/テキスト/テーブルを挿入する

テーブルを挿入する

行と列に構造化されたコンテンツを作成して情報を表示するには、テーブルブロックを使用します。このガイドでは、サイトにテーブルを挿入する方法を説明します。

テーブルブロックを追加する

テーブルブロックを追加するには、「+」ブロック挿入アイコンをクリックして「テーブル」を検索します。クリックしてブロックを固定ページ投稿テンプレートに追加します。

💡

キーボードを使用して新しい行に「/テーブル」と入力して Enter キーを押すことで、新しいテーブルブロックをすばやく追加することもできます。

ブロックを追加する手順についてはこちらを参照してください。

テーブルを作成する

テーブルブロックを追加するには、まずテーブル内の列数と行数を選択します。

新しいテーブルブロックに列数と行数の選択欄が表示されており、ボタンには「表を作成」と書かれている。

表示されるボックスで列数と行数を指定し、「表を作成」ボタンをクリックします。テーブルが表示され、テーブルの各セルに入力を開始できます。

あとからテーブルの操作中に列や行を追加または削除できます。その方法は以下のとおりです。

  1. テーブルの既存の列または行をクリックして選択します。
  2. ブロックツールバーの「テーブルの編集」オプションをクリックします (4つのセルを持つテーブルのようなシンボルです) 。
  3. 次のいずれかのオプションを選択します。
    • 選択した行の直前に新しい行を挿入します。
    • 選択した行の直後に新しい行を挿入します。
    • 現在選択されている行を削除します。
    • 選択した列の直前に新しい列を挿入します。
    • 選択した列の直後に新しい列を挿入します。
    • 現在選択されている列を削除します。

テーブルブロックのツールバー

ブロックをクリックすると、ブロックの上または下に次のオプションのツールバーが表示されます。

テーブルブロックのツールバー。

テーブルブロックのツールバーには、左から右に次のオプションが並んでいます。

テーブルブロックの設定

ブロックを選択すると、右のサイドバーに追加のブロック設定が表示されます。サイドバーが表示されない場合、右上の 「設定」アイコンをクリックして設定を表示させます。このアイコンは、幅の異なる2つの列から成る正方形のアイコンです。

下に「設定」というツールチップが表示されたエディターの設定アイコン。
「設定」アイコンをクリックするとブロック設定が開く

設定

テーブルのセルを固定幅にするオプションもあります。つまり、列の幅をテーブルのコンテンツに合わせるのではなく、すべての列を同じ幅にします。

ヘッダーセクションフッターセクションはそれぞれテーブルに別の行を追加します。ヘッダーセクションは通常、各行の上部にタイトルを追加するために使用されます。フッターを使用すると、下部に行を追加できます。

テーブルブロックには高度な設定も用意されています。

テーブルブロックのスタイル

ブロック設定サイドバーでスタイルアイコンをクリックし、ブロックのデザイン設定にアクセスします。スタイルアイコンは、半分が塗りつぶされた円の形をしています。

矢印がスタイルアイコンを指している。これをクリックするとブロックスタイルセクションが開く。

スタイル

テーブルでは「デフォルト」「ストライプ」の2つのスタイルが利用できます。

  • 「デフォルト」スタイルは無地の背景で、セルには枠線が表示されます。
  • 「ストライプ」スタイルでは、行の背景色が交互に表示されます。

テーブルの最終的な外観は、テーマに応じて異なります。

標準的なブロックスタイルの詳細については、次のガイドを参照してください。

インライン画像を追加する

テーブルにインライン画像を追加するには、表のセルをクリックし、下向き矢印をクリックして、「インライン画像」を選択します。メディアライブラリのウィンドウが開き、追加する画像を選択できます。

テーブルブロックのセルにインライン画像を追加する方法を示す GIF。

インライン画像のサイズを変更するには、画像をクリックして画像の幅の数値を入力または選択し、曲線の矢印ボタンを使用して変更を適用します。

テーブルブロックのセルにあるインライン画像の「幅」設定を示す画像。
Copied to clipboard!