WordPressにGoogleシートを埋め込む方法(ステップバイステップ)

WordPressにGoogleシートを埋め込む方法

Google Sheetsは、データをリアルタイムで共同管理、共有、分析するための中心的なハブとなっています。在庫の追跡、イベントスケジュールの整理、財務データの分析など、チームや個人がアクセス性と利便性を確保するためにGoogle Sheetsを活用しています。

ウェブサイトに関しては、ダイナミックで最新の情報が必要であることは、昔も今も、そしてこれからも変わりません。WordPressでGoogle Sheetsを活用することで、繰り返しの手動更新をなくし、訪問者に常に新鮮なコンテンツを提供することができます。 

このガイドでは、2つの異なるアプローチを使って、GoogleシートをWordPressに埋め込む労力を最小限に抑える方法を紹介します。その目的は、シートの埋め込みを簡単かつ効果的にする方法を見つけることです。

方法1:プラグインなしで埋め込む

この方法は、プラグインを必要とせず、WordPressサイトにGoogle Sheetsを埋め込むシンプルかつ効率的な方法を提供します。

ステップ1:共有設定の調整

埋め込みたいGoogleシートを開きます。まず、シートの共有設定を以下のように設定することで、意図する閲覧者がアクセスできるようにします。 "リンクをお持ちの方" またはそれに類するもの。

共有設定を調整する。

ステップ2:ウェブへの公開

Googleシートメニューから ファイル > 共有 > ウェブに公開.  

ファイル>共有>ウェブに公開をクリックします。

表示されたダイアログボックスで エンベッド タブを選択します。ドキュメント全体を埋め込むか、特定のシートを埋め込むかを選択します。ご希望のオプションを選択したら 出版 ボタンをクリックし、動作を確認する。 

Embedタブに移動し、Publishをクリックします。

ステップ3:埋め込みコードをコピーする

公開されると、埋め込みコードが生成されます。次のステップのためにこのコードをコピーしてください。

埋め込みコードをコピーする。

ステップ4:カスタムHTMLブロックを追加する

WordPressのダッシュボードから、Googleシートを表示したい投稿またはページを開き、正確な位置に移動します。をクリックします。 ブロック・インサーター (+)ボタンをクリックして新しいブロックを追加する。 Custom HTML ブロックを追加する。 

カスタムHTMLブロックを追加する。

ステップ5:埋め込みコードを貼り付け、サイズを調整する

先ほど取得したコードをカスタムHTMLブロックに貼り付ける。

コードを貼り付ける。

デフォルトでは、Googleシートの表示サイズが小さすぎる場合があります。自分でサイズを指定するには、iframeタグにwidth属性とheight属性を追加します。以下のように属性を記述します: 幅="650″ 高さ="450 前へ</iframe> コードの一番最後にあるお好みのサイズになるように値を調整してください。

次元を追加する。

時々ページをプレビューして、シートが正しく表示されていることを確認してください。問題がなければ、「公開」または「更新」をクリックして変更を保存します。以下は、埋め込みGoogleシートがWordPressサイトでどのように表示されるかの例です。 

プレビューと出版

方法2:プラグインの助けを借りて埋め込む

のための素晴らしいプラグインがたくさんある。 WordPressにGoogleシートを埋め込む.このガイドでは、EmbedPressを使用します。EmbedPressは、シンプルでコード不要の信頼できるオプションです。

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

WordPressのダッシュボードに移動し、次の場所に移動します。 プラグイン > 新規追加を検索する。 「エンベッドプレス. をクリックする。 Install Nowそして アクティベート the plugin.

EmbedPressプラグインのインストールと有効化

ステップ2:Googleシートをウェブに公開する

埋め込みたいGoogleシートを開きます。Googleシートのメニューから ファイル > 共有 > 公開 をウェブにアップした。

ファイル」→「共有」→「公開」をクリック

表示されたダイアログボックスで、文書全体を表示するか、特定のシートを表示するかを決めます。後で 出版 をクリックし、リンクを生成するアクションを確認します。 

公開をクリックする

提供されたリンクをコピーする。

提供されたリンクをコピーする

ステップ3:WordPressにEmbedPressブロックを追加する

シートを表示したいWordPressの投稿またはページを開きます。シートの ブロック・インサーター (+) ボタンをクリックし エンベッドプレス ブロックを作成し、ページに追加する。

EmbedPressブロックを追加する

先ほどコピーしたリンクをEmbedPressブロックに貼り付けて エンベッド.プラグインは自動的にあなたのページにGoogleシートを埋め込みます。

リンクを貼り付ける。

ステップ5:表示設定を調整し、公開する

ブロックをクリックし ブロック設定 をクリックして、埋め込んだGoogleシートの寸法をWordPress内で直接調整することができます。 見た目が気に入ったら、「公開」または「更新」をクリックして変更を保存します。ページをプレビューして、すべてが正しく表示されていることを確認してください。

表示設定の調整とパブリッシュ

結論

このガイドにある方法は、あなたがどの程度ハンズオンになりたいかを決めることができます。手動で埋め込むコントロールがお好みでも、プラグインを使う手軽さがお好みでも、あなたに最適な方法でGoogle Sheetsを統合することができます。

今こそ、あなたのウェブサイトを次のレベルに引き上げる時です。Google Sheetsを埋め込んで、あなたのコンテンツを、その背後にあるアイデアと同じくらい新鮮でダイナミックなものにしましょう。



テーブルバーグ・チーム