Googleカレンダー

Jimdoのホームページ上に、Googleカレンダーを設置することが出来ます。レッスンやイベント情報などのスケジュールをユーザーと共有することが出来ます。

1.Googleカレンダーにログインする

自分のGoogleアカウントにログインしましょう

Googleアカウントをお持ちでない方は登録をお願いします。

Google ( https://www.google.co.jp/ )にアクセスし、ログインしましょう。


Google アプリからカレンダーをクリック

メニューから[カレンダー]をクリック。


カレンダーを作成

まだ公開用のカレンダーを作っていない方は、まずカレンダーを作りましょう。

マイカレンダーの▼を選択し新しいカレンダーの作成をクリックします。


カレンダー名に名前を入力しこのカレンダーを一般公開する にチェックを入れ、カレンダー作成を押します。(警告文のはいにクリックしますと作成されます。)

カレンダーにスケジュールを入力

「マイカレンダー」の中に、先ほど作成したカレンダーが入っています。(もし表示されていなければ、「マイカレンダー」の左の▼を押してみてください!)

先ほど作った、公開したいカレンダーの名前の右の▼をクリックするとメニューが開くので、[このカレンダーに予定を作成]をクリックして予定入力画面へ移動します。

 

タイトルや時間など必要事項を入力して、[保存]します。


カレンダー設定を行い、コードを習得

マイカレンダーの中にある、さきほど作成した公開するカレンダーを選びます。(表示されてなければ▶をクリックしてください。)

公開するカレンダーの名前の右の▼を押してメニューを開き、[カレンダー設定]を開きます。

「このカレンダーを埋め込む」欄の[色やサイズなどをカスタマイズします]をクリックします。

カレンダーのタイトル・表示項目・幅や高さ・言語・タイトル欄の背景設定が出来ます。

Google カレンダー埋め込み支援ツールの下のHTMLコードを更新して、コードをコピーします。

2.JimdoのサイトにGoogleカレンダーをいれる

JimdoのページにGoogleカレンダーコンテンツを追加する

Googleカレンダーを表示したい場所にマウスポインタ―を合わせ[コンテンツを追加]でメニューを開き、[その他のコンテンツ&アドオン]をクリックしてさらにメニューを開いて、[Googleカレンダー]をクリックします。

矢印のボックス部分に、さきほどコピーしたHTMLコードを貼り付けし、[保存]します。

Googleカレンダーのレスポンシブ対応について

Googleカレンダーをご利用の方はJimdo管理メニュー、基本設定、ヘッダー編集のwebサイト全体に以下のコードを挿入してください

<style type="text/css">

/*<![CDATA[*/

embed,

iframe,

object{

        max-width: 100%;

}

/*]]>*/

</style>

株式会社 PIK

〒140-0015 東京都品川区西大井1-14-4

TEL.03-5728-9888