表機能とは
「表」機能は、文字や写真を「見やすく、伝わりやすいページ」にするために便利な機能です。
主な活用シーン
情報の整理（メニュー表・スケジュール）
メニューの価格一覧や、イベントのタイムテーブルなどをきれいに整列させて表示できます。
例：テンプレート「Vanilla」で作成
例：テンプレート「Organic」で作成
自由なレイアウト（画像と文章の配列）
複数の写真や、写真と説明文をきれいに配置する場合に活用します。
表の枠を利用して、写真や文章を枠に並べることで、統一感のあるスッキリとした見た目にできます。
例：テンプレート「Vanilla」で作成
ご利用の前に
「表」機能は、エディタの編集モードのうち、「リッチエディタ」のみご利用いただけます。
他の編集モードをご利用されている場合、エディタに入力中の場合は保存を行なったのちに「リッチエディタ」に切り替えを行なってください。
基本の表の作成方法
- 「表」＞「表の挿入」をクリック
- 作成したい表のセル数の箇所をクリック ※後から追加が可能です。
右下のハンドル（小さい四角）をドラッグして表のサイズを調整
辺の中央にある□を上下・左右にスライドさせることで高さのみ・幅のみの変更も可能です。
- セルに文字を入力する場合は、文字を追加したいセルをクリックし入力
表に線をつける
- 線をつける対象の表を選択
- 「表」>「詳細設定」をクリック
- 枠線に「１」以上の数値を入力
「OK」をクリック
※線を太くしたい場合は入力する数値を大きくしてください。
なお、適用中のテンプレートによって、線のデザインが異なります。
例：テンプレート「Silk」で枠線「1」を指定した場合
例：テンプレート「Spoon」で枠線「1」を指定した場合
エディタ上の見え方とは異なる場合もありますので、編集画面上部にある「このページを確認」から実際の表示をご確認ください。
枠線の色の変え方
- 「表の詳細設定」をクリック
- 「詳細設定」タブをクリック
- 「枠線の色」にカラーコードを入力、もしくは四角をクリックしグラデーションから色を選択
- 「OK」をクリック
背景色をつける
表全体に背景色をつける場合
- 背景色をつけたい表を選択
- 「表」＞「表の詳細設定」をクリック
- 「詳細設定」タブをクリック
- 「背景色」にカラーコードを入力、もしくは四角をクリックしグラデーションから色を選択
- 「OK」をクリック
一部のセルにだけ背景色をつける場合
- 背景色をつけたいセルをクリック
- 「表」＞「セル」＞「セルの詳細設定」をクリック
- 「詳細設定」タブをクリック
- 「背景色」にカラーコードを入力、もしくは四角をクリックしグラデーションから色を選択
- 「OK」をクリック
セルを結合する
- 結合したいセルすべてをドラッグし選択
- 「表」＞「セル」＞「セルの結合」をクリック
結合したセルを分割する
- 分割したいセルをクリック
- 「表」＞「セル」＞「セルの分割」をクリック
行や列の高さ・幅を変える
行の高さを変える
- 高さを変更したい行のセルをクリック ※1行の中のどのセルでも構いません。
- 「表」＞「行」＞「行の詳細設定」をクリック
- 「高さ」に任意の数値を入力
- 「OK」をクリック
列の幅を変える
- 幅を変更したい列のセルをクリック ※1列の中のどのセルでも構いません。
- 「表」＞「セル」＞「セルの詳細設定」をクリック
- 「幅」に任意の数値を入力
- 「OK」をクリック
セルの間隔・セル内余白を調整する
セルの間隔を広げる
セルの間隔を指定することで、セル同士の間隔を広げることができます。 入力する数値が大きいほど、間隔が広くなります。
- セルの間隔を広げたい表をクリック
- 「表」＞「表の詳細設定」をクリック
- 「セルの間隔」に任意の数値を入力
- 「OK」をクリック
セル内余白を広げる
セル内余白を広げると、枠線とセル内の文字の間に余白が生まれます。
セル内余白未設定時
セル内余白を「30」で指定した場合
- セル内余白を広げたい表をクリック
- 「表」＞「表の詳細設定」をクリック
- 「セル内余白（パディング）」に任意の数値を入力
- 「OK」をクリック
HTMLを利用して編集する
表は、「テーブルタグ」と呼ばれるHTMLのプログラムを利用して作成されています。 こちらを利用して編集することもできます。
※HTMLを利用した編集はサポートの対象外です。編集方法はご自身でお調べいただいた上で編集を行ってください。
編集する場合は、「ソースコード」ボタンを押下します。
エディタ内のHTMLの記述が表示されます。 こちらから編集を行うことも可能です。
