WordPressエディターにエクセルの表を貼り付けてテーブルを手軽に作成する方法

今回は、エクセルで編集した表を手軽にWordpressで利用する方法を紹介したいと思います。

知ってる人も多いかもしれませんが、知らないよりは知っていた方が、Wordpressで表を利用するという心理的ハードルが、かなり下がると思います。

エクセルの表をWordpressに

Microsoft OfficeのExcelの表を、Wordpressに貼り付けるには、エクセルのアドインを使用して、HTMLに変換するなんて方法もあります。

以下のような、WEBサービスを利用する方法もあります。

エクセルから表を作るのは簡単です。そりゃ表計算ソフトって言われるくらいだから、表を作るのは朝飯前です。例えばこんな表ならものの1分もかからず...

2014-06-06 13:07

Windows Live Writerのような、ブログエディターでは、今回の方法を使用できないので、アドオンや、WEBサービスを使用した方が良いと思います。

ただ、Wordpressエディターで編集している場合は、もっと簡単な方法があります。

今回は、その方法を紹介します。

まず、表はエクセルで作成します。

WordPressで作成するより、エクセルで作成した方が、補完機能を利用できたり、関数を利用できたり、並び替えを利用できるので、エクセルでパパっと作ってしまいます。

例えば、エクセルで以下のような表を作ったとします。（体温と血圧表）

今回は、この表を例として、Wordpressエディターに貼り付ける方法を説明したいと思います。

エディターに貼り付けるには、まずエクセルの表を以下のようにコピーします。

コピーしたら、Wordpressのビジュアルエディターを開いて、 Ctrl + V キーを押します。（通常の、「貼り付け」ではダメです。）

すると、以下のように自動的に表が貼り付けられます。これらの動作は、Chrome、Firefox、IEで確認しました。

これを、記事に表示させると、以下のようになります。

めちゃくちゃ簡単です。

ただ、上記までの方法だと、すべてデータセル（td）になってしまいます。

見栄えのためにも、ヘッダーとなるセルはきちんと設定しておきたいです。

見出しセル(th)を手軽に設定するには、一つ一つ、セルを「td→th」に変更してももちろん良いです。ただそれだと面倒くさいので、TinyMCE Advancedというプラグインをインストールして手軽に行う方法を紹介したいと思います。

まずは、Wordpress管理画面の「プラグイン→新規追加」から「TinyMCE Advanced」を検索してインストールし、有効化てください。

インストールが終了すると、以下のようにビジュアルエディターの投稿欄の上に、表編集用のメニューと、ツールボタンが表示されます。

データセルを、見出しセルに変更するには、まずビジュアルエディターに貼り付けてあるテーブルの見出し部分を選択します。

次に、「テーブルメニュー/テーブルボタン」をクリックし、ドロップダウンリストから、「セル→セルのプロパティー」を選択します。

すると以下のような「セルのプロパティー」ダイアログが表示されます。

セルの種類を「ヘッダーセル（見出しセル）」に変更して「OK」ボタンを押してください。

すると、以下のように見出しセルの設定が行われます。

もちろん、縦にセルを選択して、先程と同じ手順で見出しを設定することもできます。

縦も見出しセールを設定できます。

これで、見出しセルの設定もできました。

あとは、Wordpressエディターで文字列の「右揃え」「左揃え」などを好みに合わせて設定します。

これまでの表を、実際に表示させると、以下のようになります。