LoginSignup
Lark000000
@Lark000000 (Lark kiwi)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

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

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

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

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

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

0

1Answer

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

メニュー

リンク先

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

0

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. 無事できたならなによりです。頑張ってください。
  4. @Lark000000

    Questioner
    (人´∀`)アリガトウゴザイマス♪

Your answer might help someone💌