【Elementer Header & Footer Builderでオシャレなヘッダーを作りましょう！】ヘッダーの作り方②プラグインでヘッダーを作成しましょう

こんにちは、Leycoです。

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

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

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

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

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

ヘッダーの作り方②プラグインでヘッダーを作成しましょう

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

今回の「ヘッダーの作り方②ヘッダーを作成しましょう」では、Elementer Header & Footer Builderでのヘッダーの作り方をご説明します。

特に、

・後から調整や変更がしやすい作り方

・ハンバーガーメニューなどレスポンシブの方法

について、わかりやすく解説したいと思っています。

---

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

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

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

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

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

前回までに、ロゴとグローバルナビの準備が終わっています。

今回は少し長くなりますが、ぜひ作ってみてください。