Jetpack 営業時間ブロック

サイトに営業時間を表示するには、営業時間 ブロックを使用します。

営業時間ブロックは、Jetpackに接続されたすべてのサイトで利用でき、無料のJetpackプラグインに含まれています。Jetpackブロックの一部であり、デフォルトで有効化されています。利用可能なブロックと有効化方法については、Jetpackブロックの記事をご覧ください。

営業時間ブロックを設定するMD

ブロックセレクターのJetpackセクションから検索または選択して、Business Hoursブロックを追加できます。Business Hoursブロックは、緑色の時計アイコンで見分けられます。

追加すると、曜日と営業時間が表示されます。営業時間は月曜日から金曜日まで、デフォルトで09:00から17:00に設定されています。営業時間を調整するには、変更したい値をクリックし、新しい値を入力するか、ドロップダウンメニューから時と分を選択します。

各曜日に営業時間を追加するには、営業時間を追加をクリックして、追加の営業時間を入力します。

日を休業または営業に設定するには、営業／休業の切り替えをクリックします。切り替えが青色の場合は「営業」と表示され、オフにするとボタンが白色になり「休業」と表示されます。

営業時間ブロックの表示と設定MD

エディター画面でブロックを選択した状態で、ブロックツールバーの幅のアイコンをクリックすると、ブロックの幅の配置を選択できます。配置設定によって、サイト上でのブロックの表示方法が変わります。

各曜日の営業時間を設定したら、営業時間ブロックの外側（エディター内の他の場所）をクリックします。サイト上でのブロックの表示イメージを確認できます。

ブロックを公開したページまたは投稿を表示またはプレビューすると、ブロックは同様に表示されます。ただし、テキストの実際のスタイル（フォント、色、間隔）はテーマによって決まります。

営業時間ブロックのレイアウト設定MD

すべてのブロックにはエディターのサイドバーに固有のオプションがあるため、これらのオプションはブロックツールバーから確認できます。サイドバーが表示されない場合は、公開ボタンの隣にある歯車アイコン（車輪）をクリックすると、ブロックのオプションが表示されます。

カスタマイズできるレイアウトオプションは次のとおりです。

• 色：ブロックのテキストと背景にカスタムカラーを設定します。
• タイポグラフィ：フォントサイズと行の高さを選択します。
• 寸法：カスタムのパディングとマージンの値を追加して、ブロック内とブロック周辺の間隔を変更します。
• 高度な設定：ブロックにCSSクラスを追加し、カスタムCSSを記述して、好みに合わせてブロックのスタイルを設定します。

プライバシー情報MD

営業時間ブロックはデフォルトで有効化されています。無効化することはできず、常にブロックセレクターから選択できます。