今回は、前回の記事で書いたページ内リンクを、メニュークリック時に適用したいと思います。
どういうことかというと、グローバルメニューをクリックして、
設定した場所にジャンプできるようにする。そんな機能になります。
まずは前回の記事で、ページ内リンクの設定方法をご覧ください。
この方法を応用して、メニューからでもページ内リンクできるようにします。といってもかなり簡単です。
1.メニュー作成で、「カスタムリンク」を開く。
本来このメニュー作成では、固定ページや投稿ページを選ぶと思いますが、ここでカスタムリンクを選択します。
2.カスタムリンク欄に「#」+「設定したID」を設定する。
前回の記事では「#work」と設定したので、このままこのカスタムリンクの「URL」欄に記入します。
記入したら、「メニューに追加」ボタンを押してメニューに追加。
上の図のような感じです。https://~とかから書かなくて大丈夫です。
これで設定は完了です。あとは動かして確認してみましょう!
まとめ
特にほかのページを用意していない1枚のLPを作る際はこんな感じでページ内リンクを作るのがいいと思います!是非参考にしてください!
みなさまのホームページやイメージがよくなるお手伝いをいたします。
ヘッダー画像、バナー画像、ロゴ、WordPressデザインなどお気軽にご相談ください!
WordPressデザインサービスは以下から承っております。