ホームページのヘッダー・フッターを編集する

企業ホームページのヘッダーとフッターは、プロジェクトに関心を持つ見込み客に対して大きな印象を与える可能性があります。そのため、どちらも有用な情報を提供し、前向きな印象を与えることが重要です。

ヘッダーはホームページ上部のセクションで、ロゴやナビゲーションメニュー、場合によっては連絡先情報やアクションボタン（行動のきっかけとなるボタン、例：資料請求ボタン）などが含まれます。すべてのページに表示されるため、訪問者が主要なリンクを見つけるのに役立ちます。

フッターはホームページの最下部に位置し、連絡先、ソーシャルメディアのリンク、プライバシーポリシーなどが含まれることが多いです。ヘッダーと同様に、すべてのページに表示されます。

本記事では、Houzz Pro の Web サイトサービスで構築したホームページにおいて、ヘッダーとフッターを編集する方法を説明します。

ヘッダーを編集するには、ヘッダー部分をクリックし、右上に表示される［ヘッダーの編集］ボタンをクリックします。

すると、ヘッダーの設定を行う画面が表示されます。ここでは、ロゴの設定、ナビゲーションメニューの並び替え、レイアウトの変更、必要に応じて広告バナーの設定が可能です。

編集したら［保存］ボタンをクリックし、ページ右上の［変更を公開する］ボタンをクリックしてください。

ナビゲーションメニューの編集

ナビゲーションを編集するには、ヘッダーの設定画面の左側で［メニュー］を選択します。

上部には、ホームページ上に表示される順番でメニューのリンク（ページ）一覧が表示され、下部には、リンクされていないページが一覧で表示されます。

メニューにページを追加するには、下部のリンクされていないページをドラッグ＆ドロップして、上部のリンク済みリストの希望位置へ移動します。

また、リンクされていないページの右横にある「＋」アイコンをクリックするとメニューに追加でき（メニューの一番うしろに追加されます）、リンク済みページの右横にあるゴミ箱アイコンをクリックするとメニューから削除できます。

ドロップダウンメニューの作成

ドロップダウンメニューを使うことで、関連するページをまとめて特定メニューのサブメニューにすることができ、ナビゲーションをすっきり整理できます。

それには、　「メニュー」セクションの右上にある［ドロップダウンメニューの作成］ボタンをクリックします。

すると、フォルダーのアイコンが付いたドロップダウンメニューが追加されるので、名前（ヘッダーで表示される名称）を付け、チェックマークをクリックして名前を保存します。

そして、その下にサブメニューとして表示するリンク（ページ）を、ページ一覧からドラッグ＆ドロップして、このドロップダウンメニューの下に入れます。

そうすると、下記のようなサブメニューを含んだメニューを構成できます。

広告バナーの追加

広告バナーはヘッダーの真上に表示されるカスタマイズ可能な帯上のセクションで、短い広告メッセージ、連絡先、またはアクションボタンを表示するのに適しています。

広告バナーを表示するには、ヘッダーの設定画面の左側で［広告バナー］を選択します。そして、「広告バナーを有効にする」ラジオボタンをオンにします。

すると、広告バナーの詳細設定が表示されます。「広告バナーの内容」の欄に広告メッセージを入力します。ただし、連絡先やボタンのみを表示したい場合は、［スペース］キーを一度押して広告メッセージは空欄にすることも可能です。

チェックボックスで連絡先情報の追加・削除を行い、「アクションボタン」のラジオボタンでアクションボタンを有効にするかどうかの設定をします。

フッターを編集するには、フッター部分をクリックし、右上に表示される［フッターの編集］ボタンをクリックします。

すると、フッターの設定を行う画面が表示されます。ここでは、レイアウトの調整、コンテンツの追加・削除、問い合わせボタンの有効・無効、プライバシーポリシーの表示設定が可能です。

編集したら［保存］ボタンをクリックし、ページ右上の［変更を公開する］ボタンをクリックしてください。

問い合わせボタン

フッターに問い合わせボタンを追加したい場合は、フッターの設定画面の左側で［問い合わせボタン］を選択します。そして、そして、「問い合わせボタンを有効にする」ラジオボタンをオンにします。

すると、問い合わせボタンの詳細設定が表示されます。冒頭のメッセージを編集でき、ボタンのスタイルを変えるために、種類を「メイン」から「サブ」へ変更することも可能です。

すると、画面の下の特定位置に、常に問い合わせボタンが表示されるようになります。