WordPressでテーブル(表)を組む

WordPressはCSSでデザイン構成されていますので、テーブルをデザインに使う事はないと思いますが、ビジネスサイトなら製品比較などで表組を利用したい場合もあると思います。

WordPressの投稿画面には表を組むツールは提供されていません。
直接テーブルタグを入力します。

表組の例を紹介します。

見出し1 項目A 項目B
見出し2 項目C 項目D

ソースコード

<table border="1">
<tr>
<th>見出し1</th>
<td>項目A</td>
<td>項目B</td>
</tr>
<tr>
<th>見出し2</th>
<td>項目C</td>
<td>項目D</td>
</tr>
</table>

DreamWeaverやホームページビルダーを使っている場合はソースコードからテーブルタグの部分だけをコピーします。

ソースコードから<table>〜</table>をコピーします。

表の見栄えはテーマファイルのスタイルシートの影響を受けます。
表デザインをカスタマイズするには、

  • テーマに附属するスタイルシートにテーブルの定義を加える。
  • テーブル専用のスタイルシートを追加して、テーマ→編集でヘッダー要素(header.php)などに追記する。

といった方法があります。

Post a Comment

Your email is never published nor shared. Required fields are marked *