[hanahana0201]

ウィジェットのリンクテキストに、Font Awesomeのアイコンは使えない（エスケープされて、htmlのまま表示される）のですが、使えるようにする方法ってあったりしますか？

具体的には、「Snow Mokey:最近の投稿」ウィジェットとできたら「画像」ウィジェットでも使いたいです。

教えてください。

♥ 0

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

[hanahana0201]

投稿してから思いついたのですが、擬似要素（:before/:after）を使えば、CSSでテキストの前後になら追加できそうですね。

ちょっとやってみます。

♥ 0

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

[hanahana0201]

下記のサイトを参考に、

.snow-monkey-recent-posts__more:after,
{
	content: " \f138";
	font-family: FontAwesome;
}

のように、やればできました。お騒がせしました。

WordPress・CMSでFont Awesomeアイコンフォントを導入！最新アイコンが表示しないとき、バージョンアップ方法付き

テーマにアイコンフォントFont Awesomeを導入してないとき、簡単に導入できる方法として、リンクタグを入れる方法をWordPressを例に紹介します。これでリンクaタグ・見出…

bibabosi-rizumu.com

♥ 0

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

[キタジマ タカシ]

before/after に FontAwesome を表示する方法、Snow Monkey v3 以降は使用できなくなりました！ Snow Monkey v3 から、FontAwesome5 対応にしたのですが、FontAwesome5 が js 描画推奨となっており、アイコンフォントを読み込む従来の方法を使用しなくなったためです。

ウィジェットタイトルに HTML 許可させるようにしようと思ったのですが、WordPress のデフォルトウィジェットは HTML 許可されてないっぽいので、Snow Monkey オリジナルウィジェットもそれにあわせたほうが良いかなと思います。
なので、Snow Monkey v3 以降の場合だったら、js で追加してもらうのが良いですかね…。

下記のスレッドの中でコードサンプル書いていますので、確認されてみてください！

Font Awesome 5 対応について

このトピックには5件の返信、2人の参加者があり、最後にMasahiko Abeにより2年、 4ヶ月前に更新され…

snow-monkey.2inc.org

♥ 0

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

[hanahana0201]

あっ、そうなのですね！
あれでも、何でか今、上のCSSdで表示できてますね。

jsでのやり方も教えていただき、ありがとうごいます。

♥ 0

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

[キタジマ タカシ]

あれ、なんででしょうね笑
もしかしたらできるのかな…。
もしかしたら、お使いのプラグインが FontAwesome を読み込んでいるという可能性はあるかもしれません。

♥ 0

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

[hanahana0201]

そういうことなのかもしれませんね。
FontAwesome5の方のコードでは、ダメだったので古い方ってことですね。
また、何が原因だったか、もし分かったら書き込みますねー

♥ 0

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

[キタジマ タカシ]

よろしくお願いします！

♥ 0

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

[投稿者]

投稿