[対応:5]記事内に枠や表などのテーブルを作る方法

WordPressの困る事の1つが、テーブル組みでは無いでしょうか?

WordPressのビジュアルエディタでは、 テーブルを作る機能がありません。
プラグインを入れる事で作成出来ますが、あまり使い勝手は良くないので
簡単にテーブルを組める方法をご紹介します。

1-1 1-2 1-3
2-1 2-2 2-3
3-1 3-2 3-3


簡単にテーブル<table>タグを作成する方法

divタグの出現以降、レイアウトでテーブルタグを
あまり使う事は無くなりましたが、

本来のテーブルタグの使用方法は、表やリストなどです。
表や簡単な枠を作るには今でも便利ですし。

リスト表示を作る場合には、積極的に使用していきましょう。

テーブルタグを作る方法ですが、

TAGが提供する、テーブルタグ作成ツールが非常に便利です。

使い方は、簡単です。
タグを作成して、ソースを貼り付けるだけです^^

TAGテーブル作成画面

こんな感じでプレビューしながら作れるので
非常に便利です。

できあがったら、ソースをコピペして、
表示させたい部分に貼り付ければ完成です。

<table border="1" width="90%" height="200" cellspacing="0" cellpadding="1" bgcolor="#FFD700">
<tr>
<th bgcolor="gray">1-1</th>
<th bgcolor="gray">1-2</th>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>

 

このように表示されます↓↓↓

1-1 1-2
2-1 2-2

 

 

さらに応用^^

テーブルの先頭部分の

<table border="1" width="90%" height="200" cellspacing="0" cellpadding="1" bgcolor="#FFD700">

<table width="90%" height="200" border="1" align="center" cellpadding="1" cellspacing="0" bgcolor="#FFD700">

を加えると、テーブル全体が中央表示になります。

1-1 1-2
2-1 2-2

 

これは、TAGのテーブル作成ツールでも出来無いので、
必要ならば自分でソースに付け加えます

 

以上
賢威カスタマイズ 記事内に枠や表などのテーブルを作る方法でした。

コメントを残す

サブコンテンツ

このページの先頭へ