WordPressで表組み(テーブル)を作るテキストエディターツール解説
WordPressの投稿画面で使われているヴィジュアル・テキストエディター(TinyMCE)には、標準では表組み(テーブル)ツールはありませんが、ツールを拡張するプラグイン「TinyMCE Advanced」を使用すると追加できます。表組みツールの使い方を説明します。
| アイコン | 機能 | 解 説 |
|---|---|---|
| 表を挿入 | カーソルのある位置に表を挿入し、属性を設定する。 | |
| 行のプロパティ | カーソルのある行、またはすべての行の属性を設定する。 | |
| セルのプロパティ | カーソルのあるセル、またはすべてのセルの属性を設定する。 | |
| 行を上に挿入 | カーソルのある行の上に行を追加する。 | |
| 行を下に挿入 | カーソルのある行の下に行を追加する。 | |
| 行を削除 | カーソルのある行を削除する。 | |
| 列を左に挿入 | カーソルのある列の左に列を挿入する。 | |
| 列を右に挿入 | カーソルのある列の右に列を挿入する。 | |
| 列を削除 | カーソルのある列を削除する。 | |
| セルの結合を解除 | 結合したセルを解除して元に戻す。 | |
| セルの結合 | 複数のセルを結合して一つのセルにする。 |
表組み(テーブル)の基本
テーブルは一般に表形式のデータを表示するのに使われます。テーブルは縦横に複数のマスで構成されています。1マスを「セル」といい、横のセルの集合を「行」、縦のセルの集合を「列」といいます。
セルには、データを記入するデータセルと、見出しを記入するヘッダセルの2種類があります。
表組み(テーブル)の作成方法
- テーブルを挿入したい場所にカーソルを移動し、
( 表を挿入 )をクリックします。
ご注意:Firefoxをお使いの場合、作成したテーブルの後に段落がないとテーブルからカーソルが抜けなくなるバグがあります。あらかじめ、文字を入力した段落と段落の間にテーブルを挿入するようにしてください。 -
設定ボックスが表示されますので、テーブルの属性を指定します。
「一般」タブ- 「列」と「行」の数を設定する。
- 「Cellpadding」「Cellspaceing」の値を0にする。
- 表に外枠が必要な場合は「枠線」に1以上の数値を入力。数値が大きいほど線の幅が太くなる。枠線が必要ない場合は0にする。
- 「幅」と「高さ」を設定する(整数を入力)。空欄にすると自動的にデータの文字数に合わせる。
- 表の上にタイトルを付けたい場合は「表に見出しを付ける」にチェックを入れる。
「上級者向け」タブ
- 「スタイル」に数値が入力されている場合はそのままにしておく。
- 表に外枠を設定したい場合は「枠線の色」のカラーをクリックして色を選択する。
- 設定が完了したら「挿入」ボタンをクリックする。

- 表に外枠を設定した場合、Firefoxでは内枠も表示されますが、InternetExplorerの場合は内枠は表示されません。内枠を設定する場合はセルを選択して、
(セルのプロパティ)をクリックします。設定ボックスが表示されたら、「上級者向け」タブをクリックします。
- 「枠線の色」のカラーをクリックして色を選択する。
- 「全てのセルの更新」を選択する。
- 設定が完了したら「更新」ボタンをクリックする。

「行」「セル」の編集
背景色を設定する
「行」単位で背景色を設定したい場合は、設定したい行にカーソルを移動させて、
(行のプロパティ)ツールをクリックします。設定ボックスが表示されたら、「上級者向け」タブをクリックします。
- 「背景色」のカラーをクリックして色を選択する。
- 「選択行の更新」になっていることを確認する。
- 設定が完了したら「更新」ボタンをクリックする。

「セル」単位で背景色を設定したい場合は、設定したいセルにカーソルを移動させて、
(セルのプロパティ)ツールをクリックします。設定ボックスが表示されたら、「上級者向け」タブをクリックします。
- 「背景色」のカラーをクリックして色を選択する。
- 「選択セルの更新」になっていることを確認する。
- 設定が完了したら「更新」ボタンをクリックする。
属性(プロパティ)を設定する

背景色と同じようにしてセルや行の属性を設定できます。主な項目は以下のとおりです。
| プロパティ名 | 解 説 |
|---|---|
| 配置 | セル内の配置。(左揃え、右揃え、中央揃え) |
| 垂直方向の配置 | セル内の上下方向の配置。(上揃え、中央揃え、下揃え) |
| 幅 | セルの横幅(整数値)自動的に、同じ列中の最も大きい幅のセルに揃う。 |
| 高さ | セルの高さ(整数値)自動的に、同じ行中の最も大きい高さのセルに揃う。 |
| セル種別 | データを記入するセルは「日付」、見出しを記入するセルは「ヘッダ」にする。テーマが対応している場合は見た目が変わる。 |
設定した属性を適用する際、適用する範囲を選べます。選択セル、選択行、行内のセル、奇数行、偶数行、全てのセル、全ての行などが選べます。
列、行の追加・削除、セルの結合
列、行の追加・削除
カーソルがある位置の行の下に新たな行を追加したい場合は、
(行を下に挿入)をクリックします。同様に、上に挿入したい場合は、
(行を上に挿入)削除したい場合は、
(行を削除)をクリックします。
カーソルがある位置の列の左に新たな列を追加したい場合は、
(列を左に挿入)をクリックします。同様に、右に挿入したい場合は、
(列を右に挿入)削除したい場合は、
(列を削除)をクリックします。
セルの結合
複数のセルを結合して一つのセルにすることが出来ます。
- 結合したいセルの中で基準となるセルをクリックする。列方向の場合は、一番上のセル、行方向の場合は一番左のセルが基準になる。
(セルの結合)をクリックする。設定ボックスが表示される。- 列方向に結合したい場合は「行」に結合するセルの数を、行方向に結合したい場合は「列」に結合するセルの数を入力する。
- 設定したら「更新」ボタンをクリックする。
- 結合したセルを解除して元に戻す場合は解除したいセルにカーソルを移動して、
(セルの結合の解除)をクリックする。



