AutomatticでWordPressイベントブロックを使用する方法
公開: 2021-07-29WordPressの親会社であるAutomatticは、すでに最も有名なWPプラグインのいくつかを公開しています。 WooCommerce、Jetpack、Akismet、BuddyPress、bbPress…そしてリストは続きます。 今、彼らはすでに長いリストに別の強力なプラグインを追加しました：イベントブロック。 これは、あなたが何を考えているのかをユーザーに知らせるための非常にシンプルなソリューションです。
イベントブロックとは何ですか？
WordPress 5.8の多くの新しいブロックとは異なり、イベントブロックは、エディター自体のブロックディレクトリではなく、プラグインリポジトリから手動でインストールする必要があります。
Automatticのモダンなデザイン哲学の本質は、このプラグインで本格化しています。 シンプルで使いやすく、スタイリッシュです。 管理パネルでプラグインに移動し、検索またはアップロードしてインストールするだけです。 その後、プラグインリストにイベントとして表示されます。
ブロック自体を使用すると、イベント、時間、場所の説明を追加したり、訪問者に表示されるカードに写真を追加したりできます。 さらに、ブロック固有のオプションと設定を調整して、ブロックをサイトのデザインと表示しているイベントの外観により適合させることができます。
投稿またはページにイベントブロックを追加する方法
プラグインをインストールしたら、ページにイベントブロックを追加するのは簡単です。 WordPressブロックエディターで、 +ボタンを押すだけで新しいブロックを追加できます。 このボタンは、上部のツールバーまたは空のブロックの右側にあります。
ブロック選択サイドバーが表示されます。 インストールされているブロックのセット全体をスクロールして参照すると、[ウィジェット]セクションでイベントブロックを見つけることができます。 イベントを検索してすぐに見つけることもできます。 （イベントを検索してもブロックはプルアップされないことに注意してください。）
各ブロックには、1つのイベントのカードが表示されます。 これを使用してフェスティバルや一連のイベント（複数日にわたる演劇の上映時間など）を表示することを計画している場合は、その情報を説明に含めるか、個々のショーごとに複数のカードを作成する必要があります。
イベントブロックの設定とオプション
上で述べたように、含まれていない1つのオプションは、一連のイベントを紹介できることです。 技術的には、さまざまな日付を紹介することはできません。 そうは言っても、EventBlockプラグインで何ができるかを正確に確認しましょう。
イベントの日付を設定するには、[日付を選択]ボタンをクリックするだけです。 ポップアウトカレンダーが表示され、イベントが発生している日時を選択できます。 時刻を選択しない場合、デフォルトで日付を選択した時刻になります。 日付がボタンに置き換わり、ブロックの左上隅に表示されます。
その他のフィールド（タイトル、場所、説明）は、関連情報を入力するための単なるテキストボックスです。 それらは本質的にかなり自明です。
ただし、このカードの主な欠点は、場所をクリックできないことです。 それらをマップにリンクさせるには、ブロックまたは他の方法を使用して、投稿に個別にマップを含める必要があります。 電話番号は、デフォルトで携帯電話でクリック可能です。
説明ボックスまたは場所ボックス内の任意のテキストにハイパーリンクを設定できることに注意してください。 つまり、Googleマップにアクセスしてイベントの場所を入力すると、その検索のURLを取得し、必要に応じて場所のテキストを使用してハイパーリンクを作成できます。 これは理想的なソリューションではありませんが、他のプラグインを追加せずに使用できる最良のソリューションである可能性があります。
イベント画像は、基本的にイベントブロックの横に配置された画像ブロックです。 ブロックに合うように伸びます。 フォーカルポイントピッカーの見出しの下に青い円を配置することで、右側のブロック設定で画像のフォーカスを調整できます。
その下には、 [色の設定]セクションがあります。 ブロック全体の背景とテキストの色を設定して、これらを使用して選択した方法でブロックを調整できます。
幸いなことに、エディターには、色の組み合わせにあまり目がない人に警告が表示され、選択した組み合わせが読みにくい場合は警告が表示されます。
イベントブロックの最良のオプションは、サブブロックを追加できることかもしれません。 説明の後にEnter / Returnを押すだけで、ベースエディタと同じように別の+ボタンが表示されます。 ここから、イベント自体の中に他のブロックをいくつでも追加できます。 他のイベントでも。
イベントブロック内の個々の要素は、個別に調整できます。 新しく作成したイベントブロックは、すでに作業している投稿またはページの小さなコンテンツ領域のように扱うことができます。 各サブイベントには、独自のデザインと画像、および各段落ブロックなどを含めることができます。 選択したブロックに応じて、ブロックのオプションはすべてブロックオプションサイドバーの右側に表示されます。
イベントブロックプラグインの最後のオプションは、イベント自体を中央揃えの要素として表示するか、コンテンツ領域の幅を拡大するかです。
コンテキストメニューでは、配置アイコンからどちらかを選択できます。 どちらを選択しても、その中で作成したサブブロックは、変更に対応するように調整されます。 画像は指定した場所に焦点を合わせますが、幅が許せば拡大してベース画像をより多く表示します。
イベントブロックを効果的に使用するためのヒントとベストプラクティス
イベントブロックプラグインはシンプルで強力であり、それを使って多くのことができます。 ここでは、ゲストに目立つようにするためのヒントをいくつか紹介します。
1.色を使用する
イベントブロックで色のオプションを無駄にしないでください。 デザインを調整できることを利用して、ページデザインだけでなく、イベント内および同じページ上の他のブロックを補完することができます。
また、イベントブロック自体の中でブロックを使用する場合は、ユーザーがそれらに気付く可能性が高くなるように、コンテナーから目立つようにスタイルを設定してください。
2.適切なサイズの画像を使用する
本当に、画像はイベントを作ったり壊したりすることができます。 あなたのイベントが刺激的または魅力的に見えない場合、人々は参加したいと思う可能性が低くなります。 さまざまなサイズや形でイベントを表現するのに役立つ高品質の画像を使用するようにしてください。 画像は反応が良く、スペースに応じて配置を調整するため、特に何もない粒子の粗い写真を設定することができます。
常に画像をテストして、複数の側面で適切に表示されることを確認してください。
3.サブブロックを活用する
イベント自体に無料のブロックを追加することを恐れないでください。 もちろん、ページコンテンツにいくつか追加することはできますが、その情報を確実に監視したい場合は、イベントブロック内に埋め込むのが最善の方法です。
たとえば、WordPressにはデフォルトが1つもなく、イベントブロックはデフォルトでクリック可能なアドレスをレンダリングしないため、イベント内でDiviブロックを使用してマップモジュールを使用できます。 （必要に応じて、ハイパーリンクを使用してGoogleマップのURLをその場所に貼り付けることもできます。）
4. [パターン]タブを試してください
WordPress 5.8では、エディターに[パターン]タブが導入されました。 イベントブロックプラグインと組み合わせて、非常に少ない労力で非常に魅力的なページデザインを作成できます。
ブロックを追加できる状況では、左側のサイドバーの[パターン]タブを選択できます。 いずれかを選択すると、テンプレートに追加され、そこから移動できます。 上の画像では、パターンが配置された各列の下部と、デフォルトのページ列にイベントブロックを追加しただけです。 グーテンベルクエディターではどこでも調整できるため、独自のパターンを作成してみることができます。 そうすれば、イベントが標準のグリッドやリストのラインナップで失われることはありません。
結論
イベントブロックプラグインは、最初は堅牢に見えない場合があります。 しかし、少し考え抜かれたデザインとオプションを突っ込んで、1つでどんなページでも飾ることができます。 利用可能なすべての種類のサブブロックとその中に他のイベントをネストする機能を備えたイベントブロックは、ほぼすべての種類のサイトを確実に強化します。 対面式のイベント、仮想パーティー、または大きな発表の単なるプレースホルダーであるかどうかにかかわらず、このプラグインはおそらくそれを行う最も簡単な方法です。
これまで、Event Blockプラグインでどのようなことをしましたか？
Viktoria Kurpas /shutterstock.comによる記事特集画像