FontAwesomeについて



  • 最初に・・・こちらでの質問かどうかわからないので、もしだめだったらすみません。
    FontAwesomについてなんですが、私は記事にアコーディオンボタンを作りたくて、
    https://affirepo.com/stork-customize-accordion/
    このサイトを参考にしています。
    このサイトの通りにやると(アコーディオンボタン独立型)
    ボタンのアイコンが表示されないので、このサイトの方に質問させて
    頂いたのですが、


    宮島様からお問い合わせいただいた小さい四角いもの。
    それは、アイコンです。

    私のコードは上矢印とした矢印を
    Fontawesome というアイコンフォントを利用して
    アイコンを表示させているのですが

    宮島様のテーマにはこのFontawesomeを
    表示させるための機能がなく、
    現在は表示されていないというのが、
    このFO78と表示されている小さな四角いものとなります。

    なので、Fontawesomeを表示させるためのコードを
    テーマに反映すれば、FO78の代わりにアイコンが表示されます。

    Fontawesomeの表示方法は
    一応私の記事にも書いていますが
    テーマによって、設定箇所が変わるかと思いますので
    ぜひ一度、「(宮島様の)テーマ名 Fontawesome」で検索して
    設定方法を探してみてください。

    一応私の記事のリンクも貼っておきます
    https://affirepo.com/font-awesome/

    というお返事を頂きました。

    この通りにやってみようとするんですが、子テーマのところに
    headが見つからず(子テーマが探せてないだけかも。画像貼ります)

    JINで調べたのですが、https://jin-theme.com/manual/fontawesome/
    とりあえず、この通りにやってみたのですが、画像のようには表示されないので、やり方がわからず・・・。このやり方さえわからないのですが
    アコーディオンボタンと混ざると余計にわからずです。

    何をどうしていいやら、わからないので質問させて頂きました。

    どうすればいいか?こちらに聞いてよろしいでしょうか?

    0_1568120763910_jin_子テーマ?.PNG
    0_1568120774111_jin-sikaku.PNG


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS :
    ご利用のブラウザ :
    該当サイトのURL :



  • こんにちは。
    カスタマイズ→その他設定の「FontAwesomeを読み込まない」にチェックが入っていたりはしませんか?

    0_1568176573962_5CBE3CC5-A8A4-4B83-A612-1FFF39FAD926.jpeg



  • 返信ありがとうございます。

    チェックは入っていません。
    先に書いておけばよかったです。すみません。



  • そうでしたか、お役に立てずすみません。

    直接の解決策ではないのですが、
    JIN2.0でしたらJINオリジナルアイコンも使用できます。
    アコーディオンボタンで使用している上・下の矢印もあります。

    参考:https://vanblog.net/jin2-fonticon/
    参考:https://jin-theme.com/original-icon/

    何かヒントになれば幸いです。



  • @まいみ さん

    こんにちは!JIN運営チームのりょうたです。

    表題の件、直接な解決になるかどうかは分かりかねますが、Fontawesomeがうまく表示されない原因の多くは

    ①バックスラッシュ(「\」←これ)がない
    ②バージョン非対応のアイコンを使っている
    ③有料版のアイコンを使用している

    が多いと思います。
    ②に関してですがJINの最新バージョン(2.170)で、fontawesomeで使用しているバージョンは「5.6.3」です。
    もしこのFontawesomeのバージョンに対応していていないアイコンを使用しているとたとえ記述が正しくてもうまく表示されません。

    この辺りも確認していただけるとさらに解決が早くなるかと思います。
    独自のカスタマイズになりますので、直接解決をお手伝いすることはできませんがヒントになれば嬉しいです。

    ご不便お掛け致しますが、何卒宜しくお願い致します。



  • ryotaさん

    返信ありがとうございます。

    そして、本当に申し別けないんですが、知識不足というか初心者が言い訳になるか
    どうかわからないんですが、回答してくださった内容が理解できません。すみません・・・。

    最初に ①バックスラッシュ(「\」←これ)がない

    が、どこの部分に「/」が足りないのか?どこを確認すればいいのか?わかりません。
    次に
    ②バージョン非対応のアイコンを使っている

    の、JINの最新バージョン(2.170)で、fontawesomeで使用しているバージョンは「5.6.3」
    を、どこで確認すればいいのか?わかりません。

    わからなさすぎて、申し訳ないのですが、教えて頂いてよろしいでしょうか?