1. Home
  2. /
  3. テーマ
  4. /
  5. Lightning
  6. /
  7. Lightning Pro ヘッダー上部設定②
Lightning

Lightning Pro ヘッダー上部設定②

ページ最上部のキャッチフレーズとサイトマップ設定

この幅が狭いスペースは検索エンジン対策を施す場所です。

具体的には、キャッチフレーズ、そして本ページで説明するサイトマップの設置です。

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

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

メニューを作ってリンクを設置できる

ページ最上部にリンクを設置すると、訪問者に便利なばかりでなく、検索対策にも一役買ってくれます。

ヘッダー上部にメニューを設定する
ヘッダー上部にメニューを設定する

Vector,Incの公式サイトでは、【English】/【サイトマップ】となっています。

この部分がPro版のみというのが興味深いですよね。

なんとなく大事な部分、というのが伝わります。

設定方法

手順としては、この部分にメニューリンクを作成し、そこへリンクさせたいページを登録します。

この設定する前に、リンクさせたいページを用意しておくとスムースです。

今回は、Sitemapという固定ページへリンクを作成します。

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

メニューを作成する
メニューを選択する

②メニュー名を入れて、メニューを保存する

メニューを作る
メニューを作る

③左の一覧から、「サイトマップ(またはあなたが用意したページ)」を選び、「メニューに追加」ボタンをクリックする

ページをメニューへ登録する
ページをメニューへ登録する

④Header Top Navigation だけを選択して、メニューを保存する

メニューの設定を変更する
メニューの設定を変更して保存する

⑤Sitemapページ(またはあなたが作成したページ)へのリンクが追加される

ヘッダーメニューの完成
ヘッダーメニューの完成

スマフォ・タブレットでは非表示になります

このヘッダー上部は、スマフォ・タブレットでは非表示になります。

また、順番やアイコンを変更することはできません。

PC以外の画面でメニューを表示させる方法は、メニュー作成時に併せて説明します。

おしらせ

2020/09/04 アイコンが自由に設定できるようになりました。(公式アナウンス

電話番号やお問い合わせの設置場所について

サイトの上部に電話番号やお問い合わせを設置すると、訪問者には大変親切です。

実装してみると、

  • 文字が小さい
  • スクロールと共に消える

ということが気になるかもしれません。

その場合は、スキンを購入する、次のヘッダー部分を工夫してみることも検討してみてください。

WordPressを体系的に学ぶなら

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

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

udemy

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

 

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

PAGE TOP