カフェラッテ備忘録

ElementorProでヘッダー作成(ナビメニュー)

ElementorProでナビメニューを作成する


 

↑このようなヘッダーを作成してみます。

 

まずは、固定ページをタイトルのみいれて用意しておきます。

固定ページ>新規追加>タイトルをメニューの名前にする>公開

メニューが5つあったら固定ページも5つ作成します。

 

ナビメニューの登録

ダッシュボードの外観>メニュー>新しいメニューを作成する>メニュー名は「ヘッダー」など任意>メニューを作成

 

先程作成した固定ページが表示されるのでメニューに追加するページをチェック>メニューに追加

 

すると右側に✓した固定ページが表示されるので、ドラッグ&ドロップで並び替え>メニューを保存

ナビメニューの登録は完了。

 

ナビメニューの設置

固定ページを開く>設定>固定ページレイアウトをElementorキャンバスに変更

セクション(2カラム)追加します。

左側にはサイトロゴをいれて、右側にナビゲーションを挿入します。ロゴの入れ方は今回は割愛します。近々UPします。

プロ版にある「ナビメニュー」ウィジェットをセクションの右側へドロップ。

 

レイアウトのメニューを始めに設定した名前にします。

Alignは右寄せ、左寄せ、中央が選択できます。

Pointerはカーソルをあてた際の動きです。お好みで。

以上でヘッダーが完成しました。