1目次WordPressで表(テーブル)を表示させたいけれど、どうやって作るんだろう?WordPressで記事を書いていく上で、どうしても表にした方が伝わりやすい場合があります。表にした方がユーザーも見やすく、良いコンテンツを届ける事が出来ます。WordPressで表を作る方法は、プラグインを使えば実にシンプルで簡単に作成する事が可能です。今回はWordPressで表を作成する事について詳しく紹介していきましょう。1:WordPressで表を作る2つの方法WordPressで表を作るには、どんな方法があるの?出来る事ならより簡単な方法で表を作成したいですよね。WordPressで表を作る方法は、大きく分けて2つあります。簡単に表を作る方法はプラグインを用いる方法です。あなたが自由にプラグインを有効化出来る管理者の立場であれば、是非ともプラグインを追加し表を作成してみましょう。上記2つの表作成方法について詳しく紹介します。1-1:プラグインを使う方法WordPressで表を作成する方法1つ目は「プラグインを使う方法」です。Advanced」を使う事で、簡単にWordPress投稿画面で表を作成する事が出来ます。1-2:プラグインを使わない方法WordPressで表を作成する方法2つ目は「プラグインを使わない方法」です。表はプラグインを使用しないでも作成する事が出来ます。プラグインを使わず、表を作成する方法は2つです。Wordで作成するHTMLで作成する上記2つの方法を使えば、プラグインを使わずに表を作成する事が出来ます。Wordが使用できるのであれば、コピーペーストで簡単に挿入可能です。HTMLで作成する方法は、HTMLの知識が無いと難しく感じますが後ほど分かりやすく紹介していきます。Advancedプラグインを使って表を作成する方法を紹介しましょう。WordPressで表を頻繁に入れる可能性があるのであれば、プラグインを使った方が効率的で簡単に作成する事が出来ます。事前にプラグインをインストールし、有効化して使える状況にしておきましょう。表をリセットする上記の流れで、作成から編集・リセットまで紹介していきます。(1つ1つのマスの事)プラグインのインストール・使用開始までの流れが分からないという場合には、6章をご覧下さい。Advancedプラグインを使って、表を作成していきます。「テーブル」クリックテーブルのアイコンをクリックすると、メニューが下に表示されます。1番上の「テーブル」をクリックしましょう。パネルのマスを選択するパネルが表示されたら、表にしたい列・行を下の数値で確認しながら選択します。表の中に文字を打ち込む下記画像のように、表の中に文字を打ち込みます。プレビューで見ると、きちんと表として表示されていますね。以上が、基本的な表作成の方法です。2-2:列を追加・削除する作成した表の列を追加・削除する方法を紹介します。列が追加される450円のセルを選択し、列を左に挿入しました。すると下記画像のように列が挿入されます。列を消去する方法を紹介します。列が削除される2-3:行を追加・削除する作成した表の行を追加・削除する方法を紹介します。行を追加する方法を紹介します。削除した行の削除方法を紹介します。行が削除される2-4:表の見出しを作る作成した表の見出しを作る方法を紹介します。「見出し」と「表の内容」との見え方を変える事で、より分かりやすい表にする事が可能です。表の見出しを作る方法を紹介します。表に見出しが出来るヘッダーセル選択後、プレビューで見ると下記画像のように見出しに選択した部分が灰色になっています。データとの区別がより分かり易くなりましたね。2-5:表をリセットする表をリセットする方法を紹介します。上記画像のように、表がゴチャゴチャになってしまったらリセットして1からやり直したいと考えるはずです。そんな時のリセット方法を紹介します。「書式設定をクリア」アイコンをクリックします。リセット完了リセットすると編集前の表に戻ります。Wordで表を作る方法を紹介します。Wordが得意な場合、プラグインを使用しない際には一番簡単な方法です。Wordで表を作成後、コピーしてWordPressに貼り付けるだけで表を挿入する事が出来ます。Wordで表を作成しWordPressで表示させる方法を紹介します。Wordで表を作成しましょう。プレビューで確認Wordで加えた文字の色やデザインは、そのまま引き継ぐ事が出来ませんが表自体はきちんと挿入されています。以上がWordで作成した表をWordPressで表示させる方法です。4:HTMLで表を作成する方法HTMLで表を作成する方法を紹介します。プラグインやWordを使わずに、HTMLでも表を作成する事が可能です。HTMLの知識が無いと、少し難しく感じます。今回は、コピーペーストでも出来る様に分かり易く解説していきましょう。HTMLで表を作成するにはテキスト部分にHTMLを記述する必要があります。<table></table>タグで表を挿入する事が可能です。行を表すタグは<tr></tr>、セルの部分は<td></td>で表わします。詳しく解説していきましょう。4-1:表の作成方法HTMLで表を作成する方法を紹介します。コードを準備するテキスト記述するHTMLコードを準備しましょう。下記の表を作る様に指定するコードを書きます。450円<table><tbody><tr><td>ラーメンA</td><td>480円</td></tr><tr><td>ラーメンB</td><td>450円</td></tr></tbody></table>上記コードをWordPressテキストに記述します。ビジュアルに戻り、反映されているか確認する下記画像の様に、表として反映さえていればOKです。プレビューで確認し完了プレビューでは以下の画像の様に表示されます。以上がHTMLで表を作成する方法です。表のセルを増やしたい場合には、<tr></tr>と<td></td>タグを同じ様に増やすだけで簡単に表が作成出来ます。5:表に色をつける方法WordPressで作った表に色を付けられないかな〜?作成した表の枠線や背景に色を付ける事が出来たら、もっと見やすい表になりますよね。見た人が見やすく分かりやすい表にする為、必要であれば色を付けてみましょう。今回は表の枠線と背景に色を付ける方法を紹介していきます。5-1:枠線に色を付ける方法さっそく枠線に色を付けていきましょう。今回は上記表の枠線に色を付けていきます。セルをクリックします。クリックするセルは、どれでも結構です。テーブル▼→「表のプロパティ」クリック表のセルをクリックしたら、テーブル▼から「表のプロパティ」をクリックしましょう。画面下「OK」を選択OKをクリックすると、色が枠線に反映されます。枠線に赤色を選択したのが、きちんと反映されていますね。以上が枠線に色を付ける方法です。作成した表の背景に色を付ける方法を紹介します。背景色を付けたいセルを選択しましょう。テーブル▼→「表のプロパティ」クリック表のセルをクリックしたら、テーブル▼から「表のプロパティ」をクリックします。画面下「OK」クリックOKをクリックすると、指定した色が背景に反映されます。Advanced」がオススメです。Advanced」を使える様にすれば良いの?上記の様にお悩みでは無いでしょうか。Advancedを使い始めるには、以下3ステップの手順で準備が必要です。Advancedを使える様にすれば、HTMLやタグの知識が無い初心者でも簡単に様々な投稿機能を使用する事が出来る様になります。3ステップ手順について詳しく紹介していきます。Advancedを使用できる様にするまでの、全手順を紹介していきましょう。Advancedプラグインをインストールします。「有効化」クリックインストールが完了するとボタンが「有効化」という表記に切り替わります。有効化をクリックしましょう。Advanvedが追加されています。必要な機能を下の「使用しないボタン」からエディターメニューにドラッグ&ドロップするこの時、表を作成する為の「テーブル」を必ずエディターメニューに追加しましょう。保存するとWordPressのエディターメニューに追加した機能が表示され、直ぐに利用し始める事が可能です。まとめWordPressで表を作成する方法について詳しく解説してきました。WordPressで表を作成するには、大きく分けて2つの方法があります。Advanved」を使って表を作成する方法です。HTMLを記述する等の難しい作業は一切必要ないので、誰でも簡単に作成する事が出来ます。