-
投稿者投稿
-
2018年4月26日 10:17 AM #2271
ウィジェットのリンクテキストに、Font Awesomeのアイコンは使えない(エスケープされて、htmlのまま表示される)のですが、使えるようにする方法ってあったりしますか?
具体的には、「Snow Mokey:最近の投稿」ウィジェットとできたら「画像」ウィジェットでも使いたいです。
教えてください。
♥ 0Who liked: No user2018年4月26日 10:22 AM #2272投稿してから思いついたのですが、擬似要素(:before/:after)を使えば、CSSでテキストの前後になら追加できそうですね。
ちょっとやってみます。
♥ 0Who liked: No user2018年4月26日 11:15 AM #2273下記のサイトを参考に、
.snow-monkey-recent-posts__more:after, { content: " \f138"; font-family: FontAwesome; }
のように、やればできました。お騒がせしました。
♥ 0Who liked: No user2018年4月26日 3:43 PM #2281before/after に FontAwesome を表示する方法、Snow Monkey v3 以降は使用できなくなりました! Snow Monkey v3 から、FontAwesome5 対応にしたのですが、FontAwesome5 が js 描画推奨となっており、アイコンフォントを読み込む従来の方法を使用しなくなったためです。
ウィジェットタイトルに HTML 許可させるようにしようと思ったのですが、WordPress のデフォルトウィジェットは HTML 許可されてないっぽいので、Snow Monkey オリジナルウィジェットもそれにあわせたほうが良いかなと思います。
なので、Snow Monkey v3 以降の場合だったら、js で追加してもらうのが良いですかね…。下記のスレッドの中でコードサンプル書いていますので、確認されてみてください!
♥ 0Who liked: No user2018年4月26日 3:51 PM #2282あっ、そうなのですね!
あれでも、何でか今、上のCSSdで表示できてますね。jsでのやり方も教えていただき、ありがとうごいます。
♥ 0Who liked: No user2018年4月26日 3:55 PM #2284あれ、なんででしょうね笑
もしかしたらできるのかな…。
もしかしたら、お使いのプラグインが FontAwesome を読み込んでいるという可能性はあるかもしれません。♥ 0Who liked: No user2018年4月26日 4:08 PM #2287そういうことなのかもしれませんね。
FontAwesome5の方のコードでは、ダメだったので古い方ってことですね。
また、何が原因だったか、もし分かったら書き込みますねー♥ 0Who liked: No user2018年4月27日 11:52 AM #2291よろしくお願いします!
♥ 0Who liked: No user -
投稿者投稿
- トピック「ウィジェットのリンクテキストに、Font Awesomeのアイコンを使いたい」には新しい返信をつけることはできません。