[yuu]

【お使いの Snow Monkey のバージョン】15.18.1
【お使いの Snow Monkey Blocks のバージョン】13.7.3
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】Chrome
【当該サイトのURL】ローカルのため無し

### 実現したいこと
いつもお世話になっております。

フォントにアニメーションを付けたいと思っていまして、固定ページのページタイトルc-page-header__titleのところにeachTextAnimeというクラス名を追加したいと思っております。

 

現在、フロントページにカスタムhtmlで同様のコードを書いているのですが、それと同様の動きができたらいいいなと思っております。

 

 

<header id=”header”>方法はありますでしょうか？

よろしくお願いいたします。

### 発生している問題

### 試したこと

</header&gt

♥ 0

Who liked: No user

[Olein_jp]

該当する箇所が含まれているテンプレートファイルを調べて、以下の要領でフック経由でCSSクラスを追加することができるかと思います。

トップ画面のメニューボタン（画面右上に配置のハンバーガーメニュー）をクリックした際に表示されるドロワーメニューを右側から表示されるようにしたい。

このトピックには5件の返信、2人の参加者があり、最後にキタジマ タカシにより2ヶ月、 2週前に更新されました。…

snow-monkey.2inc.org

ご参照ください。

♥ 2

Who liked:

[yuu]

オレイン様

ありがとうございます。

 

add_filter(
'snow_monkey_template_part_render_template-parts/common/page-header', // template-parts/common/page-header を書き換える
function( $html ) {
return str_replace(
'class="c-page-header__title ',
'class="c-page-header__title eachTextAnime ', // .eachTextAnime 文字が現れるアニメーション）
$html
);
}
);

 

上記のように書いてみたのですが、クラスが追加されていません。

どこが間違っているでしょうか…

♥ 0

Who liked: No user

[Olein_jp]

惜しいですね。以下のコードで動くと思います。

add_filter(
	'snow_monkey_template_part_render_template-parts/common/page-header',
	function( $html ) {
		return str_replace(
			'class="c-page-header__title',
			'class="c-page-header__title eachTextAnime',
			$html
		);
	}
);

class="c-page-header__title の後ろに半角スペースが入っているので、対象が存在しないと判断されて置換が行われなかったんだと思います。

お試しください。

♥ 1

Who liked:

[yuu]

オレイン様

初歩的なことすみません！

 

書き換えたら実装することできました！

助かりました！ありがとうございます。

 

トピック閉じさせていただきます！

♥ 0

Who liked: No user

[投稿者]

投稿