Excelで簡単にHTMLのtableを作る

私は、WordPressを使ったブログの中で、表を多用しています。

WordPressで表を作るためのplug-inを探しましたが、あまり良さそうな物はありませんでした。

それで、困ったあげく、Microsoft Excelを使って、生のHTMLを吐き出し、それをWordPressに貼付ける事にしました。

この方法が、思いのほか快適で、表を作るのが非常に楽になりました。

次の表を作りたいとします。

この表は、次の手順で作れます。

では、順を追って説明します。

Contents

私はExcelを使いましたが、同等の機能を持つ表計算ソフトなら、何でも良いと思います。

使う機能(関数)は、文字列の結合程度です。

[amazonjs asin="B004478OOY" locale="JP"]

まず、最終的に作りたい表をExcelで作ります。

実は、このままではtableのタグを埋め込む時に不便なので、上下に2行ずつ隙間を空けておきます。

ここまでが、生の表の準備です。

次が、この方法の肝です。

次の様に、表の各要素を、HTMLのtableタグに対応させます。(クリックすると拡大します)

この時、<table>や<tr>タグ等、必要な物を表に追加します。

実際に、Excelに入力する式としては、次の様になります。

<table border="1">
<tbody>
<tr>	="<th>"&A3&"</th>"	="<th>"&B3&"</th>"	</tr>
<tr>	="<td style="&CHAR(34)&"text-align: center;"&CHAR(34)&">"&A4&"</td>"	="<td style="&CHAR(34)&"text-align: center;"&CHAR(34)&">"&B4&"</td>"	</tr>
<tr>	="<td style="&CHAR(34)&"text-align: center;"&CHAR(34)&">"&A5&"</td>"	="<td style="&CHAR(34)&"text-align: center;"&CHAR(34)&">"&B5&"</td>"	</tr>
<tr>	="<td style="&CHAR(34)&"text-align: center;"&CHAR(34)&">"&A6&"</td>"	="<td style="&CHAR(34)&"text-align: center;"&CHAR(34)&">"&B6&"</td>"	</tr>
</tbody>
</table>