If you want your users to find the website or business brief information quickly, then the ElementsKit header Info widget is a great choice. It helps you to add important information, style the header’s look, and customize it with any essential link. Thus, the website visitors can see the contact number, address, email id, etc., without scrolling much.

ヘッダー情報の追加 #

Web サイトのヘッダーに見出し情報を追加する必要があります。既存のヘッダーに追加することも、新しいヘッダーを作成することもできます。

1. From your Dashboard, go to ElementsKit Header フッター
2. Click Header tab
3. Add New Template and edit with Elementor

Edit -> Find Header Info widget -> Drag and drop & start editing

ヘッダー情報 #

Here, you can add items like phone number, address, email ID, etc. by clicking the “+” sign. For example, if you

• Header Info: Write header information that you want to show.
• アイコン： Upload SVG or choose from the library
• 文章： ヘッダー情報の追加または編集
• リンク： リダイレクトリンクを提供する
• 必要に応じて新しいアイテムを追加

スタイル #

ここには、好みに応じて余白、パディング、テキストの色、背景色、タイポグラフィ、アイコンの色、アイコンのサイズ、アイコンの間隔をカスタマイズするオプションがあります。 

これがヘッダー情報のカスタマイズの最終出力です。

ElementsKit は常に簡単な設定を提供して、労力を軽減します。このウィジェットが便利で、ヘッダー情報のカスタマイズを楽しんでいただければ幸いです。