1. HOME
  2. マニュアル
  3. 投稿・編集
  4. Googleカレンダーを表示する(ページに埋め込む)

Googleカレンダーを表示する(ページに埋め込む)

2017.3.2  投稿・編集

Googleカレンダーをページに埋め込む方法です。

Googleカレンダーの埋め込みコードをコピーする

お使いのGoogleカレンダーにアクセスし、「マイカレンダー」の埋め込みたいカレンダーの▼から「カレンダー設定」を選択します。

Google カレンダー

「このカレンダーを埋め込む」の項目にあるコードをすべて選択し、コピーをします。

Google カレンダー

投稿画面にコードをペーストする

WordPressの管理画面に戻り、埋め込みたいページに先ほどのコードをペーストします。このときに、「テキスト」タブを選択した状態でコピーするようにしてください。

Google カレンダー

「iframeを本文幅で表示」というボタンがある場合は、コードをすべて選択した状態でボタンをクリックすると、横幅100%で表示されます。(ボタンがない場合は何もする必要はありません)

Google カレンダー

公開(更新)をするとこのように表示されます。

Google カレンダー

「プレビュー」では表示されませんが、公開すると表示されます。

Warning: Undefined array key 1 in /home/norifuku/taratorowp.com/public_html/wp-content/themes/twp/template-parts/parts-related.php on line 10

Warning: Undefined array key 1 in /home/norifuku/taratorowp.com/public_html/wp-content/themes/twp/template-parts/parts-related.php on line 55