今回は、前回の記事で書いたページ内リンクを、メニュークリック時に適用したいと思います。
どういうことかというと、グローバルメニューをクリックして、
設定した場所にジャンプできるようにする。そんな機能になります。
まずは前回の記事で、ページ内リンクの設定方法をご覧ください。
この方法を応用して、メニューからでもページ内リンクできるようにします。といってもかなり簡単です。
１．メニュー作成で、「カスタムリンク」を開く。
本来このメニュー作成では、固定ページや投稿ページを選ぶと思いますが、ここでカスタムリンクを選択します。
２．カスタムリンク欄に「#」＋「設定したID」を設定する。
前回の記事では「#work」と設定したので、このままこのカスタムリンクの「URL」欄に記入します。
記入したら、「メニューに追加」ボタンを押してメニューに追加。
上の図のような感じです。https://~とかから書かなくて大丈夫です。
これで設定は完了です。あとは動かして確認してみましょう！
まとめ
特にほかのページを用意していない1枚のLPを作る際はこんな感じでページ内リンクを作るのがいいと思います！是非参考にしてください！
[PR] 細かい調整に時間がかかっていませんか？
ちょっとした見た目、動きの変更の修正に、時間が溶けてしまっていませんか？ 見た目的には「ちょっとした」修正のように見えても、実際は修正すべき箇所の調査や、書いてみたけど動かないといった状況にはまってしまって、思った以上に時間がかかってしまうことありますよね。
そんな皆さんの大切な時間を、「Webサイト改修のプロ」に任せて確保しませんか？ 表示崩れ・スクロール位置のズレ・メニュー挙動など、細部の違和感をまとめて整えます！
