Question
狙った位置に飛ぶアンカーについて
- く くみ
-
こちらのマニュアルに沿って進めております。
https://jinr.jp/manual/html-anchor/
ステップ4の、「グローバルメニューからジャンプさせる場合」についてです。
グローバルメニューの作成画面で、ご案内いただいているように進みません。
画像を添付しています。
画像は、
マニュアルのstep2までは確実に進めています。
外観→メニュー→カスタムリンク
の画面です。
何が間違っているのか分からない状態です。ご教授ください。
- WP 6.3.2
- PHP 8.1
- JIN:R 1.2.5
- Xserver
- GoogleChrome
- Windows11
こんにちは!
JIN:R運営チームのtsu_です。
画像ありがとうございます!
「グローバルメニューの作成画面(詳細こちら)に進んだら、カスタムリンクに、HTMLアンカーのURLを入力しましょう。」
という部分は、管理画面「外観」>「メニュー」からではなくて、カスタマイズ画面から作業をしているので、くみさんが添付してくれた画像とは違うんだと思います!(添付画像)
ただ、どちらからでも設定は可能です。
実際のサイトのURLと、ジャンプさせる箇所のページのURLをご共有いただければ、こちらから何かお伝えできる事があるかもしれません!
よろしくお願いいたします!
2023/11/05 11:30
お返事ありがとうございます!
まさに、ちょうど疑問に思っていたことがやっと解決しました、
添付していただいた画像の「カスタマイズ」が、
私のWPにはない!とずっと思っていたのです。
私はショートカットをブックマークバーに配置していまして、いきなり管理画面にアクセスするようにしていましたので、分からなかったのですね・・・
同じ画面が出てきました!
ただ、手順を踏んで、「メニューに追加」までやってみましたが、ページが切り替わってしまいます。
こちらが私のサイトです。
https://makinokumi.com
グローバルメニューをクリックしたときに、同じページ内にある記事のスペーサーに飛ぶようにしたいです。
添付画像の緑色の線のところにスペーサーを配置して、HTMLアンカーもセットしています。
ちなみに、
>ジャンプさせる箇所のページのURL
についてですが、
「ジャンプさせる箇所」が「スペーサー部分」(文字なし)という認識でおります。
この認識で大丈夫でしょうか?
画像は幅の狭い物を含めて4枚添付しています。
よろしくお願いいたします🙇
2023/11/05 20:40
URLと詳しい内容ありがとうございます!
2023/11/06 19:20いまサイトを拝見した感じですと、、
●スペーサーには正しくアンカーが設定できている
●グローバルメニューの「サービス」のリンクがスペーサーではなく、サービス案内ページへのリンクになっている
って感じのようです。。。
トップページのサービスという見出しの上のスペーサーに飛ばしたいなら、リンクは
https://makinokumi.com/#service
だと思いますので、一度設定してみていただけますか...??
よろしくお願いいたします!
あと一歩の所ですね(笑)
https://makinokumi.com/#service
は分かるのですが、これをどこに貼ったらいいのかが分からないのです・・・
スベーサーの部分にはURLを貼るところがなく、そこに困っています。
何度もお手数をおかけしてすみません!
マニュアルには、添付している2枚目の画像のように、「メニューに追加」としてみているのですが、何も変化がありません。
3枚目の「リンク文字列」はどうすればよいでしょうか?
2023/11/06 21:22
もう少しですね...!
2023/11/07 12:26こちらから確認するとグローバルメニューの「サービス」は狙った位置に飛んでいるようなのですが、既に解決されましたか??
すみません!ご連絡遅くなりました🙏
夜な夜なやって、やっと訳が分かり疲れ果てて寝てしまいました(笑)
お礼と共に、どこか理解できていなかったを残しておきます。
グローバルメニューを作った際に、自動で固定ページが作成されていました。
その固定ページをメニューから削除する必要があることが分かっていませんでした。
固定ページを削除し、カスタムリンクをグローバルナビゲーションに追加すればよかったのですね!(添付画像)
試行錯誤するうちに仕組みが分かってきました。楽しかったです。ありがとうございます!
2023/11/07 22:30