Simple Calendar

Simple Calendarは、Googleカレンダーと連携してブログ記事にカレンダーを表示できるWordPressプラグインです。

複数のカレンダーをブログに表示できます。施設・団体などの日程のカレンダーをブログに表示する際に利用するのに最適です。

カレンダーに表示する情報の管理は「Googleカレンダー」を利用します。そこからカレンダーのデータを取得してWordPressの記事に表示します。カレンダーの外観や表示内容のカスタマイズもできます。

このプラグインはカレンダーの情報を効率的に運用できます。無料版だけでも十分過ぎる程役に立ちます。そして、高度な機能を拡張した有料版の拡張機能(アドオン)も用意されています。

WordPressの記事やウィジェットにカレンダーを表示したい場合に非常に役立つプラグインなので活用しましょう。

はじめに

このプラグインが優れていること

  • Googleカレンダーと連携して、複数のカレンダーをWordPressに表示できる。
  • カレンダーに表示する日程や詳細情報は「Googleカレンダー」に登録して管理します。
  • カレンダーの外観や表示内容を細かくカスタマイズできる。
  • ショートコードを利用して記事にカレンダーを表示できる。
  • ブロックエディタ・クラシックエディタの両方で利用できる。
  • ウィジェットを利用してサイドバーやフッターにカレンダーを表示できる。
  • 無料版はシンプルな機能のみです。高度な機能を利用できる有料版(アドオン)も用意されています。

見本の画像

このプラグインは「Googleカレンダー」と連携して、下記のようなカレンダーを表示できます。

Simple Calendar

信頼性

プラグインが定期的にアップデートされており、安定的に保守が行われています。
このプラグインはオンラインマニュアルを読んで、自分で問題を解決するセルフサポートのようです。サポートフォーラムでは開発者が質問に返信することは少ないようです。

サポートフォーラムを確認した限りでは、プラグインが原因で問題が発生するわけではなく、「Google Calendar API」の仕様の問題でエラーが発生したり、初期設定に苦戦しているユーザーが多いような印象を受けました。

確認日:2021.03.31

確認できた内容
  • 定期的なアップデートの実績
  • プラグインの利用者数
  • サポートフォーラムの評判イマイチ(ユーザー同士で問題を解決している)
  • プラグインの評価イマイチ
  • 有料版のプラグインあり

デモサイト

下記のリンクから実際に動作する見本を確認できます。
デモサイトは英語表記ですが、日本語の文言でも問題なく運用できます。

グリッド・ビュー

  1. Basic Grid View
  2. Widget & Mobile
  3. Static/No Navigation
  4. Limit Visible Events
  5. Custom Colors

リスト・ビュー

  1. Basic List View
  2. Widget & Mobile
  3. Custom Colors

インストール方法

Simple Calendar

管理画面から検索してインストールして下さい。
もしくは「wordpress.org」からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「Simple Calendar」で検索
  2. 「wordpress.org」からダウンロード

Google API Key

必要になる情報

このプラグインを利用するには、下記の情報が必要になります。
設定方法については、記事の下の方で説明しています。

  1. Googleアカウント
  2. Google API キー
  3. Google カレンダーのカレンダーID

Google API Keyの取得

このプラグインを利用するには「Google API Key」の取得が必要です。
「Google API コンソール」にある「Google Calendar API」を有効化してAPIキーを取得してください。

APIキー取得・登録の流れ

  1. Googleアカウントでログインする。
  2. 「Google API コンソール」に新しいプロジェクトを作成する。
  3. 「Google Calendar API」を有効化する。
  4. 「認証情報 > 認証情報を作成」から「APIキー」を作成する。
  5. 作成した「APIキー」をプラグイン側に登録する。

APIキー取得

APIキー取得

公式マニュアル(英語)

APIキーの取得方法に関しては、下記の参考記事をご覧ください。
英語の記事です。Google翻訳などを利用してページを翻訳してご覧ください。

APIキーの登録

上記で取得した「APIキー」をプラグインに登録します。

管理画面の場所

WP管理画面 > カレンダー > 設定

イベントソース

APIキーを登録して設定を保存します。

イベントソース

Googleカレンダーの作成

次に、Googleカレンダーを利用してカレンダーを新規作成します。
そして、その登録したカレンダーのIDをプラグイン側に設定します。

ログイン

ますは、あなたのGoogleアカウントを利用して、Googleカレンダーにログインして下さい。

カレンダーの作成

あなたのGoogleアカウントを利用して、Googleカレンダーにカレンダーを新規作成します。
作成したカレンダーは、一般公開して誰でも見ることができる状態にしておく必要があります。

追加ボタンをクリック

追加ボタンをクリックすると、メニューが展開します。

新しいカレンダーの作成

メニューを選択する

新しいカレンダーの作成

新しいカレンダーの作成

カレンダーの情報を入力して、「カレンダーを作成」をクリックします。

新しいカレンダーの作成

カレンダーの一般公開

作成したカレンダーの設定画面を表示します。
アクセス権限の設定にある「このカレンダーを一般公開する」にチェックを入れます。

カレンダーの一般公開

警告

警告が表示されます。
問題がなければ「OK」を選択します。

警告

カレンダーIDの取得

作成したカレンダーの設定画面の下の方に表示される「カレンダーID」をコピーします。

そして、その「カレンダーID」をプラグイン側に登録して連携させます。

カレンダーIDの取得

カレンダーIDの登録

次に、プラグイン側でカレンダーを新規作成します。
上記でコピーした「カレンダーID」をカレンダー作成画面にある「Googleカレンダー設定」の「カレンダーID」に登録して保存します。

管理画面の場所

WP管理画面 > カレンダー > 新規追加 > Googleカレンダー > Googleカレンダー設定

プラグインの管理画面

プラグインの管理画面

カレンダーの表示方法

カレンダーの表示場所は、ショートコードまたはウィジェットで指定できます。
PHPでショートコードを実行する関数を用いればPHPで記述することもできます。

ショートコード

カレンダーの作成画面の右側に表示されるショートコードを記事に貼り付けると記事にカレンダーを表示できます。

尚、IDの数字は変更して利用してください。

[calendar id="1234"]

PHPコード

WPテーマのテンプレートファイルに直接記述する場合は、下記のPHPコードで表示できます。

尚、IDの数字は変更して利用してください。

ウィジェット

ウィジェットを利用してカレンダーの表示位置を指定できます。
サイドバーやフッターなどに小さなカレンダーを表示したい場合に活用しましょう。

プラグインの管理画面

プラグインの管理画面は、下記のようになっています。

カレンダー一覧画面

カレンダー一覧画面

カレンダー編集画面

カレンダー編集画面

まとめ

Simple Calendarは、Googleカレンダーと連携してブログ記事にカレンダーを表示できるWordPressプラグインです。

複数のカレンダーをブログに表示できます。施設・団体などの日程のカレンダーをブログに表示する際に利用するのに最適です。

このプラグインはカレンダーの情報を効率的に運用できます。無料版だけでも十分過ぎる程役に立ちます。

WordPressの記事やウィジェットにカレンダーを表示したい場合に非常に役立つプラグインなので活用しましょう。