ワードプレス5.2にアップデートしたら投稿画面が変になった！キャッシュ削除で解決

当サイトのアフィリエイト広告について→
(ブログ内のレビューは私個人の感想です)

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。なおレビューは私の感想を書いており、内容を指示するご依頼はお断りしています。

つまり！

このサイトのAmazonや楽天のリンクから購入してもらえると、私がちょっとだけ稼げるのです。リンク全部じゃないし、稼ぎも本当に数パーセントなんだけど、それでも癪だな……という方は、リンク踏まないで検索窓に

ブログ自体は本当に個人のもので、読んでくれた人が少しでもクスってなってくれたらいいなと思って書いています。自己紹介はコチラ。本文はコチラ↓

こんにちは。ブログ初心者のとたおです。

今回はワードプレスを5.2にアップデートしたら、投稿画面が変になっていた！
けど、ブラウザのキャッシュを削除したら直りましたよってお話ブログです。

追記：ワードプレス5.3へのアップデートで画面が真っ白になっている人もキャッシュ削除してみてね

前半はミスに気づくまでの経緯なので、解決方法だけ知りたい方は目次をクリック！

WordPress5.2へ更新
- 投稿画面が変になる
- 困った時はTwitterで検索
解決方法

目次へ

WordPress5.2へ更新

2019年5月9日にワードプレスを5.2にアップデートしました。

10連休のGWが明けてブログを書こうとしたら、ワードプレスが更新してねって言ってきた。

何も考えずに更新ボタンを押すと、5分もしないで終了。（ボタンを押す前にバックアップをした方がいい~~事を知ったのが今日なのは内緒の話です。~~）

投稿画面が変になる

更新を終えて、新規投稿画面に移動したら、なんだかレイアウトが崩れている。
左によってるし、ツールバーがついてくる！固定しても全部のボタンが押せないし、画像を挿入すると、なぜか一番上にくる！便利だったブロックの移動ボタンはどこに？

あーーーー
なんだか書きづらい

とたお

アップデートって、より良くなるんじゃないのー？
最新は良いものって信じてたのにーーーっと、ワードプレスの更新の仕様だと疑ってしまいました。

が！

私のミスでした。（着実に使いやすく変更されてましたよ）

困った時はTwitterで検索

この日は、アタフタしながらもなんとかブログを更新させました。
（エディタのレイアウトが崩れた状態でも更新は問題なくできた）
→この時更新したブログはこちらです。
~~（無駄に頑張って書いたので読んでほしいアピールですね）~~

アップデートで打ちづらさを感じているのは私だけだろうか…まだ、10記事しか投稿してないから便利さがわからないのだろうか…

さすがに不安になり、ツイッターで仲間を探しました。

とたお

ワードプレス　アップデート

エディタの画面がおかしい
ガタガタする
バグ？

Twitter検索画面

とたお

仲間いた！バグなのかも！

この時に初めて、システムのエラーと自分の設定を疑いました。そうか、やっぱりおかしかったのか…でも、解決方法がわからない…
なにやら、エディタには種類があって…クラッシックとグーテンベルク…どっち使っているんだろう…このレベルなので、お手上げ状態…そんな時に神が舞い降りました！

WordPress 5.2にアップデートして、投稿から記事編集をしようとした際に、Gutenbergの画面がおかしくなり編集できない方へ。私はブラウザのキャッシュ削除したら治りましたので、参考までに。時間を無駄にしてしまった…。投稿画面が少し変わっていますね。チェックしないと。
— のぶ (@osanpomiti) 2019年5月8日

Gutenberg（グーテンベルク）の画面がおかしくなり編集できない方へ！！
これ私の事だ！神ツイート発見！のぶさん、ありがとうございます！

もう、夜も遅い時間だったので翌日にキャッシュの削除とやらをやってみよう！

解決方法

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

困っていた画面のガタガタは
ブラウザのキャッシュを削除したらエディタが以前の様な状態に戻りました！

ブラウザはchromeを使っていたので以下方法で解決しました。

キャッシュの削除方法

chromeを開いて右上の「･･･」をクリック
設定をクリック
一番下にある「詳細設定を表示」をクリック
「閲覧履歴データの削除」をクリック
期間を選んでキャッシュにチェックをして「データを削除」をクリック

ついでに、閲覧履歴やcookieを削除しても大丈夫です。

なんて簡単なことなんだ！

キャッシュを削除してから投稿画面を開くと…

わぁ！とってもキレイ！
真っ白い投稿画面が輝くキャンパスのように感じられました。

あれ？ブロックが移動できない問題が解決しないぞ

とたお

ブロックが移動できた

スポットライトモードの時はブロックが移動ができない仕様になってました。
移動する時は設定のチェックを外せば大丈夫！

ShinichiKurodaさんがつぶやいてくれていました。感謝！

WordPressのブロックエディタを弄って気づいたこと。
「ブロック移動ボタン」は「スポットライトモード」を解除すれば表示される。カスタムブロックでも同様な模様。#WordPress pic.twitter.com/MXHbs3hUKW
— Shinichi Kuroda (@busstop_kuroda) 2019年5月9日