中小企業・個人事業の簡単ホームページ作成ソフトならとりあえずHP

ご利用実績11000人突破!

ユーザー向け使い方サイトとりあえずHPNAVI

  • 30日無料体験のお申し込み
  • はじめて訪問された方とりあえずHP公式サイト
  • ユーザー向け使い方ガイドとりあえずHPナビサイト

とりあえずHPの使い方

上級編

目次に戻る

Googleカレンダーを記事に埋め込もう  記事にGoogleカレンダータグを埋め込む

このページは上級編となります。まずは初級編・中級編をマスターしてからご覧頂くことをおすすめいたします。焦らずじっくりと取り組んでいこう!

とりあえずHPではGoogleカレンダーを記事ボックスに埋め込むことができます。

※埋め込み用タグを作成する方法は下記をご覧ください。
埋め込み用Googleカレンダータグを作成しよう

管理画面にログイン後、 左メニュー内の「各ページの編集」をクリックします。
gc2_1
Googleカレンダーを表示させたいページを選択します。

「ページの選択」から、画像を埋め込みたいページをクリックして選択します。

gc2_2
Googleカレンダーを表示させたい記事ボックスの[HTML]ボタンをクリックします。

HTMLソースエディタが別ウインドウで開きます。

gc2_3
HTMLソースエディタに作成した埋め込み用タグを貼り付けます。

※埋め込み用タグを作成する方法は下記をご覧ください。
埋め込み用Googleカレンダータグを作成しよう

gc2_4

※HTMLソースエディタには‹s›〜‹/s›や‹br /›といった「HTMLソース」が 表示されています。削除しないようお気をつけください。

gc2_5

カレンダーの画像が正しく表示されていることを確認したら、 忘れずに[上記の内容で設定]をクリックしましょう。

ホームページを確認します。

[ホームページを確認]をクリックして、 実際に画像が表示されているかを確認してみましょう。

gc2_6

※GoogleカレンダーはGoogle社のサービスです。そのためGoogleアカウントの作成や、Googleカレンダーでの具体的な作り方などは「とりあえずHP」のサポート外となっております。あらかじめご了承ください。

↑このページのTOP
  • ユーザー向け使い方サイトとりあえずHPNAVI
  • これってどうやるの?と思ったら使い方サポート
  • 問い合わせ前に必ずチェック!よくあるご質問
  • ユーザー同士でスピード解決!助け合い掲示板