GoogleスプレッドシートをWordPressの表とグラフに変える方法

公開: 2017-09-12

スプレッドシートは、大量のデータを表示および並べ替える最も効率的な方法の1つであり、Googleスプレッドシートは、スプレッドシートを作成するために使用できる最も直感的なツールの1つです。 対照的に、WordPressは単純なテーブルを処理できますが、グラフは処理できません。

前者を後者に統合することで、両方の世界を最大限に活用することができます。 Googleスプレッドシートを使用すると、そのプラットフォームの高度な機能にアクセスし、WordPressを介して結果を世界と共有することができます。 この記事では、GoogleスプレッドシートをWordPressの表やグラフに変換する方法を説明します。 いくつかの数字をクランチしましょう!

WordPressでGoogleスプレッドシートを使いたい理由

Googleスプレッドシートの例。

Googleスプレッドシートは、大規模なデータセットを処理してテーブルを作成するための優れた方法です。

Googleスプレッドシートは、スプレッドシートアプリケーションに関するハイテク巨人の見解のクラウドバージョンです。 それはあなたが期待するようになったすべての機能を詰め込んでいると同時に、あなたの仕事で他の人と共有したり共同作業したりするのを簡単にします。

一見、GoogleスプレッドシートとWordPressを統合することはあまり意味がないかもしれません。 ただし、Webサイトでテーブルを使用している場合、その組み合わせは見た目ほどクレイジーではありません。 実際、両方のプラットフォームを一緒に使用することが理にかなっている理由は3つあります。

  1. WordPressの組み込みテーブルオプションはかなり制限されているため、Googleスプレッドシートを使用することをお勧めします。
  2. クラウドプラットフォームは、大規模なデータセットの処理に関して、より優れたユーザーエクスペリエンスを提供します。
  3. GoogleスプレッドシートのデータをWordPressテーブルに変換すると、前者を更新して後者を変更できます。

この最後の利点を拡張するために、記事の1つに複数のWordPressWebホスト間の比較表が含まれていると想像してください。 コンテンツを常緑に保つために、含まれているデータを最新の状態に保ちたいと思うかもしれませんが、WordPressエディターを何度も開くのは面倒です。

一方、そのデータを含むGoogleスプレッドシートファイルをWordPressテーブルに変換すると、前者を開いて、必要なときにいつでもその値を更新できます。 その後、WordPressテーブルは自動的に更新されます。 それはかなりきちんとした機能です!

インラインGoogleスプレッドシートビューアプラグインの紹介

インラインGoogleスプレッドシートビューアプラグイン。

このプラグインを使用すると、Googleスプレッドシート、カンマ区切り値(CSV)ファイル、およびMySQLデータベースを取得して、WordPressのグラフ、グラフ、および表に変換できます。

スプレッドシートから表またはグラフへの変換は自動的に行われます。 実際、情報にラベルが付けられている限り、ショートコードのみを使用してこのプラグインで複雑なグラフを作成できます。 さらに、WordPressサイトでの外観をカスタマイズすることもできます。 もちろん、プラグインがDiviでも問題なく動作することは言うまでもありません。

主な機能:

  • Googleスプレッドシート、CSVファイル、MySQLデータベースを表、グラフ、グラフに変換します。
  • ショートコードを使用して、テーブルとチャートをWordPressの投稿またはページに挿入します。
  • ショートコードに新しいパラメータを追加して、新しい要素の外観をカスタマイズします。
  • Googleスプレッドシートの親の値を変更して、WordPressの表とグラフを更新します。

価格:無料| 詳しくは

GoogleスプレッドシートをWordPressの表とグラフに変える方法

いつものように、私たちは物事の厚いところに飛び込むつもりです。 したがって、先に進む前に、インラインGoogleスプレッドシートビューアプラグインをインストールしてアクティブ化する必要があります。 さあ、走り始めましょう!

WordPressで使用するためにGoogleスプレッドシートを準備する方法

スプレッドシートをWordPressに追加する前に、スプレッドシートが正しく共有されていることを確認する必要があります。 これを行うには、表またはグラフに変換するスプレッドシートを開き、右上隅にある[共有]ボタンを探します。

Googleスプレッドシートの共有ボタン。

ボタンをクリックすると設定画面が表示されます。 リンクを共有している下のドロップダウンリストから、リンクを表示できるユーザーを選択できます。

リンクを知っている人なら誰でも閲覧できるようにGoogleスプレッドシートを設定します。

これにより、スプレッドシートは誰でも表示できるようになります。 一方、同じドロップダウンメニューにアクセスして、[その他... ]オプションをクリックすることもできます。

Googleスプレッドシートを誰でもアクセスできるようにします。

これにより、新しいウィンドウが表示され、いくつかの追加オプションが表示されます。 この場合、 Web上のOn –Publicを使用することをお勧めします 共有設定をこれらのオプションのいずれかに構成しないと、WordPressはスプレッドシートから必要なデータを取得できません。

GoogleスプレッドシートをテーブルとしてWordPressに追加する

WordPressのGoogleスプレッドシートテーブルの例。

Googleスプレッドシートベースのテーブルは見やすく、並べ替え機能が含まれています。

Googleスプレッドシートをテーブルとして追加するのは、これほど簡単なことではありません。 プラグインをアクティブ化した後、任意の投稿またはページに移動して、Googleスプレッドシートへのリンクを好きな場所に貼り付けることができます。 プラグインは自動的にデータをプルし、テーブルにレンダリングします。

WordPressテーブル。

次に、投稿をプレビューして、フロントエンドの新しいテーブルを確認してください。 プラグインは自動的に境界線を含み、いくつかの要素を太字にし、さらにテーブルの上部に並べ替えオプションを追加します。

フロントエンドから見たWordPressテーブルの例。

さらに、プラグインにはページ付け機能が含まれているため、すべての情報を詰め込むことなく、広範なテーブルを簡単に調べることができます。Diviに関する限り、この機能は、スプレッドシートへのリンクをそのいずれかに貼り付けた場合にも同様に機能します。モジュール:

Diviエディター内のWordPressテーブルの例。

同じことがフロントエンドの結果にも当てはまるので、互換性の問題について心配する必要はありません。 カスタマイズに関しては、WordPressエディターを直接使用してテーブルのフィールドを変更することはできません。 ただし、できることは、ショートコードを使用していくつかの設定を微調整することです。 たとえば、 [gdoc key =”スプレッドシートのURLはここにあります” class =” no-datatables”]を使用すると、テーブルの並べ替え機能が無効になります。

[gdoc key =”スプレッドシートのURLはここにあります” linkify =” no”]ショートコードを使用して、URLとメールの両方で機能するテーブル内の自動リンク機能をオフにすることもできます。

覚えておいてください-テーブルをカスタマイズしたい場合にのみ、テーブルにショートコードを使用する必要があります。 デフォルトのスタイルと機能に満足している場合は、WordPressエディターに直接リンクを貼り付けるだけです。

GoogleスプレッドシートをグラフとしてWordPressに追加する

WordPressグラフの例。

問題のプラグインは、WordPress用に15種類以上のグラフを提供します。

GoogleスプレッドシートをWordPressグラフに変換することは、テーブルの場合とほとんど同じように機能します。 唯一の違いは、この場合、ショートコードのみを使用する必要があることです。 15種類以上のグラフから選択できます。

ここではすべてのスタイルについて説明するわけではありませんが、棒グラフ、円グラフ、折れ線グラフなどの最も一般的なタイプの使用方法と、それらをカスタマイズする方法について説明します。 最初の棒グラフ(棒グラフ)では、 [gdoc key =”スプレッドシートのURLがここに表示されます” chart =” Bar”]ショートコードを使用する必要があります。

プラグインが各値に自動的に色を割り当てることに注意してください。これにより、作業がはるかに簡単になります。

WordPressの棒グラフの例。

ショートコードに新しいパラメータを追加して、使用する色を手動で選択することもできます(例: [gdoc key =”スプレッドシートのURLはここにあります” chart =” Bar” chart_colors =” red green”] )。

さまざまなタイプのグラフを使用する場合は、チャートパラメータに対応する値を変更するだけです。 円グラフまたは折れ線グラフの場合、棒グラフ円グラフまたは折れ線グラフに置き換えます

WordPressの線グラフの例。

使用できるすべてのタイプのグラフとそのパラメーターの完全なリストについては、プラグインのWordPress.orgページを確認することをお勧めします。 また、すべてのGoogleスプレッドシートが完全にグラフに変換されるわけではないことに注意してください。 場合によっては、意味をなすように値を再配置する必要がありますが、それは自動生成された要素で予想されることです。

結論

仕事でGoogleスプレッドシートなどのスプレッドシートツールを使用する必要がある場合は、それらをWordPressに挿入すると、アクセスしやすくなります。 プロセスは複雑ではなく、Inline Google Spreadsheet Viewerプラグインを使用すると、表グラフの両方で大量の表示オプションを試すことができます。

GoogleスプレッドシートをWordPressに追加する前に、共有設定をウェブ上で公開するか、リンクを知っている人に設定する必要があります。 次に、追加するWordPressページまたは投稿で適切なショートコードを使用するだけです。

GoogleスプレッドシートをWordPressの表やグラフに変換する方法について質問がありますか? 以下のコメントセクションでそれらについて話しましょう!

wanpatsorn / shutterstock.comによる記事のサムネイル画像。