【ブログの表示がおかしい!】Twitter経由のブログの表示が変になった時にやった2つのこと

こんにちは!三日月です🌙

ブログ作成ド初心者な私ですが、非常に困ったことがあったので

実際に私が行った対象法を、己の備忘録的な意味でも皆さんに共有させていただこうと思います😂😂

おかげさまで表示は元に戻りました・・・ヨカッタ

私と同じようなエラーで困ってるブロガーさんの助けになればいいな・・・😂😂

ただ、何度も言いますが私自身はド素人なので、ここに書いている以上の対処法はわかりません(;’∀’)

参考程度に見ていただけると有難いです🙇‍♀️

良ければ最後まで読んでみてくださいね♪

突然、Twitter経由のブログの表示がおかしくなった

日々ブログを作成している中で、ついにTwitterも始めました✨

良かったらのぞいてみてください(*’ω’*)フォローもしてくれたら嬉しくって小躍りします!

三日月のTwitter

そんな中でTwitterから自分のブログがどう見えてるか気になってのぞいてみたんですけど・・・

赤矢印のところに設置してたはずの物がない(白目)

赤矢印のところに設置していたはずの物がないことに気づきました・・・・🙄アレエ

設置してたはずの物は以下の2つ

ブログを見てる人が上へスクロールする動作をすると出現するメニューバー

右端中央付近にページトップへ戻る追従するボタン

最初はキャッシュでもたまってるのかなと思ってキャッシュ削除をしたのですが

全く直らない😂😂😂😂😂

ということでネットでググることにしました。

https://www.fuwattonikki.com/wp-content/uploads/2021/05/km23555136005101223338.png三日月

頼れるのは先人たちの知恵のみ!

[ブログ Twitter 表示 変]で調べてみたところ

さ恵きさんの すきだらけ.net で同じようなエラーに遭遇しているのを見つけることができました!

どうも、こちらのブログでのエラー原因は、ブログの表示速度を上げるために入れたプラグインだったようです。

あ、私もちょうど前日にブログの表示速度を上げるため

CSSとJavascriptを最適化させるプラグイン入れていた!!!!!!

https://www.fuwattonikki.com/wp-content/uploads/2021/05/km23555136005101223338.png三日月

犯人は絶対昨日入れたプラグインわ!!!!!!!

ということで、犯人に目星をつけて対処することにしました😂😂

実際に行った2つの対処法

ブログの表示速度を上げるために私が入れていたプラグインは2つ

Autoptimize

Async JavaScript

良かれと思って入れたプラグインに振り回されることになるとは・・・・カナシミ

それぞれのプラグイン名+不具合って感じでググってみたところ

めちゃくちゃ詳しいサイトがあったので、そちらを参考に対処しました。

Autoptimize→ BLOG BOOT CAMP

Async JavaScript→ kenta blog

① Autoptimizeの設定を変更

まずはAutoptimizeの設定を変更していきます(`・ω・´)ゞ

設定の流れ

WordPressの[設定]画面をクリック
Autoptimizeをクリックして設定画面を開く
[JavaScriptオプション]内の[JavaSctipt オプション]のチェックボックスを解除!!!!
ページ下部にある[変更を保存とキャッシュの削除]ボタンをクリック

キャッシュ削除はページ上部の[〇Autoptimize]というボタンでもできます(*’▽’)

赤矢印の部分を解除しましょう!キャッシュ削除も忘れずに!

私はこの状態で右端中央付近にページトップへ戻る追従するボタンが復活しました。

残るはブログを見てる人が上へスクロールする動作をすると出現するメニューバーだけ!

② Async JavaScriptの設定を変更

AutoptimizeのCSS設定を弄ってもメニューバーだけは復活しなかったので

もう一つのプラグインの設定を弄ってい見ることにしました(`・ω・´)ゞ

設定の流れ

WordPressの[設定]画面をクリック
Async JavaScriptをクリックして設定画面を開く
[Async JavaScript Method]内の[Async]を[Defer]に変更
[jQuery]内を[Excludeに変更
[Save Setting]をクリック

赤矢印で示した部分のラジオボタンに変更する

ここまで来てやっと!!!!

現れてほしい部分が復活😂😂

ページ上部へ戻るボタンも、メニューバーも復活しました(´;ω;`)

ページが見にくいのはかなりのストレスになるので、本当によかった・・・・

おわりに

ページ表示がおかしくなった時は

今まで設定してきたことが水の泡になるかと焦りましたが

何とか先人たちの知恵をお借りして復旧させることができました💦

よくわからずに、とりあえずやっちゃえ!!とプラグインを入れてしまった自分が情けないです(;^_^A

今後はちゃんと下調べしてから導入するか検討しようと思いました😂

今回の記事は私の失敗談でした!

誰かの助けになるといいな~

三日月🌙


ふわっと日記はConoHa WINGを使用しています♪

初心者でもすぐブログを作れるサポートもあります♪
興味がありましたらのぞいてみてくださいね(*’▽’)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA