Googleカレンダー拡張

¥2,900.00

〇〇にGoogle カレンダーの予定をサイト上に表示できる機能を追加するアドオン

商品コード: simple-calendar-google-calendar-pro カテゴリー:

Google カレンダーの予定をサイト上に表示することができます。

カレンダーを設置し、イベント情報の掲載ができます。

 

イベントごとに色付け

Google カレンダーは、種類によって色分けできます。

このプラグインは、Google カレンダーのその機能を WordPress に表示させたカレンダーでも行えるようになります。

非公開の予定も表示

Googleカレンダーには、誰でもイベントや予定が閲覧できる「公開」された予定と、個人の予定や社内的な予定を管理するための「非公開」の予定があります。

このプラグインは「非公開」の予定も取り込むことができ、サイト自体にアクセス制限をかけることができます。

つまり、社内の予定を共有するサイトで社内用の予定を表示することも可能です。

参加者や添付ファイルの情報確認

イベントごとに参加者の確認ができるようになります。

また、もともとGoogleカレンダーで添付されていたファイルがある場合、WordPress のサイト上でもそのファイルをクリックして閲覧できるようになります。

例えば、社内プロジェクトのスケジュール管理などに使うと、プロジェクトに必要なファイルがあればカレンダーから確認できるようになります。

スケジュール管理をしながら情報共有としても使えるので、作業効率もアップするでしょう。

Googleカレンダー拡張 の使い方

 

Googleアカウントとの連携

このプラグインを使うためにGoogle OAuthの設定をします。
Simple Calendarプラグインのデフォルトで使用されているGoogle APIキーを取得するのとほぼ同じ手順で設定します。

Google OAuthのクライアントIDとシークレットキーを取得する

  1. Google Developers Console
  2. すでにお持ちのSimple Google APIキーををGoogle OAuthに使用可（→５へ）
  3. 新規で作成の場合はプロジェクトを作成
  4. Google Developers Consoleダッシュボードから[APIとサービスを有効にする]を選択します。
  5. APIライブラリ > Google Calendar API > 有効化
  6. APIManager > 資格情報 > 資格情報を作成 > クライアントID（セットアップウイザードをスキップ）
  7. クライアントIDの作成 > 同意 > ユーザーに表示される製品名（何かしら入力）> 保存
  8. OAuthクライアントIDとシークレットキーが作成 > 表示
  9. この後Simple Calendarに情報を入力するため、画面を表示したままにする

Google OAuthと連携する

  1. サイドメニュー > カレンダー > 設定 > イベントソースタブ
  2. Google Calendar Proの以下の２項目に前述で取得した情報を入力
    ・クライアントID
    ・クライアントシークレットキー
  3. 保存
  4. 表示される「Googleで認証」ボタンをクリック > 発行されたGoogle認証コードを入力
  5. 保存

注）ライセンスキーを入力すると、自動アップブレードおよびプレミアムサポートへのアクセスに使用
サイドメニュー > カレンダー > アドオンライセンスタブ > Google Calendar Pro項目へ入力 > 有効化

 

カレンダーの設定

カレンダーを表示するにはカレンダーを新規で作成します。
作成方法は カレンダー設置の使い方マニュアル > カレンダーの設定をご確認ください。

このアドオンには Googleカレンダーアプリのイベントの色を表示するオプションがあります。
以下の方法で設定します。

 

Googleカレンダーアプリのイベントの色を表示

Googleカレンダーのイベントは色分けされています。
このアドオンには、Googleで設定したイベントの色を表示するオプションがあります。
このオプションを選択して、使用しているカレンダーのGoogleのイベントの色がプラグイン「 カレンダー設置」でも表示されるように設定しましょう。（Googleのイベントで特定の色が使用されていない場合は、デフォルトの色で表示されます。）

  1. サイドメニュー > [カレンダー] > をクリックします。
    Google-calendar-pro_1サイド
  2. [すべてのカレンダー] > 任意のカレンダーをクリックします。（または新規カレンダーを作成します。）
    Google-calendar-pro_2カレンダー一覧＞選択
  3. 表示された [カレンダー編集画面] の [カレンダー設定項目] の [イベントソース]  > [Google Calendar Pro] をプルダウンリストから選択します。
  4. Google-calendar-pro_4イベントの色を使用項目
  5. 設定画面の左の項目の [Google Calendar Pro]  > 「イベントの色を使用する」にチェックします。（上図）
  6. [プレビュー] をクリックして、カレンダーの表示を確認します。
    Google-calendar-pro_5プレビュー＋公開
  7. 最後に [公開] をクリックしてサイトに表示します。

 

設定は以上です。

Googleカレンダーのイベントの色分けをあなたのサイトのイベントにも表示させて管理を行いやすくしましょう。
※各カレンダーには、新しいイベントの作成時に特別な設定をしていない場合、全てのイベントに自動的に割り当てられるデフォルトの色もあります。