ブログ運営

JIN専用デザイン『CARAT』を入れたらアイコンが表示されない!原因はこれでした。

ニート第一発目の記事です!団子(dango_hack)です!

JINユーザーの皆さん!

JIN専用デザイン『CARAT』皆さんもう入れましたか!?

デザインや配色が素敵すぎて早速購入してしまいました(*^^)v

あれこれ全て、『CARAT』デザインに変えて、ついでなので「グローバルメニュー」と「スマフォフッターメニュー」に、アイコンをつけようとしたところ、アイコンが表示されない問題にぶち当たってしまい、、、

先ほど解決したので、備忘録として書き残します!

 

【結論】Font Awesomeを読み込むための記述が無い

考える牛さん

皆さんのブログを見に行くと「グローバルメニュー」と「スマフォフッターメニュー」に、可愛いアイコンがついてるのうらやましいなあと。

『CARAT』デザインに変えたついでに早速JIN公式マニュアルを見ながら適用したところ、一切表示がされない、、

Twitterで聞いてみたところ、みなさんからアドバイスをいただきました。

その中で、おふとんさん(@oftonkimochi)からのリプの中に「ヘッダー部分にアイコンを読み込むための記述団子さんのサイトはその記述がないよ~」と!


早速確認してみたところ、『CARAT』の子テーマ?のデザインをインストールしたことによって、JINの子テーマに記述されていた「font awesome」のアイコンを読み込む為の記述が無くなってしまった??のかなと推測しました。

ちなみに下記のページで子テーマはダウンロードできました!

めちゃくちゃ可愛くて、センスのない私には配色を考えずに可愛くしてくれるのは本当に神すぎてもう本当にありがとうございます!!!CARATデモ

引用:CARAT公式HP

 

【解決方法】font awesomeをヘッダーに書き込もう

喜ぶ牛さん

ヘッダーに書き込むとかよくわかんないけどって人にも伝わるように書いていきますね。

この方法はJINを使用している方向けに記載しています!

これを試す前には必ずバックアップを取ってください!

絶対ですよ!

アイコンを表示させるために
  1. バックアップを取る
  2. font awesomeの最新版のコードをコピー
  3. 「外観」-「テーマエディタ」の「header.php」内に②のコードを貼り付ける

バックアップは端折って、②から書いていきます!

②font awesomeの最新版のコードをコピー

font awesomeの公式HPからコードをコピーします。

fontawesome

③「外観」-「テーマエディタ」の「header.php」内に②のコードを貼り付ける

WordPressに戻り、「外観」-「テーマエディタ」の「header.php」内にある、</head>の前に②のコードを貼り付けます。

fontawesome②

以上です!

この後は、JIN公式のマニュアルに記載されている手順に沿って設定すればアイコンが適用されます!

 

さいごに

喜ぶ牛さん

Twitterって本当にやっててよかったとふつふつと、、

悩みが最短で解決されて本当に皆さんありがとうございます!

そして、『CARAT』を開発してくださったりょうたさん(@tech_ryota)!

素敵なデザイン本当にありがとうございます!

この記事が気に入ったら
いいね ! しよう

Twitter で
ABOUT ME
団子
団子
みなとに未来のある県に住む女子の日常をお届け! 美容や便利品、お出かけなどさまざまな記事を書いています。 薬膳アドバイザーと栄養士の資格も取得したので、生きていくうえで便利な情報もお届けしていきます☺