WordPressテーマJIN

(JIN)SNSシェアボタンが表示されないときはキャッシュをクリア

Socialアイコン

最近WordPressテーマJINでふと気づいたら、SNSシェアボタンやショートコードのアイコン、「戻る」の矢印まで、アイコンが全て表示されなくなっていました!

原因は、JINのアップデートによるものでした(Ver2.0 3月28日更新)
JINの公式ページに解決策が載っていましたよ(^o^)/

答え:「ブラウザキャッシュをクリア」

 

一日半悩んでいたのはなんだったの・・・

アカネ
アカネ
ググってもググっても答えがないじゃない!

って思ったら、本当に大した問題でもないし、躓(つまづ)くところでもなかった。

ド初心者は先輩方が想像もしない、小さな小さな石に躓(つまづ)いて、時に心折れ、ブログ運営を諦めてしまうものも・・・・・・・

いないか!(笑)

ここに石があったのは、私くらいかもしれない

SNSシェアボタンが表示されない!

解決策はブラウザキャッシュをクリア

電気の点いた電球geralt / Pixabay

JIN公式を見に行ったら、全て解決しました。(注意点に書いてある)

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

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

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

上の引用は下のJIN公式から

シロネ
シロネ
ここに辿り着いたのが奇跡だわ・・・

公式は見ましょう(自分へ)

 

具体的なやり方は「Webブラウザのキャッシュをクリアする方法」をご覧ください♡

 

アイコンが飛んだのはアプデによる「一時的」なもの

WordPressテーマJINのアップデートがありました。
3月28日更新、Ver2.0

パソコンキーathree23 / Pixabay

ぽちっ

 

JIN独自アイコンフォントが実装されたとのことで。
(正直何のことかよくわかっていない)

を読んで、自分で何か設定がいるのかな?と思い、(もう一度言いますが、公式みたら全て答え書いてあった)

Font AwesomeをOFFにしました

電気の切れた電球Morgan4uall / Pixabay

しばらく何も問題はなく。

 

え、アイコン飛んでる・・・・

白い鳥MK817 / Pixabay

気づいたらアイコンが飛んでました。

「戻る」の矢印や、ショートコードに使われているアイコン、SNSのシェアボタンまでなにもかも消え去っていました。

(3度目ですが、JINの公式に「一時的にアイコンは表示されなくなります」と、書いてあります。)

涙を流すギターの擬人化Yumu123 / Pixabay

4月2日(火曜日)の夜から悩んでいて、解決したのは4月3日(水曜日)の夜でした。(正確に言うと4月4日の昼まで掛かった)

長い夜でした。

誰にも相談できず、ひとりひっそりとググり続けていました。

「答えを誰も載せてくれていない!」

そんな苦しみと一人、闘っていました。

「戻らないことなんてないやろ」と思い続け、適当に「カスタマイズ」をみていました。

すると「ヘッダー設定」の「SNSアイコンの表示選択」が目について、「非表示」になっている。

ん?

ポチッ「表示」→公開ボタン→正常に表示された^o^

「えっ・・!!」

(ちなみにここは関係なかった)
ヘッダーにTwitterアイコンが追加されただけ(爆)

そして全ての始まりとなったFont Awesomeを恐る恐るまたOFFにしてみたら、アイコンはそのままにちゃんと表示速度あがりました^o^

Font Awesomeのせいだと勝手に思っていたけれど、普通に「アップデートによるもの」でした。(JIN公式を読んだら誤解が解けた)

ちなみにPCは「SNSのアイコン表示」を選択した際に、偶然にも全部のアイコンが表示されるようになりました。

その後スマホからみたらアイコンがまだ消えたままで、それで困ったので再度調べることになり、JIN公式の更新情報に辿り着きました♡

サイトの表示速度が速くなる!?

バイクsms467 / Pixabay

表示速度測定は「PageSpeed Insights」で、できます。

診断結果はPCで80→86、スマホで28→35とかになりました。
これ何度かすると、PC93とか表示される時もありました。
(私が調べものタブを10個以上開いたままなのでそのせいで遅いのかも?)

参考にならなくてすみません・・・(汗)

しかし速くはなってます!

PCも表示速度あがりました。(スマホが遅いのはなんでだろう・・多分診断結果見た感じ、画像サイズとかかな?)

表示速度の遅さはJINで唯一ネックなところだったのかなぁと思っていたので、Ver2.0の更新はとても有難いです!

 

ブログの表示速度を更に早くする方法追記

Twitterで偶然流れてきたのです、ラッキー♪

Xサーバーが高速化機能を公開した件

アカネ
アカネ
よくわからん 
シロネ
シロネ
とりあえずしとくべし

Xサーバーをご利用の方に朗報ですね!

私はXサーバーを使っています。

設定は1分あればできます。(人によっては秒で終わります)

表示速度、確かにupしました☆

パソコン→91 スマホ→43

WordPressの更新バージョン5.0は使いづらい

アイコン問題が解決して、ブログをさぁ書こう~!と思ったら、なんか編集画面が変^o^

ガヤ
ガヤ
もうこれ以上私の体力を削らないで!
ガヤ
ガヤ
ライフはもう0よ!

を見て、旧エディタに戻しました。

この編集画面が変わってしまったのも、最初はJINの更新によるものかと思っていましたが、

アカネ
アカネ
なんか様子がおかしいぞ・・・

と思ったので調べたら、原因はWordPressさんでした^o^

ちなみに「Classic Editor」のプラグイン、以前同じ問題で引っかかったときに、入れてあります。

今回は「Classic Editor」の設定のページで、「ユーザーにエディターの切り替えを許可します。」を「いいえ」に選択し直したら戻りました。

適当に触りました。

 

おわりに

アイコンinsspirito / Pixabay

この記事では「SNSシェアボタン」等のブログ内のアイコン復活祭について、お話しました。

シロネ
シロネ
アップデート、いつもありがとうございます

この件を通して、「公式を見に行く」ということを再度学習しました。

昔からオンラインゲームとかで、更新される度に私の周りの廃ゲーマーは更新内容ちゃんと見に行ってました。

私だけ見に行ってませんでした。

教えてもらえる環境だったからよかったものの。

この度、再度自分で学習することの必要性を認識しました(笑)

公式は見に行かないとですね☆

 

検索しても答えが出ないって、つらいですよね・・・

どうやって検索したらこの問題解けるんだろう・・・

私が一日半かけて(仕事に行ったりして普通に過ごしていた)やっと解決した話ですが、困ってこのページにやってきてくれたあなたの悩みが一瞬で解決できて、心穏やかにまたブログ作業に戻れたらと思い、ここに記録します。

メモ帳SplitShire / Pixabay

 

JINのアップデートの詳細については、JINの製作者の一人であるひつじさんをTwitterでフォローしていて知りました。

タイムラインに流れてくるので有難いです。

私はタイムライン、全部は見てないんですけどね(笑)

丸一日見ない日もあります^o^;

必要な情報って、その人に必要なタイミングで流れてくるようなところ、ありますよね。

だから、偶然開いたときにゲットできるだけでも、ラッキーじゃないですか。

フォローしておくだけで色々と流れてくるので、Twitterは登録しておくと、便利です(*’ω’*)

SNSアイコン2
始めたばかりのブロガーはTwitterでの情報収集がおすすめこの記事では、情報収集においてのTwitterの便利さについてご紹介します。 と、耳にしますよね。でも、 ...