WordPress

JIN上へ戻るボタンの矢印が出ない!SNSアイコンが出ないときの対処法

JINをアップデートしたところ、上(トップ)へ戻るボタンの矢印やら、SNSアイコンが消えてしまった……。キャッシュクリアしてもだめだーって方、エックスサーバー使ってませんか?Xアクセラレータが原因ですので対処方ご紹介します。

JINのアップデートで上へ戻るボタンがおかしくなった

WordPressテーマのJIN。ちらほらアップデート入っています。独自アイコンフォントのアップデートがあるとどうもキャッシュの関係でアイコンがでない。

通常
問題発生時

こんな感じで、表示されているところもあれば完全につぶれているところもあり、上(トップ)へ戻るボタンも同じように矢印が表示されない。

2019年ころのアップデートで出た症状らしいのですが、放置してたサイト久々に更新したらこうなって四苦八苦しました……。

真っ先に色の設定(背景色と被ってしまって見えていないのか)疑ったのですが、そもそもアイコンが表示されていないので色の問題ではなさそう。

、こういうやつですね、アイコン
JINアイコンリスト一覧

https://jin-theme.com/original-icon/

JINの上へ戻るボタンが消えた原因はキャッシュ

アイコンのアップデートが入ったようで、どうやら古いCSS読み込んでるっぽい。ブラウザのキャッシュクリアしてみてくださいという恒例のやつ。

はいはい、と思いながらキャッシュ消したのに、表示されないという方。

エックスサーバー使っていませんか?

キャッシュはキャッシュでもサーバー側のキャッシュの問題のようです。XアクセラレータONになっていると同様の症状でるかと思いますので、以下対処法。

エックスサーバーのキャッシュ削除手順

サーバーのキャッシュをOFFに

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

高速化のところの、サーバーキャッシュ設定を開きます。

対象のドメインを選択します。

ONになっている場合⇒OFFに

OFFになっている場合⇒Xアクセラレータの設定

ONになったままだと次のXアクセラレータの設定で以下のようなエラーが表示されます。

XアクセラレータをOFFにする

Xアクセラレータをクリック。

対象のドメインを選択。

OFFを選択し、確認画面へ進みます。

OFFにできました。

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

サーバーキャッシュ設定を開きます。

対象のドメインを選択します。

キャッシュ削除のタブを選択し、削除するをクリック。

戻るをクリック。

ここまででアイコン表示されるようになります。

サイトの高速化の効果があるようなので、必要に応じてサーバーキャッシュON、XアクセラレータONに戻して終了です