ブログ

JINのアップデートをしてTwitterなどのSNSアイコンが表示されなくなった時の対処法

jinアイコン

どうもすずめです!

今回WordPressテーマのJINのアップデートが来ましたね。

私もアップデートしました。そうしたらSNSアイコンの消失が起きました。

上記の画像で分かる通りTwitterなどのSNSアイコンが表示されなくなってしまったのです。

いろいろいじってようやく直ったのですがその経過を記事にしました!

すずめ
すずめ
本当に大変でした><同じような悩みの方の解決の手助けになればいいと思い書きました。

 

  • JINアップデートについて
  • JINアップデート後のSNSアイコンの非表示について
  • SNSアイコン非表示に対しての対処法

上記の流れで記事にしました。

JINアップデートについて

2019年3月28日にJINのVer2.0のアップデートが来ました。

そこで独自アイコンフォントを導入したそうです。

重要な事としては今までのFontAwesomeから独自アイコンフォントに置き換わったということが言えます。

テーマの基本構成パーツはすべてオリジナルアイコンになるということです。

すなわちトラブルがあると私みたいにSNSアイコンなどが表示されなくなることがあるということです。

スポンサーリンク

JINアップデート後のSNSアイコンの非表示について

私はSNSのアイコンが表示されなくなってしまいました。

しかしJINのマニュアルにはこの事象についてていねいに解説があります。

アップデートすると、いままでのFontAwesomeのアイコンが、JINオリジナルアイコンに置き換わります。

その際、キャッシュが効いて(古いCSSを読み込んでしまい)一時的にアイコンが表示されない状態になるはずです。

対処法として、ブラウザキャッシュやプラグインキャッシュを削除して、再度ご確認頂ければアイコンは表示されます。お手数ですがご協力をお願い致します。

JIN公式サイトより引用

 

上記のような記載があります。

通常はこの通りにやればSNSアイコンがしっかり表示されるようです。

SNSアイコン非表示に対しての対処法

ブラウザキャッシュの削除

これは公式も行うように言っている操作です。

 

私はグーグルクロームを使っているのでクロームで説明します。

クロームの右上の設定画面を開く→その他のツール→閲覧履歴を消去→キャッシュされた画像とファイルの所にチェックを入れる→データ削除

上記の流れでOKです。

 

あるいはクロームならばCtrl+Shift+Nで開けるシークレットモードでも確認できます。シークレットモードはキャッシュの影響を受けないからです。

しかし私はだめでした。

プラグインを停止してみる

プラグインキャッシュというものがよくわからなかったのですべてのプラグインを停止してみました。

それでも直りませんでした。

サーバーのキャッシュを削除

ブラウザのキャッシュとプラグインをやってもだめだったので次はサーバーのキャッシュかと思いサーバーのキャッシュを削除しました。

しかしそれでもだめでした。

JINフォーラムに回答があった

JINフォーラムでひつじさんが私と同じ悩みを持った人に下記の発言をしていました。

 

そして言われたとおりやってみたら直りました。

 

原因はXアクセラレータだったのです。

XアクセラレータをONにしたままサーバーのキャッシュの削除をやっていたときはだめでした。

しかしXアクセラレータをOFFにしてからサーバーのキャッシュの削除をやったらうまくいきました。

その後XアクセラレータをONにして念の為もう一回キャッシュを削除しました。それでも大丈夫でした

要するにXアクセラレータを一度切ってからサーバーのキャッシュの削除を行うというのが大切だったようです。

実際行った手順

まずはエックスサーバーのサーバーパネルにログインします。

その後Xアクセラレータを選択します。

そしてOFFにしてXアクセラレータを切ります。

 

その後サーバーのキャッシュを削除します。

サーバーキャッシュ設定を選択します。

サーバーキャッシュの設定はOFFになっていました。ここは特にいじりませんでした。

その後タブをキャッシュ削除に切り替えて削除します。

 

そうしたらSNSアイコンが復活しました!!

 

すごくいろいろやって大変でしたがなんとかできてよかったです!

同じような症状で悩む方の参考にこの記事がなれば幸いです!