Go to Qiita Advent Calendar 2024 Top
LoginSignup
Lark000000
@Lark000000 (Lark kiwi)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

WordPressのメニューをクリックしてスクロースさせる方法が知りたいです

Q&A

Closed

WordPressスクロール,メニュー,

WordPressのグローバルメニューをクリックした時に
ページ下部へ移動するようにするには、どういったコードを書けばいいでしょうか？
（h2タグまで移動させたいです。）

HTMLでコード自体をいじるとできるのですが、
新しいメニューをつくるたびにコードを書き替えるのは手間です。

PHPをいじくりまわしたら、消えてしまいましたのでコードは貼り付けられません:tired_face:

管理画面から新しいメニューを作っても
自動で移動できるようにしたいです。
知っている方がいましたらお願いします。

0

1Answer

genya2000
@genya2000

単純に目的のH2までのページ内リンクを設置すればよいのでしょうか。

メニュー

リンク先

もし管理画面でメニューを追加したときに自動設定したいなら、
１．管理でメニューを追加する時にH2のアンカーを画面上で追加できるようにします。
２．テーマファイルでメニューの項目を描画する箇所に
　　設定したH2へのアンカーへのリンクが自動追加されるように設定
となればよいのではと思いますがどうですか。

0Like

Comments

  1. @Lark000000

    Questioner

    回答ありがとうございます。

    設定したH2へのアンカーへのリンクが自動追加されるように設定したいのですが、
    コードはどのように書けばいいですか？

    ちなみに今のコードは以下のような感じです。

    <?php
    $gMenu = wp_nav_menu( array(
    'theme_location' => 'Header',
    'container' => 'nav',
    'items_wrap' => '<ul id="%1$s" class="%2$s ' . lightning_get_the_class_name( 'nav_menu_header' ) . '">%3$s</ul>',
    'fallback_cb' => '',
    'echo' => false,
    'walker' => new description_walker(),
    ) );
    ?>


    この状態だと単純に管理画面からメニューを追加してリンクが別ページに
    飛ぶようになっています。

    ここからどういったコードを書けばいいのか教示していただけたら幸いです。

  2. @Lark000000

    Questioner

    おおっ！できました。

    IDを目的の個所に設定してURLに＃とIDをくっつけたらできました！！！！


    貴重なお時間ありがとうございます！

  3. @genya2000

    無事できたならなによりです。頑張ってください。

  4. @Lark000000

    Questioner

    (人´∀`)ｱﾘｶﾞﾄｳｺﾞｻﾞｲﾏｽ♪

Your answer might help someone💌

LoginSign Up