WordPressでGoogleシートをテーブルとして表示する方法

WordPressでGoogleシートをテーブルとして表示する方法

Google Sheetは、オンラインでデータの作成、編集、整理ができるクラウドベースのアプリケーションです。簡単な計算から複雑なデータ操作まで、簡単に可視化することができます。

では、Google Sheetsをウェブサイトに直接統合できるとしたらどうでしょう?そして、あなたがそのシートで変更したものはすべて、自動的にリアルタイムのWordPressで変更されるのでしょうか?とても便利でしょう?

このブログ記事では、プラグインを使ってWordPressでGoogleシートをテーブルとして表示する方法をご紹介します。さっそく始めましょう!

美しいテーブルを作る
ブロックエディター付き

WordPressでGoogleシートをテーブルとして表示する方法

シートをWordPressのテーブルにライブ同期 は、これを手間なく実行できる素晴らしいプラグインだ。このチュートリアルでは、このプラグインを使って説明します。

ステップ 01: プラグインのインストールと有効化

に移動する。 プラグイン > 新規プラグインの追加.プラグイン名 'シートをWordPressのテーブルにライブ同期を検索ボックスに入力する。プラグインが下に表示されたら install そして アクティブ化 それだ。

Sheets to WordPress Table Live Syncプラグインをインストールし、有効化する。

Note: このプラグインにはプレミアム・バージョンがあります。しかし心配はいらない!無料版でも実用的なテーブルを作成できます。

ステップ02:プラグインダッシュボードに行く

プラグインが有効化されると、新しいメニューが表示されます。シートからテーブルへ'を管理バーに追加する。プラグインのダッシュボードに移動します。ボタンをクリックします。 新しいテーブルを作成する.

プラグインダッシュボードへ

このページでは、Google Sheetsのリンクをコピーペーストするオプションが表示されます。

Googleシートリンク貼り付けページ

ステップ03: Google Sheetsのリンクをコピーする

グーグル・シートに来てください。 共有ボタンをクリック 右上にある

Googleシートを開く

を確認してください。 一般アクセス に与えられる。 リンクをお持ちの方.その後 コピーリンクをクリックする ボタンをクリックします。これでシートのリンクがコピーされます。

Googleシートのリンクをコピーする

ステップ04:シートリンクをプラグインのダッシュボードに貼り付ける

中断したプラグインのページに戻る。 シートリンクをフィールドに貼り付ける をクリックしてください。をクリックしてください。 テーブルの作成 button at the end.

シートリンクをプラグインのダッシュボードに貼り付ける

ステップ05:テーブルのスタイリングとカスタマイズ

テーブルの準備はほぼ整いました。お望みであれば、すぐに公開してもかまいません。ページにはショートコードがあります。これを任意の投稿やページにコピーペーストすることで、テーブルを公開することができます。

しかし、その前に、テーブルが魅力的に見えるように、スタイリングやカスタマイズをしたほうがいい。

テーブルに名前をつける.そして、あなたは 説明を書く (オプション)。 次へ button.

テーブルのテーマを選択します。無料ユーザーとしてのみ、2つのテーマにアクセスできます。 次へ」をクリック.

テーブルのテーマを追加する

の下にある。 テーブル・カスタマイズ・セクションこのセクションには3つのタブがあります。このセクションには3つのタブがある。それらは レイアウト、ユーティリティ、 そして スタイリング.各タブには多くの設定オプションがあります。

Google Sheetsを表示するテーブルをカスタマイズする

この表で行った変更は、すべて下部に表示されます。そこにはプレビュー表があります。

テーブルをプレビューする

例えば、次のようにオフにした。 エントリーを表示 そして 検索ボックスの表示.この2つのオプションがプレビュー表からも削除されているのがわかる。

このように、カスタマイズしたすべての結果をクロスチェックすることができます。 レイアウト、ユーティリティ、 そして スタイリング.自分でできるといいね。 次へ」をクリック.

テーブルからエントリーと検索ボックスを削除する

最後に 行/列セクションを隠す.特定のデバイスタイプで非表示にしたい行、列、セルがある場合は、このセクションから選択できます。

まず、非表示にしたいものを選択する。例えば、列を非表示にするとします。そこで 列を隠すタブ.次に、デバイスタイプを選択します。 モバイル.

行/列を隠す

ページを下にスクロールし、プレビュー表まで来る。非表示にしたい列にカーソルを置く。それをクリックする。列がぼやけます。この機能はプロユーザー限定です。

非表示にしたい列を選択する

ステップ 06: テーブルを保存して公開する

これで、あなたのテーブルは公開の準備が整いました。 フェッチ&セーブをクリック ボタンをクリックしてテーブルを保存する。 ショートコードをコピーする.

テーブルを保存して公開する

投稿/ページを開く。エディターにショートコード・ブロックを追加し、コピーしたコードを貼り付けられるようにする。

ショートコード・ブロックをエディターに追加する

コードをブロックに貼り付ける ついさっき、君がコピーしたものだよ。 投稿を公開する.

表示するコードを貼り付ける

投稿/ページのフロントエンドに来てください。テーブルが表示されます。

表を掲載

このように、コーディングなしでGoogle SheetsをWordPress上に表示することができる。

エクスペリエンス トグルを使ったWordPress価格表の作り方.

最終ノート

Google SheetsをWordPressに統合することで、作業スピードが格段にアップします。同時に、あなたの仕事に多くの効率をもたらすことができる。今日、それをとても簡単にしてくれたプラグインに感謝します。

以前は、このために多くの手間を我慢しなければならなかった。しかし現在では、Sheets to WordPress Table Live Syncプラグインを使うことで、初心者レベルのユーザーでも簡単にGoogle SheetsをWordPressに表示することができる。



テーブルバーグ・チーム