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で簡単なイベントカレンダーを作成する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトにイベントカレンダーを追加したいですか?

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

この投稿では、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」ボタンをクリックし、ライセンスキーが正しいことを確認します。最後に、「変更を保存」をクリックして設定を保存します。

Verifying the Sugar Calendar license in WordPress

新規カレンダーの作成

カレンダー” カレンダー でカレンダーを作成することができます。

ここで「カレンダー」タブをクリックする。

Creating a new calendar in WordPress

カレンダーを追加」ボタンをクリックしてください。

これでポップアップが開き、「名前」フィールドにタイトルを入力できる。

Giving your simple event calendar a name

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

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

How to switch between calendar views in WordPress

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

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

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

Settings a parent calendar in Sugar Calendar

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

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

Organizing the calendars on your WordPress blog

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

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

Creating a color-coded WordPress calendar

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

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

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

まず、「イベント」タブを選択し、「イベントを追加」ボタンをクリックします。

Adding events to your WordPress blog calendar

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

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

How to add events to an online calendar

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

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

Adding a date and time to an event

初期設定では、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

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

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

How to add an event to a calendar in WordPress

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

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

Creating more digital calendars for your website

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

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

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

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

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

An event calendar on a WordPress website

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

まず、カレンダーを設置したいページを開きます。次に「+」アイコンをクリックして新規ブロックを作成し、「ショートコード」と入力します。正しいブロックが表示されたら、クリックしてページに追加します。

How to add a shortcode block to a page or post

すべてのカレンダーのイベントを個別表示したい場合は、以下のショートコードを追加するだけです:[sc_events_calendar] を追加するだけです。

特定のカレンダーを読み込みたい場合は、ショートコードにそのカレンダーの名前を追加する必要があります。例えば、’webinar’ という名前のカレンダーのイベントだけを表示するには、次のようにします:[sc_events_calendar category="webinar"] とします。

詳しくは、WordPressでショートコードを追加する方法をご覧ください。

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

A calendar, created using Sugar Calendar

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

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

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サイトにWebプッシュ通知を追加する方法についてのガイドもご覧ください。

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$編集プロセスをご覧ください。

Avatar

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

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

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ahmed Omar says

    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.

返信を残す

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