WordPressテーブル：ブログ投稿にテーブルを追加する5つの方法

テーブルについて考えたことはありますか？

いいえ、家族と一緒に夕食をとるのに使うテーブルや、会議が開かれるオフィスの会議用テーブルを意味するのではありません。

私は、列に表示されたデータのチャートのようなテーブルを意味します。

コンテンツを作成する場合、データを整理された方法で提示することが難しい場合があります。 チャート形式で表示したい場合もありますが、最も簡単な方法は画像にすることです。 残念ながら、画像にはさまざまな欠点がありますが、その中でも特に、Googleがテーブル内の情報にインデックスを付けることができないという欠点があります。 チャート画像はSEOには適していません！

一方、一意のコードなしでテーブルに表示する情報を表示することは、面倒または面倒な場合があります。

乱雑なバージョンは次のようになります。

• 日–名前–販売
• 月曜日–ショーン-$ 500
• 月曜日–デイブ-$ 400
• 火曜日–スティーブ-500ドル
• 水曜日–ジェニファー-800ドル
• 水曜日–シエラ-750ドル

等々。 うまく整理された列がなく、書式設定もありません。すべてが一緒に実行されます。 情報はそこにありますが、適切にフォーマットされていません。 タブやCSSを使用してスペースや配置を追加できる場合もありますが、データをフォーマットするためのハッキーな方法に取り掛かっています。

もちろん、HTMLはテーブルをネイティブにサポートしています。 ただし、作成して更新を続けるのは簡単ではありません。 面倒な方法は、HTMLコードを使用してテーブルコンテンツを手動で作成することです。

• まず、テーブルタグが必要なので、 <table>を開始し、 </table>を閉じます。
• その中には、各行のコードが必要です。 行は<tr>で始まり、 </tr>で終わります。
• 各行内の各セルには、テーブルデータエントリが必要です。 したがって、 <td>と</td>には、データの特定の要素が含まれています。 最初のものは、それらの列のヘッダータイトルです。

したがって、情報の最初の行である見出しについては、上記の私の例では、次のようになっています。

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

次に、もちろん、CSSフォーマットまたはHTMLフォーマット用のタグを追加する必要があります。画像やアイコンが必要な場合は、余分な作業が必要です。これで、1行だけになります。 それらすべてを手動でいじる必要があると想像してみてください！ テーブルがウェブデザインで広く嫌われ、もはや標準ではなくなったのには理由があります。

幸いなことに、必要がなければ、何十年もの間、HTMLテーブルを手動で作成する必要はありませんでした。 WordPressには、新しいテーブルを追加するためのさまざまな方法が用意されています。このステップバイステップのチュートリアルに最適だと思う5つを選びました。

掘り下げましょう！

オプション1：WordPressのデフォルトテーブル

WordPressでテーブルを追加できることをご存知ですか？ 多くの機能はありませんが、無料でかなり簡単です。 グーテンベルクのドラッグアンドドロップページビルダーでは、クリックして新しいブロックを追加し、テーブルブロックを選択できます。 テーブルオプション設定ボックスとして機能するブロックを挿入します。 クラシックエディタを使用している場合、フロントエンドでテーブルビルダーを使用するには、グーテンベルクに戻る必要があります。

とても簡単です。 必要な行と列の数を選択します。 上記のデータの例では、3つのテーブル列がありますが、必要なデータの行はたくさんあります。 最終結果は、単純なレスポンシブテーブルです。

WordPressには、デフォルトでテーブルのオプションが2つしかありません。 細い線で区切られた行と、交互の縞模様の背景で区別された行のどちらかを選択できますが、それだけです。 列の書式設定はありません。背景色は設定できますが、セル/行/列だけでなく、テーブル全体に適用されます。 高度なオプションを探している場合、デフォルトのテーブルはあまり役に立ちません。

これで、確かに、CSSを使用して、必要なものを手動で変更できます。 それはいいです！ しかし、WordPressエディターでテーブルを思いどおりに見せようとしているのであれば、それは非常に面倒です。 WordPressのテーブルのサポートは、箱から出してすぐにできることを考えると、驚くほど不足しています。 たとえば、テーブルに数千の行がある場合、これを読みやすい小さなセクションに分割するためのページ付けは作成されません。

そこで、WordPressテーブルプラグインのインストールが必要になります。

オプション2：TablePress

しばらくの間WordPressWebサイトを持っていた場合、追加したいほとんどすべての機能に、おそらくどこかにFeaturePressという名前のアドオンがあるのは当然のことです。 テーブルも例外ではありません。 TablePressは、無料のプラグインディレクトリまたはWebサイトTablePress.orgにあります。

TablePressは、テーブルデータを管理するための中央ハブを容易にする方法で機能するため、少し不格好です。 WordPressダッシュボードにテーブル管理ミニアプリを追加します。 その管理アプリでは、テーブルの作成、テーブルのインポートまたはエクスポート、テーブルの構成、および通常は必要な操作を行うことができます。 次に、ブログの投稿にテーブルを挿入する場合は、テーブルのショートコードを使用してそのテーブルをプルします。

[変更を保存]をクリックし、ショートコードをコピーしてから、投稿に戻って外観をプレビューする必要があります。 場合によっては、投稿エディタとTablePress設定の間を行き来する必要があり、面倒になる可能性があります。

次に、これは重要です。テーブルデータを編集する必要がある場合は、ダッシュボードから編集できます。 1回の編集で、同じテーブルのさまざまなインスタンスすべてにすぐにデータが入力されます。 データが埋め込まれているため、集中管理が容易です。

CSV、XLS、または別のスプレッドシートファイルから直接データをインポートすることもでき、テーブルにデータが入力されます。 このインポート機能は、インポートしたいデータが大量にあり、手動でコピーしたくない場合に非常に役立ちます。

このテーブルプラグインの最大の欠点は、データとスプレッドシートに最適に使用できることです。 たとえば、製品を並べて比較したチャート、目次、または行と列が数行しかない洗練されたもののために作成されたものではありません。 数十または数百行のデータを埋め込む場合は、さらに考えてみてください。

カスタムCSSを使用してテーブルのスタイルを設定および変更すると便利です。 簡単に実行できますが、テーブルのスタイルを設定するには、CSSの使い方を知っておく必要があります。 プラス面としては、完全に無料で使いやすいため、初心者にとっては優れたプラグインです。

オプション3：忍者テーブル

Ninja Tablesは、WordPressサイトでのテーブル作成とデータ管理のための洗練されたオプションです。 これは、カジュアルな使用よりもデータ量の多いブログ投稿を対象としており、大量のデータをサポートする多くのことを実行します。 たとえば、テーブルには、ユーザーが動的に表示するデータを並べ替えたり調整したりするためのフィルターと並べ替えオプションを含めることができます。 これは多くの統計や情報には非常に役立ちますが、製品比較チャートにはあまり役立ちません。

Ninja Tablesの最も優れた機能の1つは、非常にユーザーフレンドリーであるということです。 テーブルのルックアンドフィールを管理するためにカスタムCSSやコーディングは必要ありません。 必要がなければ、多くのデータ入力を行う必要はありません。 さまざまなタイプのファイルから直接データをインポートできます。

ただし、1つの欠点は、無料バージョンではオプションが「制限」されていることです。 多くのオプションがあるので、限定引用符を付けます。 完全に無料というわけではありません。 数十種類のスタイルと色から選択でき、さまざまなテンプレートを使用できます。

Ninja Tablesを使用すると、ブロックエディターから直接投稿でテーブルを作成および編集したり、TablePressと同じように中央のダッシュボードからテーブルを管理したりすることもできます。 プラグインを使って、やりたいことを自由に行うことができます。

Ninja Tablesの無料バージョンは、WordPressプラグインディレクトリにあります。 多くのプラグインと同様に、Webサイトから購入する場合は、プレミアムバージョンも提供されます。

Premiumは、次のような多くの追加機能を提供します。

• テキストデータだけでなく、セルにメディア要素を追加する機能。
• カラーピッカーなので、事前に設定されている色だけに限定されません。
• データのインポートとエクスポート、またはGoogleスプレッドシートとの同期に関するその他のオプション。
• 条件付き書式オプションと高度なデータフィルタリング。
• テーブルセル内でのショートコードの使用。

シングルサイトライセンスは年間49ドルです。または、20サイトの場合は99ドル、無制限サイトの場合は199ドルを支払うことができます。 または、 1つのドメインで199ドル、20ドルで399ドル、無制限で599ドルのライフタイムライセンスを提供します。 利用できるドメイン数以外はプランに制限がないため、有料版はすべて同一です。 ここでサイトを閲覧して、より多くの機能を見ることができます。

オプション4：データテーブルジェネレータ

あなたは機能が好きですか？ もっとたくさん持っていたらいいのに？ チャート、グラフ、バー、パイ、PDF、およびその他のエクスポートに動的に変換できるデータテーブルが必要ですか？ テーブルにメディアを表示しますか？ 検索バー？ 表示する行数を選択するためのドロップダウン？ すべての列を列で並べ替えますか？ レスポンシブデザイン？

了解しました。停止します。

TablePressと同様に、ダッシュボードからテーブルを管理し、WordPressの投稿またはページに埋め込みます。 このプラグインは、新鮮なデータの山を見ると興奮して振動し始めるSTEMメジャー向けのテーブルプラグインであり、半ダースの行と星の評価。 また、数百万の異なるオプションがあるため、非常に複雑です。

私がこれがすべてを行うことができると言うとき、私はそれを意味します。 テーブルを編集するためのデータテーブルジェネレータダッシュボードは、ExcelまたはGoogleスプレッドシートを使用して、エディタに埋め込んだ場合のように見えます。 数式や書式設定などのスペースがあります。 それはあなたが望むことができるものを何でも持っています。 いくつかの点で、それは最も多くの機能を持っているという理由だけで最高のWordPressテーブルプラグインです。

それで、キャッチは何ですか？

もちろん、複雑さ。 データ量の多いサイトには非常に堅牢ですが、小規模なWordPressブログで、競合他社と比較するためのグラフ、さまざまなプランや機能を備えた価格表、または販売しているものの製品比較表のみが必要な場合; これは、巡航ミサイルを使って庭まで行くのと同じくらいやり過ぎです。

無料版は、ご想像のとおり、WordPressプラグインディレクトリから入手できます。

有料版は、適切に、表形式で価格設定されています。

Data Tables GeneratorのWebサイトには、一度に1年、2年、または3年、および1、5、または6以上のサイトのライセンスがあります。 1年間のシングルサイトライセンスは46ドルです。

オプション5：提携可能

上記のオプションのほとんどは、テーブルに大量の複雑なデータを表示することに関するものですが、それほど複雑なものが必要ない場合はどうでしょうか。

テーブルを追加したいほとんどのブロガーは、製品比較テーブルのようなものを探している可能性があります。 2つまたは3つの製品があり、それらのさまざまな機能/価格設定/レビュー情報と、それらを購入するためのアフィリエイトリンクをまとめた表が必要です。 これは、アフィリエイトマーケティングと製品販売のための実証済みの戦略です。 製品の機能をアピールするだけで、ユーザーはそれらを使用してどちらかを決定でき、そのうちの1つを選択する可能性が高くなります。

Affiliatableは、これらのテーブルを追加するそのような方法の1つです。 比較表、「トップ3ボックス」形式、個々の製品詳細ボックス、および賛否両論のボックススタイルがあります。 さらに重要なことに、データ管理機能ではなく、いくつかのマーケティング機能があります。 ユーザーは商品比較表を並べ替えたり検索したりする必要はありませんが、あなたの側で少しジオターゲティングすることで確かに恩恵を受けることができますよね？

Affiliatableには3つのバージョンがあります。

• 無料版
• シングルサイトライセンスのプロバージョン
• 無制限のサイトのプロバージョン

無料版は受け入れられますが、制限があります。 プレミアムテンプレートを使用することはできず、スキーマ用に最適化されておらず、カスタムカテゴリを使用することもできません。 有料版はそれぞれ年間39ドルと89ドルです。または、生涯ライセンスを199ドルまたは399ドルで購入できます。

どう思いますか？ ブログ投稿にテーブルを追加するための最良の方法は何ですか？ 他に素晴らしい提案があれば、コメントで知らせてください。