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などをご検討ください。

広告

「いいね!」を押して応援する

モチベーションが上がります^^

プロフィール
七五三 ひかり
都内在住30代、1児の父。 投資家(デイトレ・大家)・スモールビジネス・節約家として生活しています。不労所得で生活費をコストゼロするのが夢であり、食べたいのに食べない節約ではなく、食べて尚且つ豊かに暮らす術を私の体験とともに皆さまのお役にたてれば幸いです。ハピタスを利用して無料で旅してます。