ホームページ > CMS チュートリアル > &#&プレス > 無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

王林
リリース: 2023-09-04 17:25:05
オリジナル
1239 人が閲覧しました

多くの企業は、イベント カレンダーを顧客と共有する必要があります。たとえば、レストランはイベント カレンダーを使用して、特別な音楽イベントや休日のメニューを宣伝できます。同様に、学校は Web サイトのイベント カレンダーを使用して、スポーツ、試験、その他の活動に関連する今後の学校イベントを生徒や教師に知らせることができます。

イベント カレンダー プラグインは、個人がやるべきさまざまなことを追跡したい場合にも役立ちます。たとえば、イベント カレンダー プラグインを使用して、友人や家族の誕生日などの重要な会議やイベントにマークを付けることができます。

このチュートリアルでは、無料の My Calendar WordPress イベント管理プラグインを使用してイベントを作成する方法を学びます。このプラグインには多くの素晴らしい機能があり、このチュートリアルではそれらを使用します。

私たちが構築するもの

このチュートリアルの焦点は、企業がパーティー、結婚式、美術展など、自社が管理するすべてのイベントにマークを付けることができるカレンダーを作成することです。彼らは、将来および過去のすべてのアクティビティを確認できるようになります。

無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

#イベントを簡単に識別できるように色分けします。ユーザーは特定のイベント カテゴリをクリックすると、カレンダー内で一致するイベントのみを表示できるようになります。いずれかのイベントをクリックすると、イベントの時間や場所など、イベントに関するすべての基本情報がポップアップ表示されます。

プラグインをインストールすることから始めます。次に、いくつかの設定を変更して入力と出力を変更します。その後、いくつかのイベント カテゴリを作成し、いくつかのイベントの場所を追加して、最後にイベントをカレンダーに追加します。

さらに、Web サイトの他の部分と調和するように、イベント カレンダーの外観にいくつかの変更を加えることも必要になるでしょう。したがって、最後のステップでは、独自の CSS ルールをいくつか追加して、カレンダーに表面的な変更を加えます。

イベントカレンダーの作成

###設定###

イベント カレンダーを作成する最初のステップは、「My Calendar」プラグインをインストールすることです。プラグインをインストールしてアクティブ化したら、管理ダッシュボードで

マイ カレンダー > 設定

に移動します。そこにはたくさんのタブが表示されます。

[一般]

をクリックし、イベント カレンダーを表示するページの ID を指定します。私たちの場合は 118 です。このステップはオプションです。最初のイベントを公開すると、プラグインによってイベント カレンダー ページが自動的に作成されます。ただし、特定のページにイベント カレンダーを表示する方法を知っておくとよいでしょう。

このプラグインを使用して新しいキャンペーンを作成するときは、そのキャンペーンに関する詳細を入力する必要があります。これには、イベントの場所、簡単な説明など、多くのものが含まれる場合があります。これらの入力フィールドのすべてがデフォルトでアクティブになるわけではありません。したがって、次の図に示すように、[無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょうInput

] タブに移動して、表示するフィールドをチェックする必要があります。

イベント カレンダー ページには、カレンダー自体に加えて、多くのボタンやドロップダウン メニューがあることに気づいたかもしれません。これらのボタンが表示される順序は、無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょうOutput

タグの設定によって制御されます。要素を上下にドラッグして、特定の順序で表示できます。要素を表示しないようにするには、要素を

hidden 行の下にドラッグするだけです。

ユーザーがイベントをクリックした後、ポップアップ ウィンドウでユーザーに表示される情報を制御するには、無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう単一イベントの詳細

の下にあるチェックボックスをオンにします。

イベント カテゴリの作成無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

すべての設定が完了したので、イベント カレンダーの実際のコンテンツを作成します。

まず、さまざまなイベントにラベルを付けるためのいくつかのカテゴリを追加します。このプラグインは、特定のカテゴリのイベントのみを表示するオプションをユーザーに提供します。イベントをさまざまなカテゴリに割り当てたら、この方法でフィルタリングできます。

新しいカテゴリをカレンダーに追加するには、

[マイ カレンダー] > [カテゴリの管理]

に移動し、カテゴリの名前とラベルの色を指定します。 [

カテゴリ アイコン] ドロップダウン リストからアイコンを選択して、カテゴリの前にアイコンを表示することもできます。

カテゴリの詳細をすべて追加した後、「無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょうカテゴリの追加

」ボタンをクリックして、イベント カレンダーにカテゴリを追加します。

イベントの場所を追加

あなたが企画するイベントは必ずどこかで開催されます。このプラグインは、さまざまなイベントの場所を指定するのに優れた機能を果たします。

[マイ カレンダー] > [新しい場所の追加] に移動して、カレンダー プラグインに新しい場所を追加できます。次のページには、場所のさまざまな詳細を求める多数の入力フィールドが含まれています。これには、住所、都市、郵便番号、国などの一般的な情報が含まれます。これらの値をすべて入力する必要はありません。これらの詳細の一部は省略できます。

上部に場所の名前を入力していることを確認してください。これにより、イベントの作成時にドロップダウン メニューでこれらの場所を簡単に識別できるようになります。

この例では、米国ケンタッキー州に美術展の場所を追加します。住所は架空のものですが、詳細情報を入力する方法がわかります。

無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

プラグインは、指定した住所を含む Google マップへのリンクをユーザーに提供します。これにより、インシデントがどこで発生したかを正確に把握しやすくなります。プラグインに追加した場所は、[マイ カレンダー] > [場所の管理] をクリックして編集できます。

イベントを追加

イベント カレンダーへのイベントの追加を開始できるようになりました。イベントを追加するには、

[マイ カレンダー] > [新しいイベントの追加]

に移動します。

次に、イベントのタイトルと説明を入力します。タイトルはイベントカレンダーの日付内に表示されます。ユーザーがポップアップの 続きを読む

リンクをクリックすると、キャンペーンの説明ページに説明が表示されます。ドロップダウン メニューからイベント カテゴリを

Exhibition に設定します。

イベントの日時を指定できるようになりました。カレンダーに追加したイベントの少なくとも一部は、定期的なイベントである可能性があります。この場合、定期的なイベントをすべてカレンダーに 1 つずつ追加すると、非常に時間がかかります。 無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

作業を簡単にするために、My Calendar プラグインにはイベントの繰り返しパターンを指定するオプションが用意されています。つまり、イベントを繰り返す回数と繰り返す頻度を指定できます。

チュートリアルの開始時に、イベントの簡単な説明入力フィールドを有効にするボックスをオンにしました。これにより、イベントの短い概要を提供できるようになり、ユーザーがカレンダー内のイベントをクリックするたびにポップアップ ウィンドウに表示されます。 無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

[新しいイベントの追加]無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう ページの下部でイベントの場所を指定できます。この例では、「

Art Exhibition (Kentucky)

」を選択するだけです。その後、ページの上部または下部にある Publish ボタンをクリックします。 イベントカレンダーのスタイルを変更する このチュートリアルのすべての手順を完了すると、イベント カレンダーは下の画像のようになります。下の画像とスタイルが異なる場合は、

マイ カレンダー > スタイル エディター

に移動し、サイドバーのカレンダー用のドロップダウンからメイン スタイルシートとして

twentyeighteen.css

ファイルを選択します。 カレンダーに適用できるテーマは他にもたくさんあります。一番好きなものを選んでください。それらの一部 (

inherit.css

など) は、テーマ内のほとんどのスタイル ルールがカレンダーに自動的に適用されるように、提供するスタイルをできる限り少なくするように設計されています。

p>スタイル エディター ページには、選択したファイルのカレンダーに適用されるすべての CSS ルールが表示されます。ここでさまざまな変更を加えることができ、変更はイベント カレンダー ページに反映されます。

無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょう

ここでは、表のタイトル、タイトル、下部のカテゴリの凡例など、さまざまな要素に適用される間隔とフォントを調整するだけです。また、カレンダーの外観を好みに合わせて調整するために、独自のスタイル ルールをいくつか追加します。

イベント カレンダーに追加したすべてのルールは次のとおりです。これらをスタイル エディターの下部に配置するだけで、下部の

Save Changes

ボタンをクリックすると、変更がイベント カレンダー ページに反映されます。

リーリー

次に、イベント カレンダー ページに移動し、追加したイベントの 1 つをクリックします。これにより、時刻、場所、イベントの簡単な説明など、イベントの基本的な詳細がすべて表示される素敵なポップアップ ウィンドウが開きます。 ############最終的な考え######

このチュートリアルでは、My Calendar プラグインを使用して Web サイトの基本的なイベント カレンダーを作成する方法を学びました。このプラグインを使用すると、イベントや簡単な説明の作成と追加が非常に簡単になります。

ただし、このプラグインには、ウィジェットや、支払いオプションやユーザーがイベントに関するコメントを追加できる機能などの追加機能を提供するより高度な説明ページなど、いくつかの機能がまだありません。プラグインのスタイルも少し難しいです。ウェブサイト用のより高度なイベント カレンダー プラグインが必要な場合は、CodeCanyon の WordPress イベント カレンダー プラグインをチェックしてください。

以上が無料の WordPress カレンダー プラグインを使用してイベント カレンダーを紹介しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート