- このトピックには16件の返信、2人の参加者があり、最後に
により4年、 6ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】最新版
【お使いのブラウザ】chtorm
【当該サイトのURL】https://www.kigoulab.co.jp/===
font Awesomeのアイコンを使いたいとおもっています。
ソースをみると、font Awesomeのjsファイルへのリンクがありましたので、
そのままカスタムHTMLブロックにコードを入れてみたのですがだめでした。これは古い4のやつかと思い、5のJsコードをユーザー登録して、My Snow Monleyに登録してみました。
//fontawesome用JSファイル追加 add_action( 'wp_enqueue_scripts', function() { wp_enqueue_script( 'fontawesome', '//kit.fontawesome.com/c884482769.js crossorigin="anonymous"', [], false ); } );これでも表示されませんでした。
表示方法を教えて下さい。
いいねをした人: 居ませんFont Awesome 5 のコード
<i class=”fas fa-cat”></i>
をいれる。→ スペースは確保されるが、左上に○に！マークが表示
Font Awesome 4 のコード
<i class=”fa fa-thumbs-up” aria-hidden=”true”></i>
をいれる。 → スペースは確保されるがフォントは表示されない
こんな感じです。
いいねをした人: 居ません軽量な FontAwesome を使用する が有効になっていたので消しました
バージョン5のタグをいれましたが、スペースが確保されるだけで、アイコンは表示されません
ちなみに○に！のアイコンもでません（左上）
うーん
いいねをした人: 居ません小山さんのサイトの HTML をみてみると、
/snow-monkey/assets/fontawesome-all.min.jsというファイルが参照されていますが、Snow Monkey にはそのようなファイルはありません。本来の場所は下記になります。
/snow-monkey/assets/packages/fontawesome-free/js/all.min.jsMy Snow Monkey や子テーマで FontAwesome のパスを書き換えていませんか？
いいねをした人: 居ませんいや、バージョン5用のjsファイルをフックしてましたが。
コメントアウト済みで、先ほど削除しました。そのパスに、fontawesome-all.min.jsは最初からありましたよ
もしかしたらスキンかもしれません？
いいねをした人: 居ませんスキンを適用指定していないサイトに入れてみたのですが、表示されませんね。
スキンを選んだのはウイジットのデザインがよかったからだけで、これだと、ウイジットのデザインだけカスタムCSSでつくって、スキン適用しなかったほうがよかったですねぇ。
スキン作者にコンタクトとる手段もわからず….いずれにせよスキン依存ではなさそうです
いいねをした人: 居ませんカスタムHTMLにいれるとソースが変わってしまいます
<i class=”fas fa-cat”></i>
↓ 保存すると
<i class=””fas” fa-cat”=””></i>
これの原因はなんでしょうか
いいねをした人: 居ませんスキンを適用指定していないサイトに入れてみたのですが、表示されませんね。
となるとスキンは関係なさそうですね…。
Snow Monkey も Snow Monkey Blocks （使っている場合）はどちらも最新版ですか？ どちらも最新であれば、あとは全プラグインを停止して、一つずつ最有効化しては表示確認しながら地道にチェックしていくしかないと思います。
カスタムHTMLにいれるとソースが変わってしまいます
んー、ちょっとわからないですね…。こちらの環境では再現されません。それもなにかお使いのプラグインの影響という可能性はあるかもしれません。
いいねをした人: 居ませんSnow-Monkey関連以外のプラグインを停止してみましたが、現象はかわりませんね。
プラグインはすべて最新版です。うーんスペースは確保されるので、なにがしか動作はしてるんですよね。アイコンが表示されないだけで…
いいねをした人: 居ません
- トピック「Font Awesomeを表示したい」には新しい返信をつけることはできません。