▶▶クーポン使ってキットカット3万円分無料でもらう方法!やり方公開

WordPressで作成したサイトのSNSアイコンが消えてしまった場合の対処方法

未分類

同じように困っている人がいるかもしれませんので、記事にしておきたいと思います。

WordPressのSimplicityテーマを色々カスタマイズしていた。

でも、いろいろなプラグイン干渉やPHPコード記述などにより

気付いたらSNSアイコンがおかしくなっていた!

そのような場合の対処方法を書いておこうと思います。

スポンサーリンク
スポンサーリンク

アイコン保管場所は、icomoon

私はwebデザイナーではないのでicomoonとは何かすらわかりませんでしたので、エラー箇所から辿っていくと、どうやら

  • twitter-btn-icon
  • facebook-btn-icon
  • google-plus-btn-icon
  • hatena-btn-icon
  • pocket-btn-icon
  • line-btn-icon
  • evernote-btn-icon
  • feedly-btn-icon
  • comments-btn-icon

というクラスがアイコン呼び出しに関係しているようでした。

このコードを当サイトで検索するとCSSで「font-family: ‘icomoon’」と指定されています。

このicomoonが保管されている場所は、

サーバーの階層:themes\simplicity\webfonts\icomoon

となっています。

スポンサーリンク
スポンサーリンク

icomoonフォルダ内をそっくりコピペ

万が一の事を考え、icomoonフォルダ内すべてをローカルに保存しておいてください。

今利用しているSimplicityテーマの同バージョンを公式サイトからダウンロードし、その中にあるicomoonフォルダをサーバーにあるicomoonフォルダに上書き、または置き換えることによって、私の環境下ではSNSアイコンが正常に戻りました^^

icomoonフォルダ内を書き換えた覚えないよ、という方

私も全く身に覚えがなく、プラグインの追加やレイアウトの変更ぐらいしか作業した覚えがなく、わざわざ書き換えるという作業はそこまでしていないのですが、結果的に何か書き換わっていたようです。

プラグインが勝手にやったことなのかどうかまではわかりませんが。。

ファイルのサイズデータは全く一緒であり、原因はここしかなさそうだったのでダメ元で入れ替えたらビンゴでした^^中身の差分コードまでは確かめてません。というのも差分を抽出する環境下がないですから。

個人的まとめ

記事を書くのが楽しくて当サイトをやっているのですが、このような修正作業というのは仕事をしているようで疲れてしまいました。

見た目的にもSNSカウントも修正作業が終わりほっとしています!

IEでのデザイン崩れや不備などは、どこのサイトでも起こっているようで、すべてに対応するのは難しいようです。と言いますのも、月間100万PV以上のサイトをブラウザを変えて見て回ったらどのサイトもIEにすると崩れていました。

そのような理由があり、IE以外のブラウザを利用することをおススメします!

今まで「このサイト崩れているなぁ」と感じていた人は、GoogleChrome・firefox・operaなどをご検討ください。

いいね !で
最新情報に更新するよ

スポンサーリンク
スポンサーリンク
七五三 ひかり

ただただ役立つ情報を伝える夏男。本人には極当たり前のことなので喜んだりしない。1年の大半をホテルと空の上で過ごす専業投資家。特技は、悟空の睡魔にも勝てる24時間戦える精神力。でも、よその母ちゃんが握ったおにぎりが苦手。

フォローしておくとお小遣い情報に気付けるよ
コストゼロライフ