[m-szk]

【お使いの Snow Monkey のバージョン】14.3.5
【お使いの Snow Monkey Blocks のバージョン】11.4.1
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】Chrome

### 実現したいこと

お知らせバーをページ内リンクにしてスムーススクロールできるようにしたいです。

### 発生している問題

お知らせバーにクラス名「u-smooth-scroll」を入れて
スムーススクロールにする方法はありますか。
または他の方法はありますか。

### 試したこと

お知らせバーリンク URL にアンカーリンクを入れました。

♥ 0

いいねをした人: 居ません

[Olein_jp]

お知らせバーの <a> タグのclass名に .u-smooth-scroll を付けるにはフィルターフックで置換する方法が良いかなと思います。

スクロールのテストはしていませんが、クラスを追加するだけであれば、これでできると思います。

>add_action(
	'snow_monkey_template_part_render_template-parts/common/infobar',
	function( $html ) {
		$html = str_replace(
			'p-infobar__inner',
			'p-infobar__inner u-smooth-scroll',
			$html
		);
		return $html;
	},
	10,
	3
);

お試しください。

snow_monkey_template_part_render

テンプレートの部分的な書き換えなどを行う際によく利用します。 実験的にここでは、投稿の詳細ページのタイトル部分…

happy-snow-monkey.olein-design.com

♥ 3

いいねをした人:

[m-szk]

Olein_jp 様

できました！

ありがとうございます！

今後フィルターフック活用していきます。

♥ 2

いいねをした人:

[投稿者]

投稿