1. Home
  2. /
  3. テーマ
  4. /
  5. Lightning
  6. /
  7. Lightning Pro ヘッダー設定②トップメニューを作る
Lightning

Lightning Pro ヘッダー設定②トップメニューを作る

Lightning Pro ヘッダー設定②トップメニュー

サイト訪問者にサイト内を見てもらったり、お問い合わせをしてもらうためのメニューを設置します。

Lightningの説明ですが、WordPressでメニューを追加する方法とも読めます。

■ページ作成時のバージョン情報:
WordPress 5.5 / Lightning Pro 6.5 〜 7.3

Lightning G3 Pro Pack(アップデート期間1年)

トップメニューを作る

基本のLightning設定は、この部分にメニューが作成されます。

lightning-header-navi
メニューを設置した時のイメージ

※メニューは、固定ページやカテゴリーページなどへのリンクです。
※予めページを作成しておくとメニューが作りやすくなります。

※デザインスキンを購入して利用すると、この部分が目的に応じた配置・デザインに変更されています♬

そらまめ

デザインスキンは、基本設定と大きく異なります。この完全解説では、基本のデザインを元にしています。

メニュー設置方法

ヘッダー上部設定で、sitemapの設定をした手順と同じです。

メニューを表示させる場所が異なるだけです。

①【ダッシュボード】→【外観】→【メニュー】

ダッシュボードからメニュー画面へすすむ方法
ダッシュボードからメニュー画面へすすむ

②【新しいメニューを作成しましょう】をクリック

新しいメニューを作成する
新しいメニューを作成する

③メニュー名を入れ、メニューの位置にチェック、【メニューを作成】をクリック

メニュー作成の方法
メニューを新しく作成する

④メニューに追加したいページを選択し、【メニューに追加】をクリックする

メニューに表示させたいページを選ぶ
メニューに表示させたいページを選ぶ

⑤メニューにページが登録できたら、【メニューを保存】をクリックする

メニューが追加できたら保存する
メニューが追加できたら保存する

スクロールしてもメニューを画面上部に残したい場合は、Mobile Navigation にもチェックをいれましょう。

メニュー項目の位置はドラッグして変更できます

メニュー項目の順番を変更するには、項目をドラッグして順番を入れ替えます。

⑥入れ替えたいメニューをドラッグします

メニューをドラッグして入れ替えられる
メニューをドラッグして入れ替えられる

⑦簡単に入れ替えることができました。

メニューの順番が入れ替わった
メニューの順番が入れ替わった

おわりに

いかがでしたか?

メニューはサイトに必須項目の一つです。

訪問者がサイト内に何があるかを伝えること、欲しい情報をすぐに探し出せることが大事です。

最初は基本通り作ってみて、後から色々と変更してみるのも良いです。

ただし、ある程度変更して納得したらそのままに。

毎回来るたびにメニューが変わってしまうと、逆に訪問者が迷子になってしまいます😓

WordPressを体系的に学ぶなら

インターネット上には沢山無料で学べる場所があります。でも、体系的にしっかりと学びたいのであれば、有料のコースを活用するのも一手です。

Udemyは有名なオンラインレッスンコース。WordPressだけに限らない、様々なことがプロのビデオを観ながら学ぶことができます。

udemy

時々セールをするので、その時が狙い目!

 

そのほかにも沢山ありますよ♪

PAGE TOP