ワードプレスにGoogleカレンダーを埋め込みしよう。ワードプレスのウィジェットには、デフォルトでカレンダー機能が付いています。今回は、ワードプレスにGoogleカレンダーを埋め込みしようについて書いていきます。
「Googleカレンダー」をウィジェットとしてブログ内に埋め込んで、店舗の休業日やイベントにおける日程の発信をおこなってみましょう。尚「Googleカレンダー」を使うには、グーグルのアカウントが必要です。
| 結論を先に話ししておきます |
| 「Googleカレンダー」を便利に使いたいと思ったことはありませんか？そんな時、面倒な日程調整の手作業を全部やってくれる「調整アポ」などを導入すれば、もっと便利になること間違いありません。
「調整アポ」は「Googleカレンダー」と「メールによるやり取りの往復における空き日程探し」や、メール上に於いて、候補日程の手入力など、面倒な作業がコピペを1回おこなうだけで完了します。
その場合、WEB会議のURLを自動で参加者全員に共有してくれるので、コピペを1回おこなうだけで効率化できます。「Googleカレンダー」を使った業務効率化を考えているのであれば、是非一度、試してみて下さい。
以前投稿した下記の記事にも目を通して貰えると嬉しいです。 |
目次はコチラ
【Googleカレンダーとは(動画付き)】
「Googleカレンダー」とは、どのようなサービスなのかを書いておきます。それは「ブラウザ上でスケジュールを管理できるツール」です。「Googleカレンダー」は、クラウド上でスケジュールを管理できるサービスと言っても良いでしょう。
他の「Google Workspace」の機能と同様に、クラウド上で管理される為、Googleアカウントにログインさえすれば「Googleカレンダー」にアクセスできます。またOSを問わず、同じように利用することも可能です。
| Googleカレンダーは「スマートフォン」や「タブレット」でも利用可能 | |
| PC版の「Googleカレンダー」へのアクセスは、右記のURLを開いて見て下さい。「https://calendar.google.com/calendar/u/0/r」。
「Googleカレンダー」は、PCだけではなく「スマートフォン」や「タブレット」でも利用することができます。またPC版のカレンダーとほぼ同じように利用することも可能です。アプリは、下記それぞれのバナーからダウンロード(無料)してみて下さい。 |
|
| Googleカレンダー(android版)
|
Googleカレンダー(iPhone版)
|
ではここで動画を視聴してみて下さい。題して「Googleカレンダーの使い方・共有「PC、スマホ」」です。
【Googleカレンダーの基本操作について】
この章では「Googleカレンダーの基本操作」について「新しいスケジュールの作成と編集」「スケジュールの日時や時間帯の変更」「スケジュールの削除と復元」「定例スケジュールの設定」の他。
「会議スケジュールにゲストを招待する」「カレンダーの色を変更」に分け、図解入りで解説していきます。最後の方に「ワードプレスにGoogleカレンダーを埋め込みしよう」と言う見出しで記事を書いています。
新しいスケジュールの作成と編集
「Googleカレンダー」で「月表示」としてスケジュールを作成していきます。スケジュールを作成したい日付をクリックし、タイトル名を入力後、保存をすれば完了です。スケジュールは、誰でも簡単に作成できます。
- まずは、PC版の「Googleカレンダー」を開いてみましょう。下記の図解では「赤色枠」で囲まれている「月表示」として選択しています。次に、スケジュールを入れたい日付を決めます。
下記の図解では「オレンジ色枠」で囲まれている「3月31日」をクリックしたとします。
- すると「緑色枠」で囲まれているように「別窓」が開きます。最初することは「水色枠」で囲まれている箇所にスケジュールとしての「タイトル名」を入力します。ここでは「アフィリエイトセミナー」としています。
スケジュール内における日付の先延ばしや時間の変更、場所などの登録などがない場合、終日のスケジュールとなります。その後「紫色枠」で囲まれている「保存」を押すと、スケジュール設定が完了となります。
- 上記の画面で保存を実行すると、選択した3月31日の「桃色枠」で囲まれているスケジュールの名前が「アフィリエイトセミナー」となっており、スケジュールを入れることができました。
スケジュールの日時や時間帯の変更
「Googleカレンダー」に於いて、既に作成してあるスケジュールの日時が変更になった場合など、スケジュールをドラッグアンドドロップするだけで「日付」や「時間」の変更などをおこなうことが可能となります。
- 下記の図解は、先程スケジュール設定したものです。日付を3月31日から4月2日に変更したい時「桃色枠」で囲まれている日付から「黄色枠」で囲まれている位置へドラッグアンドドロップします。
- すると、3月31日に設定していたはずのスケジュールが「緑色枠」で囲まれているように、4月2日へ移動され、それと同時に「赤色枠」で囲まれている「予定を保存しました」が表示されています。
スケジュールの削除と復元
せっかく組んだスケジュールですが、何かの理由により、必要なくなった場合など、そのスケジュールを削除することもできます。また誤って削除してしまったスケジュールを復元することもできます。
- まず初めに、スケジュールを削除するやり方について書いていきます。「赤色枠」で囲まれているここでは「アフィリエイトセミナー」をクリックします。
- すると「オレンジ色枠」で囲まれているように「別窓」が開きます。その中の「緑色枠」で囲まれている「ゴミ箱マーク」をクリックするだけです。一応書いておきますが、次のことでも削除できます。
スケジュールのタイトル名上にマウスを移動し、右クリックすると、削除画面が表示されるのでそのまま削除することもできます。
- 上記の画面で、ゴミ箱マークをクリックすると「水色枠」で囲まれているように「予定を削除しました」と表示され、削除することができました。
- 次に、間違って削除してしまったスケジュールを復元するやり方について書いていきます。まず初めに、右上部にある「紫色枠」で囲まれている歯車マークのアイコンをクリックして下さい。
するとプルダウンメニューが表示されます。その中の「緑色枠」で囲まれている「ゴミ箱」をクリックしましょう。
- ゴミ箱をクリックすると、削除してしまったスケジュールが一覧表示されています。今回は、4月2日のスケジュールを削除してしまった一例として「桃色枠」で囲まれているチェックボックスにチェックを入れます。
チェック後「黄色枠」で囲まれている「矢印マーク」のようなものをクリックして下さい。
- すると「オレンジ色枠」で囲まれているように「予定を元に戻しました」と表示されました。ではここで「月表示」のスケジュールに戻って確認してみましょう。
- 元のスケジュールを確認すると「赤色枠」で囲まれいるように「アフィリエイトセミナー」が4月2日に表示されていることが分かります。
定例スケジュールの設定
「Googleカレンダー」では、毎週おこなうであろう会議や、特定日におこなういくつかの行事など、定例スケジュール等の設定を簡単におこなうことができます。それでは早速見ていきましょう。
- まず初めに、定例会を開きたい曜日を選択します。下記の図解では「紫色枠」で囲まれている「土曜日」を選択し、クリックしてみました。すると「水色枠」で囲まれているように「別窓」が開きました。
次に「緑色枠」で囲まれている「タイトル名」には、定例ミーティングと入力してみました。次に「黄色枠」で囲まれている箇所をクリックしてみましょう。
- 上記の画面で、黄色い箇所を開くと「オレンジ色枠」で囲まれているように「繰り返さない」をクリックしてみましょう。
- すると、プルダウンメニューが表示され「緑色枠」で囲まれている「カスタム」をクリックしてみましょう。
- 次の画面では、背景がグレーに変わり「黄色枠」で囲まれているように「別窓」が開きます。次に「水色枠」で囲まれている「繰り返し」を選択し「緑色枠」で囲まれている箇所で回数を変更しましょう。
下記の図解では「定例ミーティングを毎週土曜日の最大で5回」としてみました。全ての選択が終わったら「赤色枠」で囲まれている「完了」を押しましょう。
- 最後に「桃色枠」で囲まれている「保存」を押しましょう。
- 4月2日(土)を始めとし「赤色枠」で囲まれているように、定例ミーティングを毎週土曜日(合計5回)に開催する設定をおこなうことができました。最後に「オレンジ色枠」で囲まれている「予定を保存しました」が表示されています。
会議スケジュールにゲストを招待する
「Googleカレンダー」には、スケジュールを他のユーザーにメールで知らせ、出欠を確認する「招待機能」が付いています。複数ユーザーに於いて、共通のスケジュールを設定したりする時に使用します。
- いつも通り、会議スケジュールにゲストを招待したい日付を選択します。下記の図解では「赤色枠」で囲まれている4月2日(土)に招待したいのでクリックします。すると「オレンジ色枠」で囲まれている「別窓」が開きます。
最初に「黄色枠」で囲まれている箇所に「タイトル名」を入力した後「緑色枠」で囲まれている「ゲストを追加」を押しましょう。
- ゲストを追加箇所に、招待したい方の日本語での氏名もしくは名前を英字で入力すると、登録されている方が複数表示されるかと思います。その中から、実際に招待したい方を選択します。
「水色枠」で囲まれている箇所には「主催者」であるあなたの名前が表示され「桃色枠」で囲まれている箇所には、実際に招待した方の顔写真もしくは名前が載るようになります。ここではセキュリティー上消してあります。
- ここでは「緑色枠」で囲まれているように「2人」だけにしてみました。改めてセキュリティー上消してあります。次に「紫色枠」で囲まれている「ゲストの権限」を押してみましょう。
- ゲストの権限を開くと「桃色枠」で囲まれているように3つの項目が表示されています。「他のユーザーを招待する」と「ゲストリストを表示する」には、チェックを入れておくようにしましょう。
全ての設定が終わったら「赤色枠」で囲まれている「保存」を押しましょう。
- 上記の保存を押すと「別窓」が開きます。「オレンジ色枠」で囲まれている「Googleカレンダーのゲストに招待メールを送信しますか？」と表示されているので「緑色枠」で囲まれている「送信」を押しましょう。
| 会議スケジュールにゲストを招待する場合 |
| 「Google」に予め登録している方が誰もいない場合、ゲストの追加に日本語での氏名もしくは名前を英字で入力しても誰一人として表示されることはありません。その点をご理解の上「Googleカレンダー」をご利用下さい。 |
カレンダーの色を変更
「Googleカレンダー」では、全てのカレンダーの色を自由に変更することができます。但し、カレンダーの色で変更が可能なのは、あなたの分だけであり、カレンダー画面上に於いてのみとなります。
- 下記の図解に於いて、全て「桃色枠」で囲まれている箇所の色を変更していきます。
- まず始めに「黄色枠」で囲まれている箇所に、あなたの名前が表示されていると思います。名前にマウスを重ねると、名前の右側に、3本の縦線が表示されます。その3本の縦線をクリックしてみましょう。
すると「オレンジ色枠」で囲まれているように「別窓」が開き、カラーパレットが表示されます。その中から、好きな色を選択してみて下さい。
- 下記の図解を見てもお分かりのように「紫色枠」で囲まれている箇所全ての色が変更されていることが分かります。
- 1ヶ所のみ変更したい場合「水色枠」で囲まれている部分をクリックしてみましょう。すると「緑色枠」で囲まれているように「別窓」が開きます。次に「オレンジ色枠」で囲まれている「鉛筆マーク」を開きます。
- すると画面が変わり「赤色枠」で囲まれている「下向き矢印」を押すと、プルダウンメニューが開き、カラーパレットが表示されます。色を選択したら「桃色枠」で囲まれている「保存」を押しましょう。
- 下記の図解を見てもお分かりのように「水色枠」で囲まれている箇所だけ色が違って見えます。そして「黄色枠」で囲まれている「予定を保存しました」と表示されていることも分かります。
【ワードプレスにGoogleカレンダーを埋め込みしよう(動画付き)】
大変お待たせいたしました。「Googleカレンダー」の使い方がある程度分かったところで、この章から、ワードプレス内に「Googleカレンダー」を埋め込んでいくやり方について書いていきます。
ワードプレス内に「Googleカレンダー」を埋め込んでいく際「Googleカレンダー」が開いている状態にしておいて下さい。またワードプレスのウィジェットを使います。それでは見ていきましょう。とその前に。
ではここで動画を視聴してみて下さい。題して「Googleカレンダーをワードプレスに埋め込みする方法」です。
- 「Googleカレンダー」を開いた画面が下記の図解です。まず初めに「赤色枠」で囲まれている「＋」をクリックします。
- すると「オレンジ色枠」で囲まれているように「別窓」が開きます。その中の「緑色枠」で囲まれている「新しいカレンダーを作成」を開きましょう。
- 次の画面では「黄色枠」で囲まれている箇所に「タイトル名」を入力して下さい。ここでは、アフィリエイトセミナーとしてみました。次に「紫色枠」で囲まれている「カレンダーを作成」を押しましょう。
- 次に「Googleカレンダー」のトップページへ戻って、そのサイドメニューに「水色枠」で囲まれているように「アフィリエイトセミナー」が追加されました。あなた側の画面とは、違って見えます。
- そのアフィリエイトセミナーの直ぐ右側には、3つの縦線があります。その3つの縦線をクリックすると「黄色枠」で囲まれているように「別窓」が開きます。次に「桃色枠」で囲まれている「設定と共有」を開きましょう。
- 次の画面では、背景がグレーとなり、予定のアクセス権限と言う項目が表示されます。その中の「黄色枠」で囲まれているボックス内にチェックを付けて下さい。すると「赤色枠」で囲まれている「警告」が表示されます。
内容を良くお読みになって良ければ「紫色枠」で囲まれている「OK」を押しましょう。
| 上記の画面で設定と共有を開くと、上から順番に「カレンダーの設定」「招待状の自動承諾」「予定のアクセス権限」「特定のユーザーとの共有」「予定の通知」「終日の予定の通知」「その他の通知」「カレンダーの統合」「カレンダーの削除」とあります。 |
- 次に、カレンダーの統合を見て下さい。その中の「オレンジ色枠」で囲まれている「埋め込みコード」のURLをコピーしておいて下さい。
- 次に、ワードプレスにログインしましょう。「オレンジ色枠」で囲まれている「外観」にマウスを移動すると、プルダウンメニューが表示され「桃色枠」で囲まれている「ウィジェット」を押して下さい。
- 次の画面では「水色枠」で囲まれている「カスタムHTML」をここではアーカイブの下に移動させます。
- 次に「水色枠」で囲まれているボックス内に「タイトル名」を入力し「黄色枠」で囲まれているボックス内には、先程コピーしたURLを貼り付けて下さい。最後に「赤色枠」で囲まれている「保存」を押しましょう。
- 保存を実行したら、トップページを開いて確認してみましょう。ここではアーカイブの下に「Googleカレンダー」を表示するよう設定してますが、上手く表示されていることが分かります。
今回は以上となります。ワードプレスにGoogleカレンダーを埋め込みしようについては理解して頂けたでしょうか。「Googleカレンダー」の使い方もそれほど難しくないので是非使ってみて下さい。
以前投稿した下記の記事にも目を通して貰えると嬉しいです。
