とりあえずHP の使い方

上級編

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

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

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

※埋め込み用タグを作成する方法は下記をご覧ください。

埋め込み用Googleカレンダータグを作成しよう

管理画面のメニューの「各ページの編集」をクリックします。
左メニュー[各ページの編集]画面
Googleカレンダーを表示させたいページを選択します。

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

Googleカレンダーを埋め込みたいページ選択画面
Googleカレンダーを表示させたい記事ボックスの[HTML]アイコンをクリックします。

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

[HTML]ボタンのクリック画面
HTMLソースエディタに作成した埋め込み用タグを貼り付けます。

※埋め込み用タグを作成する方法は下記をご覧ください。

埋め込み用Googleカレンダータグを作成しよう
HTMLソースエディタでの 埋め込みコードを貼り付け画面

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

[上記の内容で設定]ボタンのクリック画面

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

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

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

Googleカレンダーの表示確認サンプル画面

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

デザインを選ぶ

ロゴマークを表示させる

文字に装飾やリンクを設定する

プロフィールの掲載方法

お問い合わせフォームの設置

外部ブログを利用する

外部フォームを利用する

SNSリンクを設定する

Googleアナリティクスの設定

アクセス解析を見る

PAGE TOP