【Elementer Header & Footer Builderでオシャレなヘッダーを作りましょう！】ヘッダーの作り方①ヘッダーに必要な情報をそろえましょう

こんにちは、Leycoです。

「すべての人がwebを使って自由に表現できる環境を作る」ことをモットーに、webデザイナーとしてLPやホームページ制作など、web制作全般を行なっております。

前回、Elementor Header & Footer Builderというプラグインを使用してヘッダーを作る方法をご紹介しました。

今回は、「もっと詳しくヘッダーを作る方法を知りたい」という方のために、既存のLPにヘッダーを追加する手順を、３回に分けてご説明します。

次のような章立てでご紹介する予定です。

ヘッダーの作り方①ヘッダーに必要な情報をそろえましょう

ヘッダーの作り方②ヘッダーを作成しましょう

ヘッダーの作り方③LPにヘッダーを設置して完成させましょう

今回の「ヘッダーの作り方①ヘッダーに必要な情報をそろえましょう」では、次のようなことがマスターできます。

・ヘッダーロゴの設定方法

・グローバルナビの設定方法

・ページ内リンクの作り方

今回ご説明する内容は、Elementor以外でもWordPressでサイトを作る場合は役に立ちますので、ぜひ参考にしてみてください。

---

【はじめに】完成イメージはこちらです。

・ヘッダーはサイトロゴとグローバルナビの組み合わせです。

・グローバルナビをクリックすると、それぞれのセクション部分に移動できるようにします（ページ内ナビと呼びます）。

※contactはお問い合わせページを作成していないので、今回はリンクなしです。

・ヘッダーはずっと上に固定されており、ページをスクロールしても動きません。

それでは、ひとつずつ作っていきます。