今回は、前回の記事で書いたページ内リンクを、メニュークリック時に適用したいと思います。

どういうことかというと、グローバルメニューをクリックして、

グローバルメニュー

設定した場所にジャンプできるようにする。そんな機能になります。

まずは前回の記事で、ページ内リンクの設定方法をご覧ください。

この方法を応用して、メニューからでもページ内リンクできるようにします。といってもかなり簡単です。

1.メニュー作成で、「カスタムリンク」を開く。

本来このメニュー作成では、固定ページや投稿ページを選ぶと思いますが、ここでカスタムリンクを選択します。

メニュー編集画面

2.カスタムリンク欄に「#」+「設定したID」を設定する。

前回の記事では「#work」と設定したので、このままこのカスタムリンクの「URL」欄に記入します。

記入したら、「メニューに追加」ボタンを押してメニューに追加。

設定後

上の図のような感じです。https://~とかから書かなくて大丈夫です。

これで設定は完了です。あとは動かして確認してみましょう!

まとめ

特にほかのページを用意していない1枚のLPを作る際はこんな感じでページ内リンクを作るのがいいと思います!是非参考にしてください!


みなさまのホームページやイメージがよくなるお手伝いをいたします。
ヘッダー画像、バナー画像、ロゴ、WordPressデザインなどお気軽にご相談ください!
WordPressデザインサービスは以下から承っております。

ワードプレスホームページを新規導入します テンプレート付き!!初めての導入、初心者の方にオススメ!!

関連記事

  • 関連記事
  • おすすめ記事
  • 特集記事
TOP