WordpressにGoogleスプレッドシートを埋め込む方法

Webサイトにメディアコンテンツを追加することは、読者に追加の情報とリソースを提供するための優れた方法です。ただし、GoogleドキュメントまたはGoogleスプレッドシートのデータを使用している場合は、そのコンテンツをWordPressサイトの投稿またはページに埋め込むことをお勧めします。

埋め込む可能性のあるメディアの多くは画像またはビデオですが、Webページにもスプレッドシートを表示しようとしていることに気付くかもしれません。最初に考えたのは、その情報をコピーしてWebページに貼り付けることですが、Googleファイルが埋め込まれている他の人を見て、それが他のサイトにも適していると考えたかもしれません。

WordPressユーザーの場合、投稿の1つにGoogleスプレッドシートファイルを埋め込むには、WordPressエディターの「カスタムHTML」ブロックと組み合わせてGoogleスプレッドシートの「Webに公開」機能を使用します。

目次 非表示1WordPressにGoogleスプレッドシートを埋め込む方法2WordPress投稿にGoogleスプレッドシートを埋め込む方法(写真付きガイド)3WordPress投稿またはページにGoogleスプレッドシートファイルのサイズを変更する方法4関連項目

WordPressにGoogleスプレッドシートを埋め込む方法

  1. Sheetsファイルを開きます。
  2. クリック ファイル、 それから Webに公開.
  3. 選択する 埋め込む.
  4. 埋め込むものを選択し、をクリックします 公開.
  5. クリック わかった.
  6. 埋め込みコードをコピーします。
  7. WordPressの投稿を開きます。
  8. カスタムHTMLブロックを作成します。
  9. コピーしたコードを貼り付けます。

これらの手順の写真を含む、WordPressの投稿へのGoogleスプレッドシートファイルの埋め込みに関する追加情報とともに、以下の記事に続きます。

WordPressの投稿にGoogleスプレッドシートを埋め込む方法(写真付きガイド)

この記事の手順は、Google ChromeWebブラウザーで実行されました。このガイドは、WordPressサイトの管理セクションにサインインして、投稿またはページを作成または編集できることを前提としています。

これらの手順を使用して、WordPressにGoogleスプレッドシートのスプレッドシートを埋め込みます。

  1. Googleドライブにログインし、シートファイルを開きます。

    //drive.google.comにアクセスして、ファイルを表示できます。

  2. ウィンドウ上部の[ファイル]タブを選択し、[Webに公開]を選択します。

  3. 「埋め込み」タブを選択します。

  4. [ドキュメント全体]ドロップダウンメニューをクリックし、ファイル全体を埋め込むか1枚だけ埋め込むかを選択してから、[公開]をクリックします。

  5. 「OK」をクリックして、Webに公開することを確認します。

  6. キーボードの「Ctrl + C」を押して、埋め込みコードをコピーします。
  7. WordPress管理パネルに移動して、新しい投稿を作成するか、既存の投稿を開きます。
  8. [+]ボタンをクリックして新しいブロックを作成し、[カスタムHTML]ブロックを選択します。

    リストの上部にある一般的に使用されるブロックにない場合は、「フォーマット」セクションで見つけることができます。

  9. 「Ctrl + V」を押して、前にコピーした埋め込みコードを貼り付けます。次に、[公開]または[更新]をクリックして、投稿を公開します。

WordPressの投稿またはページでGoogleスプレッドシートファイルのサイズを変更する方法

多くの場合、埋め込まれたiframeは非常に小さいため、サイズを調整する必要があります。これを行うには、フレームに幅と高さを追加します。たとえば、高さが500ピクセル、幅が300ピクセルのiframeのコードは、次のようになります。

この方法でスプレッドシートを埋め込むことにより、Webページにアクセスするユーザーがスプレッドシートを表示できるように、スプレッドシートを公開する必要があることに注意してください。

スプレッドシートのWebへの公開を停止したい場合は、に戻って行うことができます。 ファイル> Webに公開 Googleスプレッドシートのメニューをクリックし、[公開を停止]ボタンをクリックします。

も参照してください

  • Googleスプレッドシートでセルを結合する方法
  • Googleスプレッドシートでテキストを折り返す方法
  • Googleスプレッドシートでアルファベット順に並べる方法
  • Googleスプレッドシートで減算する方法
  • Googleスプレッドシートで行の高さを変更する方法