イベントカレンダーWordPressブロックを追加する方法は? Gutenbergチュートリアル

公開: 2025-06-04

目次

Googleカレンダーを使用するように感じるイベントを追加しますが、WordPressで?私たちはあなたのために素晴らしいニュースを持っています - これは可能です!このチュートリアルでは、おそらく最高のWordPressカレンダースケジュールプラグインでこれを正確に行う方法について説明します。なぜ私はとても確信しているのですか?

私が使用するプラグインは、Googleカレンダーのような人気のあるカレンダーアプリを順守するロジックを使用して、イベントを追加および編集するための完全に視覚的なインターフェイスを提供するために作成されています。

WordPressカレンダーの代替品とは異なり、異なるイベントで無制限のスケジュールを構築できます。そして最も重要なことは、それがグーテンベルク時代のために作られており、ブロックエディターに強力な専用イベントカレンダーブロックを提供することです。

イベントカレンダーWordPressブロックの追加とカスタマイズに関する短いチュートリアルは続きますが、最初に、プラグインが提供するものを見てみましょう。

  • 最新のカレンダーレイアウト。
  • 繰り返しイベント。
  • 1時間ごと、終日、または複数日のイベントを表示します。
  • カレンダーレイアウト(WordPressブロックまたはショートコード)をカスタマイズする方法を選択します。
  • イベントのインポートとICAL経由のエクスポート。
  • 同じ時間スロットで複数のイベントをスケジュールします。
  • Googleカレンダーのようなイベントの追加と編集(もちろん)。

WordPressカレンダープラグインレジスタ無料アカウント

必要なWordPressページにイベントとスケジュールを追加する前に、スケジュールを作成するためのオプションを確認しましょう。このために、デモページカレンダーを使用しています。ここでは、無料で独自のバージョンを作成してください。探索するだけです!

ステップ1 - カレンダーとイベントの追加

イベントはWordPressカレンダー内でのみ機能するため、最初のステップはカレンダーを追加することです。

+アイコンを押して、カレンダーを追加して名前を付けます。これはあなただけに見えるでしょう。

イベントカレンダーにカレンダーを追加します。

あなたのビジネスに必要なだけ多くのカレンダーを追加してください!

複数のカレンダーがある場合は、必要なカレンダーの横にあるボックスをチェックしてください。カレンダービューに表示されます。それらをすべてチェックして、すべてのカレンダーのイベントを一度に見てください!

イベントカレンダーDashabord。

新鮮なイベントカレンダーで、毎月、週、日、またはリストなどの好みのビューを選択することから始めます。たとえば、フェスティバルのような複数日イベントを追加する場合、月または週のビューでは、より明確な概要が得られます。

WordPressイベントカレンダーマルチデイイベント。

毎週の学校のスケジュールを作成している場合、日ビューは特定のタイムスロットにレッスンを追加するのに理想的です。

毎週学校の時刻表イベントカレンダー。

イベントの時間を追加すると、必要なカレンダービューを単純なドラッグアンドドロップで実行できます。

イベントカレンダーで時間を選択します。

ドラッグアンドドロップしてタイムスロットを選択すると、ポップアップが表示されます。イベント名を1つに入力するか、繰り返しイベントの時間を追加します(月曜日や木曜日の地理など)。

WordPressイベントカレンダープラグインのイベント。

イベントを提示するには多くのオプションがあります。

  1. カレンダーに違いを生むには、色を選択してください。
  2. 必要に応じて時間をカスタマイズします。たとえば、繰り返しイベントとしてマークします。
  3. 情報を際立たせるために、リンク、太字のテキスト、またはその他のフォーマットを使用した詳細なイベントの説明を追加します。
  4. イベントビジネスに関連するWP分類法:タグ、カテゴリ、場所、およびオーガナイザー。

繰り返しのイベント:ここでは、毎日の繰り返し、毎月、毎月/年に毎日の繰り返しを達成するか、正確な時間に繰り返しを終了するためのルールを適用することができます。

WordPressで繰り返しイベントをカスタマイズします。

たとえば、毎週火曜日にイベントカレンダーに6週間の写真コースを紹介し、自動的に削除したいと思います。以下のようないくつかの設定と - ビンゴ!

イベントを繰り返す例。

主催者やカテゴリなどの分類法は、専用メニューまたはカレンダーの迅速なメニューで簡単に削除および編集できます。>ハンバーガーアイコンをクリックします。

分類がチェックされました。

間違いを犯しましたか?イベントは、このイベントカレンダーWordPressプラグインを使用して、いつでも更新できます - 特定の1つまたはすべてが一度に(イベントの削除に当てはまるかどうか)は、ここで多くの柔軟性を得ます!)。

WordPressのイベントカレンダーでの編集イベント。

1つの画面からスケジュール全体を作成したと信じられますか?それはまさにそうでした - WordPressの完全に視覚的なイベントのスケジューリングがここにあります。

イベントのインポートまたはエクスポート

Googleカレンダーやその他のWordPressイベントカレンダープラグインのどこかにあるので、すべてのイベントをゼロから作成したくありませんか?

問題ではありません。イベントカレンダープラグインで専用のインポートおよびエクスポート機能を使用してください。カレンダー、カテゴリ、タグを指定して、インポートしたイベントを追加できます。

イベントインポートメッセージ。

問題を回避するために、既存のイベントがそのまま残っているかどうかを選択するか、インポートされたデータからの変更でそれらを更新するかどうかを選択できます。

同様に、Motopress Eventsカレンダープラグインを使用してカレンダーを構築した場合、エクスポートメニューを使用してイベントを外部カレンダーに簡単にトランスポートできます。

WordPressのカレンダーとイベントの編集は、ドラフトで動作します。カレンダーは、特定のショートコードまたはブロックを含むページが公開されている場合にのみ、公開されます(サイトに表示されます)。それでは、そのブロックまたはショートコードを追加する方法は?

この質問に答えるために、次のステップにジャンプしましょう。

ステップ2 - WordPressにスケジュールを追加します

さて、最も興味深い部分!作成したイベントスケジュールをサイトに表示する方法は?

1。ブロックエディター(Gutenberg)

これは、WordPressイベントカレンダーWordPressプラグインのGutenbergチュートリアルであるため、Gutenbergのページにカレンダーを追加することから始めましょう。

まず、イベントカレンダーブロックをページにドラッグアンドドロップします。

イベントカレンダーWordPressブロック。

次に、ブロック設定を開き、レイアウトをカスタマイズします。ここにいくつかの重要なことがあります:

  • イベントを表示するカレンダーを選択します。
  • WordPressブロックエディター設定。

  • デフォルトビュー(月、週、日、リスト)を選択します。ウェブサイトの訪問者は、サイトのフロントエンド側に切り替えることができます。
  • 時間枠(「グリッド時間間隔」)を選択して、時刻表を表示する必要がある時間を選択します。
  • グリッドビュータイムイベントカレンダー。

  • あなたが操作する日のみを示します - 残りを隠します。
  • カレンダーの隠された日。

  • 日が始まり、終了したら選択します。
  • 1日は、WordPressのMotopressイベントカレンダープラグインの設定から始まります。

  • 必要に応じて、カレンダーに特別に適用されるカスタムCSSを追加します。

さらに、ブロックをクリックして、コンテナ設定を使用してカレンダーコンテナの幅をカスタマイズできます。
イベントカレンダー幅レイアウト。

また、ブロックエディターには多くのクールなプリメイドブロックパターンが利用可能であるため、スケジュールに向けてよりスタイリッシュな背景とレイアウトを簡単に選択できます。

私たちが愛するWordPressブロックのテーマを発見してください。

2。ショートコード付き

WP伝統主義者の場合、イベントカレンダーショートコードが存在し、心配はありません。

さらにユーザーフレンドリーにするために、イベントカレンダープラグインには、組み込みのショートコードビルダーが付属しています。

イベントメニューで見つけてください>ハンバーガーメニューアイコンをクリックして>「ショートコード」を見つけて、それをクリックします。

ショートコードを構築するための使いやすいメニューがあります。ここでは、カレンダー、時間範囲、グリッド間隔、および表示する日を選択する必要があります。

イベントカレンダーショートコードコピー。

実際、上記のブロックで見た同じ設定!

準備ができたら、ショートコードをコピーして、カレンダーを表示するページに貼り付けます。

クラシックエディターでは、直接貼り付けます。ブロックエディターで、最初にショートコードブロックを追加してから、貼り付けます。

イベントカレンダーWordPressブロックでプレビューして変更を保存することを忘れないでください!

イベントカレンダーWordPressプラグインを使用する最も簡単な方法

Gutenbergでブロックとショートコード(ショートコードビルダー付き!)として完全に機能するWordPress用のシンプルで強力なイベントカレンダープラグインが必要な場合は、MotopressのイベントカレンダーWordPressプラグインがあります。

主な利点は何ですか?生産的で幸せな状態を維持し、ビジネスに役立つ柔軟なスケジュールを構築するためのすべてのツールを提供します。

WordPressカレンダープラグインレジスタ無料アカウント