1. マニュアル
  2. ホームページ
  3. 本文エディタの使い方
  4. 表を作成・編集する

表を作成・編集する

価格表や比較表などは、表(テーブル)機能を使って表を作成すると見やすくなります。

本文エリア中の表を挿入したい場所をクリックします。

既に作成済みの表の設定を変更する場合は、対象の表にカーソルを合わせます。(列数・行数の変更はできません)

  1. 上部ツールバーにある表を追加/変更[表を追加/変更]をクリック
  2. 作成する表の「列」数を入力する
  3. 作成する表の「行」数を入力する
  4. 表スタイルを選択する
    表スタイルの種類や用途についてはこちら
  5. (オプション)表の幅を入力する(画面幅100%の場合は入力不要です) 
  6. (オプション)表の配置を指定する(表の幅を小さくした時に、表示位置を設定できます)
  7. スマホで表示した際の表示方法を選択する
    スマホ表示時スタイルの種類についてはこちら
  8. [表の挿入]をクリック

見出し内容
見出し内容

表が挿入されますので、各セルをクリックして各項目を入力し、表を完成させます。



表の中の見出し項目の設定をします。


  1. 見出しにするセルをクリック
  2. 上部ツールバーにある表のセルプロパティ設定[表のセルプロパティ設定]クリック
  3. セルタイプの「ヘッダ(見出し)」にチェックを入れる
  4. [セル設定更新]をクリック
見出し内容
見出し内容

同じ要領で、見出しにしたいすべてのセルの設定を行うと、表の完成です。



  1. コピーしたい行をクリック
  2. 上部ツールバーにある[表の行をコピーして下に挿入]クリック

行がコピー追加されます。



  1. 削除したい行をクリック
  2. 上部ツールバーにある表の行を削除[表の行を削除]クリック

行が削除されます。



上部ツールバーにある表を追加/変更[表を追加/変更]をクリックすると、表のスタイル(デザイン)を選択できます。

ご自身のニーズに合ったデザインを選んで、表の見た目を調整しましょう。



右向き矢印型右向き矢印型会社概要や店舗概要など、見出し-内容が一対の表などに活用してください。
ノート型ノート型コース説明などノート風の表などに活用してください。
リスト型リスト型シンプルなメニュー表などに活用してください。
行交互型行交互型奇数行と偶数行で自動的に背景色が変わり可読性が高まります。行、列の多い表などに活用してください。
下向き矢印型下向き矢印型タイムテーブルなど時系列や流れを案内する表などに活用してください。
Q&A型Q&A型一つのページ中にそのページ固有のQ&A表などに活用してください。

また、ブロックテンプレートの中に、それぞれの表スタイルのテンプレート(ひな型)をご用意しております。

こちらを活用いただくと、より具体的な活用法をイメージをしていただきやすいかと思います。



上部ツールバーにある表を追加/変更[表を追加/変更]をクリックすると、スマホ表示時スタイルを選択できます。

スマホでの表示方法を選ぶことで、画面サイズに合わせて表のレイアウトを調整できます。

最適な表示方法を選択して、スマホでも見やすい表にしましょう。




スマホ表示時スタイル 使用場面PC表示イメージスマホ表示イメージ
全体縮小文字を画面幅に収めたい場合に最適。一目で全体を確認できます。情報量が多い場合は、左右スワイプ型と使い分けましょう。
縦に組み替え

「ラベル+データ」のペアなど、縦に並べると見やすい情報に最適。折り返しや余白が減り、視認性が向上します。


左右スワイプ(幅自動)
項目が多く、途中で折り返したくない場合に最適。横スクロールで確認できます。セルの内容に応じて幅が自動調整されます。
左右スワイプ(幅広1・幅広2)
項目が多く、横にゆったり表示させたい場合に適しています。セル幅を比率で指定したり、均等に割り当てるといった細かな調整が可能です。
幅一杯
PCでは小さく表示される表を、スマホで画面いっぱいに見せたい場合に使用。




他にも本文エディタ上部のツールバー中には、表の作成を便利に進める機能ボタンが用意されています。

上部ツールバーの[上級者向けツールバーへ切り替え]をクリックすると、各機能ボタンが表示されます。

 

上級者向けツールバー

表を追加/変更表を追加/変更

表を挿入します。

また、本文内の既存の表をクリックしてからこのボタンをクリックすると、表の体裁が設定できるプロパティ画面が表示されます。

操作方法はこちら

表の行を上に挿入表の行を上に挿入表内の任意の行の上に、新たな行を挿入します。
表の行を下に挿入表の行を下に挿入表内の任意の行の下に、新たな行を挿入します。
表の行をコピーして上に挿入表の行をコピーして上に挿入表内の任意の行をコピーして、上に挿入します。
表の行をコピーして下に挿入表の行をコピーして下に挿入表内の任意の行をコピーして、下に挿入します。
表の行を削除表の行を削除表内の任意の行を削除します。
列を左に挿入列を左に挿入表内の任意のセル(枠)の左に、列を挿入します。
列を右に挿入列を右に挿入表内の任意のセル(枠)の右に、列を挿入します。
列を削除列を削除表内の任意の列を削除します。
表のセルプロパティ設定表のセルプロパティ設定表内の任意のセル(枠)に、ヘッダ・データのタイプや文字の配置などを設定します。
表のセルカラー設定表のセルカラー設定表内の任意のセル(枠)の背景色を設定します。
表のセルボーダーカラー設定表のセルボーダーカラー設定表内の任意のセル(枠)の線の色を設定します。
表のセルを右のセルと結合表のセルを右のセルと結合表内の任意のセル(枠)と右のセルを結合します。
表のセルを横に分割表のセルを横に分割結合したセル(枠)を横に分割します。
表の下のセルと結合表の下のセルと結合表内の任意のセル(枠)と下のセルを結合します。
表のセルを縦に分割表のセルを縦に分割結合したセル(枠)を縦に分割します。
ブロック削除ブロック削除引用ブロック・特記ブロック・表などのブロックを削除します。