表作成の手順

ここでは、ビジュアルモードによる表の作成・編集の手順を説明しています。

1. 「ページを編集」「投稿を編集」の表示

ログイン後、「ページを編集」「投稿を編集」を表示させます。

※ログイン方法、各編集画面の表示方法については「基本操作の説明（投稿の手順）」をご参照ください。

2. ビジュアルモードへの切り替え

記事欄右上部の「ビジュアル」をクリックしてビジュアルモードに切り替えます。

※ビジュアルエディタの詳細は「ビジュアルエディタの使い方」をご参照ください。

3. 表の挿入

ビジュアルエディタの「表を挿入」ボタンをクリックします。すると表の設定画面が表示されますので、各種設定を行います。

設定画面には、2種類のタブがあります。タブの1つ「table_dlg_general_tab」では表の基本的な設定を行います。

• 「table_dlg.cols」・・・表の列数を指定する欄です。数字を入力します。
• 「table_dlg.rows」・・・表の行数を指定する欄です。数字を入力します。
• 「table_dlg.cellpadding」・・・表の1マスの余白を指定する欄です。数字（ピクセル単位）を入力します。
• 「table_dlg.cellpadding」・・・表の1マスの余白を指定する欄です。数字（ピクセル単位）を入力します。
• 「table_dlg.cellspacing」・・・表のマスとマスとの間隔を指定する欄です。数字（ピクセル単位）を入力します。
• 「table_dlg.align」・・・表の位置を指定する欄です。左（left）・中央（middle）・右（right）のいずれかを選択します。
• 「table_dlg.border」・・・表の枠の幅を指定する欄です。数字（ピクセル単位）を入力します。0にすると枠が表示されません。
• 「table_dlg.width」・・・表の横幅を指定する欄です。数字（ピクセル単位）を入力します。
• 「table_dlg.height」・・・表の高さを指定する欄です。数字（ピクセル単位）を入力します。
• 「クラス」・・・CSS等でクラスを利用したいときに指定します。
• 「caption」・・・表にキャプションをつけたいときにチェックを入れます。

設定画面のもう一方のタブ「table_dlg_advanced_tab」では表の応用的な設定を行います。

• 「table_dlg.id」・・・CSS等でidを利用したいときに入力します。
• 「table_dlg.summary」・・・サマリーを表示させたいときに入力します。
• 「table_dlg.bordercolor」・・・表の枠の色を指定します。四角いボタンをクリックするとカラーピッカー等が表示されます。
• 「table_dlg.bgcolor」・・・表の背景色を指定します。四角いボタンをクリックするとカラーピッカー等が表示されます。

表の各種設定が終わったら「挿入」ボタンをクリックします。すると記事欄に表が挿入されます。

4. 表の編集

文字入力を行いたいマスにカーソルを移動し、文字を入力します。

表そのものを編集したい場合には、カーソルが十字の矢印マークになった状態で表を選択し、「表を挿入」ボタンをクリックします。各種変更設定を行った後、「更新」ボタンをクリックすると、編集が完了します。