[read]

【お使いの Snow Monkey のバージョン】25.0.2
【お使いの Snow Monkey Blocks のバージョン】 20.1.2
【お使いの Snow Monkey Editor のバージョン】9.3.0
【お使いのブラウザ】Chrome
【当該サイトのURL】テストサイト

### 実現したいこと

いつも大変お世話になっております。
アコーディオンのタイトルにFont Awesome を表示させたいのですが、
以下のcssでは×になってしまいました。お忙しいところ恐れいますがご教授いただければ幸いです。

.smb-accordion__item__title::before {
content: “\e07b”;
font-weight: 900;
font-family: “Font Awesome 5 Free”;
}

iconは過去の質問を参考に以下のファイルの中から探しています。

https://github.com/inc2734/snow-monkey/blob/master/src/js/fontawesome.j

♥ 0

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

[キタジマ タカシ]

Snow Monkey の FontAwesome は CSS 版ではなく JS 版なので、JS か PHP で入れることになります。PHP のほうが簡単だと思うので PHP のサンプルコードを。下記のコードを My Snow Monkey プラグインか子テーマの functions.php に貼り付けてみてください。fas fa-globe の部分は好きなものに変えてください。

add_filter(
	'render_block_snow-monkey-blocks/accordion-item',
	function( $block_content, $block ) {
		$block_content = str_replace(
			'<div class="smb-accordion__item__title">',
			'<div class="smb-accordion__item__title"><i class="fas fa-globe"></i>',
			$block_content
		);
		return $block_content;
	},
	10,
	2
);

♥ 1

いいねをした人:

[read]

ご教授いただきましてありがとうございます！
アイコンを表示させることができました。
お忙しいところ具体的なコードをいただき本当に助かりました。

♥ 1

いいねをした人:

[投稿者]

投稿