先日、当サイトのSNSシェアボタンのアイコンが表示されていないことに気がつきました。
使っているテーマはCocoonです。
結論から言いますと、
すぐ直ったよ
以前にも同じことがあったのですが、原因は同じでした。
一般的なSNSシェアボタンのアイコンが表示されない原因
「SNSアイコンが表示されない」を言い換えると
「Font Awesomeが表示されない」と同義です
Font Awesomeはカスタマイズのミスが原因で表示されなくなることがざらです。
例としては、
- Font Awesomeのバージョンを間違えている(4と5でフォントの指定方法が異なります)
- Font Awesomeの非同期読み込みがうまくいっていない(非同期を止めると表示されます)
- フォントファイルの配置・設定・読み込み方法が間違っている。
ただ、これらならカスタマイズの過程で気づきます。
また最近はCocoonをはじめ多くのテーマでFont Awesomeの設定が機能として備わってます。
そのためカスタマイズに伴う人為的なエラーも従前より少なくなっています。
今回アイコンが表示されなかった原因と対処法
Cocoonのアップデートがちゃんとあたっていませんでした
WordPressの自動更新をするとたまにあります。
Cocoonに問題があるのか、WordPressに問題があるのか、キャッシュその他に問題があるのか。
理由はわかりませんが今回で2回目です。
対処法は、
Cocoon公式からファイルをダウンロードし、手動でサーバーにアップロードして更新します。
Cocoonのテーマファイルはこちら。
Tags · xserver-inc/cocoon
100%GPLの無料Wordpressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください...
手順は「WordPress管理画面サイドバーの外観→テーマ→新規追加→テーマのアップロード→(ローカルから)ファイルを選択→インストール」となります。
確認を促されますが続行します。
もしうまくいかなかったら以前のバージョンも試してみてください。
まとめ
うまく直るといいですね