Webサイトにメディアコンテンツを追加することは、読者に追加の情報とリソースを提供するための優れた方法です。ただし、GoogleドキュメントまたはGoogleスプレッドシートのデータを使用している場合は、そのコンテンツをWordPressサイトの投稿またはページに埋め込むことをお勧めします。
埋め込む可能性のあるメディアの多くは画像またはビデオですが、Webページにもスプレッドシートを表示しようとしていることに気付くかもしれません。最初に考えたのは、その情報をコピーしてWebページに貼り付けることですが、Googleファイルが埋め込まれている他の人を見て、それが他のサイトにも適していると考えたかもしれません。
WordPressユーザーの場合、投稿の1つにGoogleスプレッドシートファイルを埋め込むには、WordPressエディターの「カスタムHTML」ブロックと組み合わせてGoogleスプレッドシートの「Webに公開」機能を使用します。
目次 非表示1WordPressにGoogleスプレッドシートを埋め込む方法2WordPress投稿にGoogleスプレッドシートを埋め込む方法(写真付きガイド)3WordPress投稿またはページにGoogleスプレッドシートファイルのサイズを変更する方法4関連項目WordPressにGoogleスプレッドシートを埋め込む方法
- Sheetsファイルを開きます。
- クリック ファイル、 それから Webに公開.
- 選択する 埋め込む.
- 埋め込むものを選択し、をクリックします 公開.
- クリック わかった.
- 埋め込みコードをコピーします。
- WordPressの投稿を開きます。
- カスタムHTMLブロックを作成します。
- コピーしたコードを貼り付けます。
これらの手順の写真を含む、WordPressの投稿へのGoogleスプレッドシートファイルの埋め込みに関する追加情報とともに、以下の記事に続きます。
WordPressの投稿にGoogleスプレッドシートを埋め込む方法(写真付きガイド)
この記事の手順は、Google ChromeWebブラウザーで実行されました。このガイドは、WordPressサイトの管理セクションにサインインして、投稿またはページを作成または編集できることを前提としています。
これらの手順を使用して、WordPressにGoogleスプレッドシートのスプレッドシートを埋め込みます。
- Googleドライブにログインし、シートファイルを開きます。
//drive.google.comにアクセスして、ファイルを表示できます。
- ウィンドウ上部の[ファイル]タブを選択し、[Webに公開]を選択します。
- 「埋め込み」タブを選択します。
- [ドキュメント全体]ドロップダウンメニューをクリックし、ファイル全体を埋め込むか1枚だけ埋め込むかを選択してから、[公開]をクリックします。
- 「OK」をクリックして、Webに公開することを確認します。
- キーボードの「Ctrl + C」を押して、埋め込みコードをコピーします。
- WordPress管理パネルに移動して、新しい投稿を作成するか、既存の投稿を開きます。
- [+]ボタンをクリックして新しいブロックを作成し、[カスタムHTML]ブロックを選択します。
リストの上部にある一般的に使用されるブロックにない場合は、「フォーマット」セクションで見つけることができます。
- 「Ctrl + V」を押して、前にコピーした埋め込みコードを貼り付けます。次に、[公開]または[更新]をクリックして、投稿を公開します。
WordPressの投稿またはページでGoogleスプレッドシートファイルのサイズを変更する方法
多くの場合、埋め込まれたiframeは非常に小さいため、サイズを調整する必要があります。これを行うには、フレームに幅と高さを追加します。たとえば、高さが500ピクセル、幅が300ピクセルのiframeのコードは、次のようになります。
この方法でスプレッドシートを埋め込むことにより、Webページにアクセスするユーザーがスプレッドシートを表示できるように、スプレッドシートを公開する必要があることに注意してください。
スプレッドシートのWebへの公開を停止したい場合は、に戻って行うことができます。 ファイル> Webに公開 Googleスプレッドシートのメニューをクリックし、[公開を停止]ボタンをクリックします。
も参照してください
- Googleスプレッドシートでセルを結合する方法
- Googleスプレッドシートでテキストを折り返す方法
- Googleスプレッドシートでアルファベット順に並べる方法
- Googleスプレッドシートで減算する方法
- Googleスプレッドシートで行の高さを変更する方法