Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Sugar Calendarで簡単なイベントカレンダーを作成する方法

カレンダーは、対面イベントやバーチャルイベントを訪問者と共有する素晴らしい方法です。カレンダーを使って、今後のイベントを宣伝し、より多くの参加者を集め、ブランド認知度を高めることができます。

WordPressにはカレンダーを表示する機能がビルトインされていますが、デフォルトのブロックではカスタマイズのオプションが限られています。より簡単にイベントカレンダーを追加する方法は、プラグインを使うことです。

WPBeginnerでは、すべてのカレンダーニーズにSugar Calendarを使用しています。多くのカスタマイズオプションと強力な機能を提供し、すべてのイベントをより柔軟に管理できます。

この投稿では、WordPressでSugar Calendarを使って簡単にイベントカレンダーを作成する方法を紹介します。

How to create a simple event calendar with Sugar Calendar

なぜWordPressサイトにシンプルなイベントカレンダーを作るのか?

WordPressにカレンダーを追加することで、訪問者に今後のイベントを表示することができます。

こうすることで、ウェビナー、バーチャル・リトリート、オンライン説教、コーチング・コールなど、今後の予定を簡単に知ることができます。このように、カレンダーはあなたのイベントを促進し、より多くの人々が参加するように促すことができます。

会員制のウェブサイトやフォーラムをお持ちの場合は、ユーザーからのイベント送信を受け付けることもできます。これは、コミュニティを構築し、新しい訪問者を誘致し、カレンダーを最新のイベントで更新し続けるための素晴らしい方法です。

また、自分で予定を調べてカレンダーに追加する必要がないので、時間の節約にもなります。

それでは、あなたのサイトに簡単なイベントカレンダーを追加する方法を見てみましょう。

WordPressでシンプルなイベントカレンダーを作成する方法

WordPressにイベントカレンダーを追加する最も簡単な方法は、Sugar Calendarを使うことです。

複数のカレンダーの作成、イベントの開始・終了時間の設定、Googleカレンダーとの同期など、必要なものがすべて揃っている最高のWordPressカレンダープラグインです。

最初に行う必要があるのは、Sugar Calendarプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、カレンダー ” 設定ページに移動してください。ここで、あなたのライセンスキーを’ライセンスキー’フィールドに入力することができます。

Adding a license to Sugar Calendar

このキーは、Sugar Calendarアカウントにログインすると見つかります。また、Sugar Calendarを購入したときのメールにも記載されています。

その後、「Verify」ボタンをクリックし、ライセンスキーが正しいことを確認します。最後に、ページ下部の’Save Settings’をクリックし、変更内容を保存します。

Save Settings after verifying your Sugar Calendar license

新規カレンダーの作成

WordPressの管理ダッシュボードからSugar Calendar ” Calendarsにアクセスしてカレンダーを作成します。

ここから「カレンダーを追加」ボタンをクリックします。

Creating a new calendar in WordPress

新しいページが開きますので、「名前」フィールドにタイトルを入力してください。

Giving your simple event calendar a name

Sugar Calendarでは、複数のカレンダーを作成できます。

次の画像にあるように、訪問者はドロップダウンメニューを使用して、異なるカレンダーを切り替えることができます。それを念頭に置いて、説明的な’名前’は、訪問者がドロップダウンで正しいカレンダーを見つけるのに役立ちます。

The event filters in the Sugar Calendar event admin page

子ページと同様に、カレンダーも親子関係で並べることができます。

WordPressのダッシュボードでは、子供は親の下に表示されるので、カレンダーを整理するのに便利です。特に、たくさんの異なるカレンダーを持っている場合に便利です。

初期設定では、すべてのカレンダーが親カレンダーになっています。子カレンダーを作成するには、「親」ドロップダウンを開き、親として使用したいカレンダーを選択する必要があります。

Setting a parent calendar in Sugar Calendar

次に、オプションで説明を追加することができます。WordPressのテーマによっては、ウェブサイトのカレンダーの横に表示されることもありますが、すべてのテーマでカレンダーの説明が表示されるわけではありません。説明を追加する場合は、WordPressのウェブサイトに表示されることを常に確認してください。

最後に、WordPressダッシュボードでカレンダーの横に表示される色を追加したい場合があります。この色分けは、関連するカレンダーをグループ化したり、特定のカレンダーを簡単に識別するのに役立ちます。

Organizing the calendars by color on your WordPress blog

色を追加するには、「色を選択」ボタンをクリックし、表示されるコントロールを使って選択するだけです。

入力した情報に満足したら、「新規カレンダーを追加」をクリックして、最初のSugar Calendarを作成します。

Creating a color-coded WordPress calendar

上記と同じプロセスを繰り返すだけで、複数のカレンダーを作成できます。

Sugarカレンダーにイベントを追加する

少なくとも1つのカレンダーを作成したら、そのカレンダーにイベントを追加する準備ができました。

まず、Sugar Calendar Eventsに移動し、’Add New Event’ ボタンをクリックしてください。

Adding events to your WordPress blog calendar

日時、期間、定期開催の有無など、イベントに関する情報をすべて追加できます。

まず、イベントに名前を付けます。

How to add events to an online calendar

次に、開始時刻と終了時刻を追加します。イベントが終日続く場合は、「終日」にチェックを入れてください。

もうひとつのオプションは、以下の画像にあるように、開始時間と終了時間を設定することだ。

初期設定では、Sugar Calendarはすべてのイベントを1回限りのイベントとして作成します。しかし、イベントの中には繰り返し行われるものもあります。たとえば、毎週月曜の朝にウェビナーを開催したり、非営利団体のボランティア全員が集まる月例会を開催したりすることができます。

繰り返しイベントを作成するには、’Recurrence’タブを選択し、’Repeat’ドロップダウンからオプションを選択するだけです。

Create a repeating event in WordPress

オプションで「終了日」を設定することもできます。例えば、年末までウェビナーのみを実施する予定がある場合などです。

対面式イベントを開催する場合は、「場所」タブを選択し、このイベントが開催される場所を入力することもできます。

Creating an in-person event with a location

次に、イベントに関する情報を「詳細」ボックスに入力します。

これはWordPressのコンテンツエディターと全く同じように機能するので、画像、動画、書式を追加することができます。

Adding an optional description to an event

また、イベントのページに表示される特集画像を追加することもできます。これにより、ページをより魅力的なものにすることができ、検索結果やソーシャルメディアサイトでも使用される可能性があります。

アイキャッチ画像を追加するには、「アイキャッチ画像を設定」をクリックし、メディアライブラリから画像を選択するか、新規ファイルをアップロードしてください。

How to create an event with a featured image

カレンダー」セクションで、このイベントを追加したいカレンダーを見つけます。

ラジオボタンをクリックして選択します。

Select what calendar to add your event to

新規カレンダー追加」ボタンをクリックするだけで、このセクションに新規カレンダーを作成することもできます。

これにより、新しいカレンダーに名前を付け、親カレンダーに割り当てることができる新しい設定が追加されます。

Creating more digital calendars for your website

情報をすべて入力したら、「公開する」ボタンをクリックするだけです。

カレンダーにさらにイベントを追加するには、このプロセスを繰り返すことができます。

WordPressサイトにイベントカレンダーを追加する

Sugar Calendar WordPressブロックを使って、投稿やページにカレンダーを追加することができます。複数のカレンダーを作成した場合、訪問者はドロップダウンメニューを使って切り替えることができます。

しかし、WordPressで表示したいカレンダーを選択することができるので、訪問者がどのイベントを見るかをある程度コントロールすることができます。

An event calendar on a WordPress website

例として、WordPressの新規ページにカレンダーを追加しますが、どこにカレンダーを追加しても手順は同じです。

まず、カレンダーを設置したいページを開きます。次に「+」アイコンをクリックして新規ブロックを作成し、「Sugar Calendar」と入力します。Sugar Calendarブロックは2つあります:イベントカレンダーとイベントリストです。

イベントカレンダー」ブロックをクリックしてページに追加する。

How to add a Sugar Calendar block to a page or post

WordPressエディターにカレンダーのプレビューが表示されます。

表示するカレンダーを選択するには、ブロック設定の「カレンダー」オプションの下にあるドロップダウンメニューをクリックします。次に、カレンダーをクリックして選択します。

Select which calendars you want to display

複数のカレンダーを表示したい場合は、このプロセスを繰り返して、追加のカレンダーを選択するだけです。

Display multiple calendars with Sugar Calendar

ページを公開したり更新することで、サイト上でカレンダーを公開することができます。

Sugar Calendar demo

カレンダーのイベントの詳細を見るには、そのイベントをクリックするだけです。

イベントのページが開き、日時やその他の詳細が表示されます。

A webinar event page, created using Sugar Calendar

Sugar Calendarには、WordPressテーマのウィジェット対応エリアに追加できるウィジェットもあります。これは、あなたのウェブサイトやWordPressブログのすべてのページにカレンダーを追加する簡単な方法です。

WordPressでウィジェットを追加するには、外観 “ ウィジェットに移動します。ここで、青い「+」ボタンをクリックしてください。

The WordPress widget editor

そして、『Sugar Calendar』と入力してください。

Sugarカレンダーウィジェットにはいくつか種類がありますので、「イベントカレンダー」ウィジェットを選択してください。

The Sugar Calendar widget

カレンダーを表示したいエリアにウィジェットをドラッグ&ドロップするだけです。

この時点で、オプションでタイトルを追加し、カレンダーのサイズを変更することができます。

Configuring the Sugar Calendar widget

初期設定では、プラグインはすべてのSugar Calendarのイベントを表示します。これを変更するには、’カレンダー’ドロップダウンメニューを開き、ページが最初に読み込まれたときに表示したいカレンダーを選択してください。

初期設定では、Sugar Calendar は現在の月を表示しますが、別の月を表示することもできます。この変更を行うには、’初期設定月と年’ フィールドに新しい日付を入力するだけです。

How to set up the Sugar Calendar widget

完了したら、忘れずに「更新」ボタンをクリックしてください。これでサイトにSugar Calendarウィジェットが表示されます。

おまけ:WordPressでFacebookイベントカレンダーを作成する

Facebookにもイベントを投稿していますか?

Facebookのビルトインイベントカレンダーを使用している場合は、このコンテンツをWordPressサイトに埋め込んで、より多くの人に見てもらうというオプションもあります。これらの人々は、あなたのFacebookページを訪問し、イベントに興味があるとマークしたり、ソーシャルメディアであなたをフォローし始めるかもしれません。

Custom Facebook Feed Proは市場で最高のソーシャルメディアフィードプラグインです。WordPressサイトにFacebookのタイムライン、アルバム、動画、イベントを簡単に表示できます。

Embedding a Facebook event calendar in WordPress

ライトボックスのポップアップにイベントを表示することもできるので、訪問者はスケジュール全体をスクロールすることができます。さらに、Facebook Feed Proは最新のイベントを自動的に取得するので、手動でサイトに追加する必要はありません。

イベントフィードを作成した後は、Smash Balloonのユーザーフレンドリーなエディターを使って、フィードの見た目を微調整することができます。このようにして、WordPressテーマにぴったりのソーシャルメディアフィードを作成することができます。

Creating a Facebook event calendar in WordPress

ステップバイステップの詳しい説明は、WordPressでFacebookイベントカレンダーを追加する方法をご覧ください。

この記事で、Sugar Calendarを使ってシンプルなイベントカレンダーを作成する方法を知っていただけたら幸いです。また、WordPressのイベントチケッティングプラグインや WordPressでイベントスキーマを追加する方法についてもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

3件のコメント返信を残す

  1. Glenton

    Is Sugar Calendar abandoned? The plugin has not been updated in over three years.

    • WPBeginner Support

      The plugin is not abandoned the developers are working to update the plugin.

      管理者

  2. Ahmed Omar

    Thank you for the detailed post
    as you mentioned above, it is one of the best plugins for calendar.
    and it is obvious from the available options in the detailed explanation.
    But unfortunately there is no FREE plan on their site.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。