6件の投稿を表示中 - 1 - 6件目 (全6件中)
-
投稿者投稿
-
2023年2月2日 7:36 PM #117191
【お使いの Snow Monkey のバージョン】18.2.0
【お使いの Snow Monkey Blocks のバージョン】17.2.0
【お使いの Snow Monkey Editor のバージョン】9.1.0
【お使いのブラウザ】Chrome
【当該サイトのURL】### 実現したいこと
[WPAW]ローカルナビゲーションに、現在のページのクラスもしくはidを入れることは可能でしょうか。
もし可能であれば、そのコードを教えてください。
グローバルナビゲーションメニューのように、表示しているページのタイトルをハイライト表示させたいです。
### 試したこと
♥ 0いいねをした人: 居ません2023年2月2日 8:49 PM #117194上記のサイトで紹介されているような Javascript で
current
をつけちゃうのがメンテナンス性もよく、ベターだと思います。2023年2月3日 10:29 AM #117206GONSYさま
ご指導ありがとうございます。
上記の通り試してみましたが、うまくいきませんでした。
My Snow Monkeyに以下のコードを記述しました。function my_scripts_method() { wp_enqueue_script( 'highlight_script', get_template_directory_uri() . '/highlight.js', ); } add_action('wp_enqueue_scripts', 'my_scripts_method');
JavaScriptは以下のコードです。
function highlight_script() { const headerNavLink = document.querySelectorAll(".wpaw-local-nav__subitem>a"); headerNavLink.forEach((targetLink) => { if (targetLink.href === location.href) { targetLink.parentElement.classList.add("is-current"); } }); }
こちらを以下のサイトに入れていて、JSはHTML上にいるようですが、クラスの付与ができていないです。
何が原因でしょうか?
♥ 0いいねをした人: 居ません2023年2月3日 11:49 AM #117210グローバルナビゲーションは下記のコードでカレント表示しています。
ローカルナビゲーションは特に意識していなかったのですが、確かにカレント表示できると良いかもですね。Snow Monkey 側で実装できるか試してみます。
2023年2月7日 8:37 AM #1174152023年2月7日 8:49 AM #117417 -
投稿者投稿
6件の投稿を表示中 - 1 - 6件目 (全6件中)
- トピック「[WPAW]ローカルナビゲーションに、現在のページのクラスもしくはidを入れる」には新しい返信をつけることはできません。