同じように困っている人がいるかもしれませんので、記事にしておきたいと思います。
「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などをご検討ください。
