WordPressで営業時間を追加する方法–最も簡単な方法

公開: 2022-04-10

あなたがオンラインまたはオフラインでビジネスを運営しているとき、あなたの顧客はあなたに多くの質問をすることを熱望しています、そしてそれらの1つはあなたの営業時間についてであるべきではありません。 なぜそうなのか? これはあなたのウェブサイトに常に明確に述べられるべき基本的な情報であるため、それに加えてWordPressに営業時間を追加することはロケット科学ではありません。 この情報をWebサイトに表示して、誰もが見て知ってもらうことができるのに、なぜあなたはあなたの労働時間について顧客と話すのに時間を無駄にするのでしょうか?

WordPressで営業時間を追加することは、専門知識を必要とする複雑な手順であると考えるなら、間違いはありません。 Elementor用のQiAddonsのようなツールを使用すると、数回クリックするだけでスタイリッシュな営業時間ウィジェットをWebサイトに追加できます。

  • Elementor用のQiアドオンを使用してWordPressの営業時間を追加
  • ウィジェットのコンテンツのカスタマイズ
  • ウィジェットのスタイルを調整する

Elementor用のQiアドオンを使用してWordPressの営業時間を追加

Elementor用のQiAddonsは、直感的でユーザーフレンドリーなツールで、すばらしいデザインが付属し、機能性に加えて美しさをWebサイトに追加します。 それは非常に用途が広く、同時に強力です。 これには、現在Web上にある無料のアドオンの最大のコレクションが含まれています。60個の無料ウィジェットを使用すると、完全な初心者でも、コード行なしで便利な要素を使用してWebサイトを簡単に改善できます。

ElementorのQiアドオンは、ビジネスのすべての要素を効果的かつスタイリッシュに表現するために必要なすべての機能を提供します。 クリエイティブ、グラフィック、タイポグラフィ、Woocommerce、SEO、ショーケース、その他多くのアドオンから選択して、Webサイトを充実させることができます。 さらに、すべてのWordPressテーマと互換性があることを確認できます。

これを使用するには、WebサイトでElementorページビルダーがアクティブになっていることを確認するだけです。 インストールと使用は簡単で、最初から特別な構成は必要ありません。

Install Qi addons for Elementor

プラグインをインストールしたら、営業時間ウィジェットを追加するページに移動します。 選択したページが表示されたら、必ずElementorエディターに切り替えてください。 これが決まったら、左側のメニュー検索フィールドに「勤務時間」と入力してウィジェットを見つけます。

Working hours

ページにウィジェットを追加するには、ウィジェットをページ上の目的の場所にドラッグアンドドロップするだけです。 ウィジェットは、デフォルトでタイポグラフィの点でWebサイトのスタイルに一致しますが、必要な場合、または単に何かを変更したい場合は、ウィジェットをさらにカスタマイズできます。

Add Opening Hours in WordPress

ウィジェットのコンテンツのカスタマイズ

それでは、ウィジェットをカスタマイズする方法を見てみましょう。 まず、コンテンツを調整します。 そのために必要な設定は、[一般]タブメニューに一覧表示されます。 営業時間ウィジェットに独自のサブタイトルとタイトル、およびテキストを追加できます。 指定されたフィールドに字幕とタイトルを入力するだけです。 フォントと色を簡単に変更したり、ウィジェットのテキストセクションに特別な記号を追加したりできます。

Customizing the Content of the Widget

勤務時間を変更するには、下にスクロールすると、メニュー項目の設定が表示されます。 ここに勤務時間を入力します。 デフォルトでは、カスタマイズするアイテムは5つありますが、必要に応じて追加または削除できます。 アイテムをクリックするだけで設定が開き、調整が行われます。

Menu Items settings

この例からわかるように、勤務時間のアイテムメニューにアイコンを追加することができます。 アイコンライブラリからアイコンをアップロードするだけです。 ここでフォントの色を変更するか、グローバルな色設定を選択することもできます。これは、アイテムがサイトのスタイルと一致することを保証する最も安全なオプションです。

これらはすべて、ウィジェットのコンテンツに関する基本設定です。 下にスクロールすると、さらにいくつかのタブが表示されます。すべての変更がすぐに表示され、行ったことが気に入らない場合は簡単に元に戻すことができるため、タブが提供するオプションを調べることをお勧めします。

Explore the options

ウィジェットのスタイルを調整する

これで、ウィジェットのスタイル設定を続行できます。 最初に、ウィジェット内のアイテムのスタイリングオプション(稼働日と営業時間)が表示されます。 アイコンを選択した場合は、ここでサイズと色を調整します。 アイテムの色とタイポグラフィを変更するためのオプションは以下のとおりです。

Adjusting the Widgets Style

日と時間の間の線を異なるスタイルにすることもできます。 点線、2重、破線、実線、または溝のスタイルから選択でき、線を間にするか、曜日と時間に下線を付けるか、またはまったく持たないことを選択することもできます。

Set the line between the days and hours

ウィジェットの背景色を変更することも可能です。 下にスクロールすると、左側のメニューの次のタブは[一般的なスタイル]になり、背景色を選択したり、画像やビデオを背景として追加したりすることもできます。

Change the widgets background color

ウィジェット内のテキストコンテンツの一部に関して何かを変更したい場合は、ウィジェットの各部分に戻る必要はありません。 [テキストスタイル]タブをクリックして、すべての調整を行うことができます。

Text Style tab

テキスト間の間隔についても同じことが言えます。 変更したい場合は、 [間隔のスタイル]タブまで下にスクロールして、自分に合ったものを確認してください。 スライダーを左右に動かして、変更がリアルタイムでどのように有効になるかを確認するだけで、何が効果的かをすぐに判断できます。

Spacing Style tab Opening hours

[詳細設定]タブには、このウィジェットの外観を微調整するための多くのオプションがあります。 位置、境界線、背景、およびその他の多くのパラメータをより正確に設定できます。

Add Opening Hours Advanced options

当サイトのデザインに合ったシンプルなスタイルを選びました。

Opening Hours in WordPress Example

結論は

非常に多くのオプションがあるため、1つのチュートリアルでそれらすべてを網羅することは不可能です。 この記事で言及しなかったオプションも自由に調べてテストしてください。 間違いはありません。QiAddonsは非常に使いやすく、ウィジェットのコンテンツとスタイルを完全に制御できます。

この記事がお役に立てば幸いです。 あなたがそれを好きなら、これらの記事のいくつかもチェックしてください!

  • 前後のスライダーをWebサイトに追加する最も簡単な方法
  • お問い合わせフォームをカスタマイズする方法7簡単な方法でスタイルを設定
  • 最も刺激的なビジネスウェブサイトの例