たった30秒！WordPressで超簡単に表を作れる4つのプラグイン

WordPress（ワードプレス）を使ってWebサイトを構築する際、表を作成すると見栄えがよくなり、コンテンツの見やすさも格段に上がります。しかし、WordPressでどのように表を作ればよいのかわからない人もいるでしょう。

そんなときに便利なのが、WordPressの追加機能であるプラグイン。30秒で簡単に表を作ることが可能です。

ここでは、WordPressで表が作れる4つのプラグインと、表を作成するときの注意点を解説します。ＷＥＢ担当者の私が実際に使っているプラグインをお伝えしていくので、ぜひ参考にしてください。

WordPressで挿入できる表の種類には、「静的な表」「動的な表」「価格表」の3つがあります。

それぞれの違いを踏まえ、目的に合わせて表を使い分けましょう。

WordPressとは？基本機能・ブログとの違い・SEOに強い理由

当記事では、WordPress（ワードプレス）とはどのような機能を指すのか、分かりやすく解説します。ブログサービスとの違いや、メリット・デメリット、内部SEOに強い理由も解説するため、ホームページの運営を検討している人はぜひ参考にしてください。

WordPressで表を作る方法には、以下の3つの方法が挙げられます。

・HTMLを使う

プログラミング言語の一種であるHTMLを使い、表を作成することが可能です。ただし、HTMLを使う場合はプログラミングだけでなく、JavaScriptやcssに関する知識も必要となります。プログラミングに詳しくない場合、HTMLで表を作成することは難易度が高いでしょう。

HTMLの意味とは？タグや属性などの構成要素からサイト作成まで

この記事では、HTMLの意味を解説します。Webサイトを制作するうえで、HTMLは欠かせないものです。構成要素や必要な準備なども併せて解説するため、HTMLの意味を正しく理解したい方は参考にしてください。

・Officeのソフトを使う

・プラグインを使う

このように、WordPressで表を作成する方法には主に3つ方法があります。HTMLは専門知識が、Officeソフトは手間がかかるため、表の作成にあたってはプラグインを使う方法がもっともおすすめです。

WordPressでは、表を簡単に作成できるプラグインが豊富に用意されています。操作や設定が簡単にできるプラグインから、細部までこだわれるプラグインまで、種類はさまざまです。

ここでは、特におすすめのプラグインを4つ紹介します。それぞれの特徴を比較し、自分に合うプラグインを選びましょう。

TinyMCE Advancedは、ビジュアルエディタを拡張し、静的な表が作成できるようになるプラグインです。フォントの変更やテキストの箇条書き、動画・写真の埋め込みなど、さまざまなオプション機能も搭載されています。見たまま直感的に操作できるため、HTMLやタグの知識がない人でも簡単に表を作ることが可能です。

TinyMCE Advancedで表を作成する方法は、以下のとおりです。

TablePressは、HTMLなどを使わずにさまざまな機能のある動的な表を簡単に作成できるプラグインです。部分的にセルを塗りつぶして背景色を付けるなど、表のスタイルも調節することができます。

TablePressを使った表の作成方法は、以下のとおりです。なお、「テーブルの名前」「説明」を入力しなくても、表は作成できます。

（1）	管理画面の左側にあるメニューで「TablePress」を押し、「新しいテーブルを追加」を選ぶ
（2）	「テーブルの名前」「説明」のほか、表に必要な行数・列数を入力したら「テーブルを追加」を押す
（3）	記事の作成画面を開いてビジュアルエディタに切り替え、「TablePressからテーブルを挿入」を押す
（4）	表の一覧から記事に追加したい表を選び、「ショートコードを挿入」を押す

2-3.Data Tables Generator by Supsystic：カスタマイズ可能！

2-4.Go Pricing：有料だけどデザイン性がバツグンに高い！

3.WordPressで表を作るときの注意点2つ

WordPressで表を作成する際は、以下の2点に注意してください。

・スマホで見た場合の横幅を確認する

WordPressのプラグインで作成した表は、パソコンでは問題なくても、スマートフォンで閲覧した際にデザインが崩れていることがあります。Google Chromeの「検証」を使えば、スマホ表示でデザインが崩れていないか確認することができます。

・適度に改行を入れる

表のデザインが崩れている場合、改行を入れることで解消できる可能性があります。要素や文章の切れ目など、適切な箇所に改行を入れて見やすい表にしましょう。

どのデバイスで見ても問題なく表を掲載したいときは、レスポンシブ対応のWordPressテーマやプラグインを使う方法がおすすめです。WordPressテーマやプラグインがレスポンシブデザインに対応していれば、パソコンやスマホなどユーザーの閲覧状況に合わせて画面表示が最適化されます。WordPressに表を載せるときは、デザインが崩れないよう配慮しましょう。

レスポンシブ対応の概要と重要性｜実装方法もSTEP別に解説！

この記事では、レスポンシブ対応の概要と重要性について解説します。スマホが普及している現在、レスポンシブ対応は欠かせない工程です。実装方法も紹介するため、Webサイトの管理や運用を担当している人は参考にしてください。

まとめ

WordPressで挿入できる表は「静的な表」「動的な表」「価格表」の3つです。HTMLやOfficeのソフトを使って表を作ることはできますが、手間や時間をかけたくないのであれば、Wordpressのプラグインを使いましょう。

さまざまなプラグインがある中でも、「TinyMCE Advanced」「TablePress」「Data Tables Generator by Supsystic」「Go Pricing」の4つがおすすめです。機能性や操作性を含めて、自分に合うプラグインをインストールしてみてください。

WordPressの高速化に繋がるプラグイン5選｜おすすめ施策も

WordPressの表示速度を上げると、SEO効果の向上や直帰率・CVRの改善に繋がる可能性があります。この記事では、WordPressの高速化に効果的な5つのプラグインや、プラグイン以外で取り組むべき3つの施策を説明します。

【WordPress】お問い合わせフォームの作成方法・設置方法を紹介

メディアを効率良く運営するためには、お問い合わせフォームの設置が必須です。WordPressでは、サイト制作に詳しくない方でも簡単にお問い合わせフォームを作成できます。当記事では、お問い合わせフォームの作成方法を3つ解説します。