フッターCTAのボタンをスムーススクロールしたい

スノーモンキーのロゴ

Snow Monkey アドオンの Snow Monkey Footer CTA のカスタマイズ方法です。

リンク先をスムーススクロールにしたい場合は、class="u-smooth-scroll"を付与することが必要です。

そこで、フックを使って書き換えることで対応可能です。

プライマリーボタンのHTMLを書き換える場合

add_filter(
	'snow_monkey_template_part_render_footer-cta/primary-btn',
	function( $html ) {
		$html = str_replace(
			'p-footer-cta__primary-btn',
			'p-footer-cta__primary-btn u-smooth-scroll',
			$html
		);
		return $html;
	},
	10,
	3);

参考サイト

この記事を書いた人

山崎 大祐

大阪出身。千葉県松戸市在住。2児の父です。WordPressの構築を60サイト超えました。営業経験を生かしたSEMを得意としております。(企画/デザイン/構築/運営)
すきなもの「赤色・キューブ・コンクリート」