サポート » 使い方全般 » Gutenbergでブロックの種類が変えられなくなってしまった

  • 解決済 yuzamei

    (@yuzamei)


    こんにちは。

    ほとんどワードプレスを触ったことのない初心者です。

    GutenbergのブロックエディタでHTMLの編集用(「テキストまたはHTMLを入力して開始」)のボックス以外が表示されなくなってしまいました。

    起きている事象としては下記の記事で紹介されている内容です。ただ記事で示されている方法を試しても変化がありませんでした。
    https://i-fc.jp/web/gutenberg-hyouji/

    考えられる原因や対処法をご教示くださいませんでしょうか。

    これまで試した方法は下記の通りです。(変化はありませんでした。)

    ・ワードプレスの編集画面サイドバーから「ユーザー」>「プロフィール」>「個人設定」>「ビジュアルエディター」>「ビジュアルリッチエディターを使用しない」にチェックが入っていないことを確認
    ・投稿画面の設定(右端の縦3点リーダー)>「ビジュアルエディター」を選択しようとするも選択肢が表示されず選べない
    ・プラグインを全て無効化
    ・テーマをデフォルトにして無効化
    ・テーマ(Affinger5.1.1)を削除
    ・ワードプレスを最新版に更新
    ・ワードプレスのver6.1.1を再インストール
    ・ブラウザのプラグイン(chrome)の影響を考え使っていないブラウザ(safari)で開いてみました

    phpのバージョンは7.4.33です。

    ご多用中恐れ入ります。
    ご回答お待ちしております。

    • このトピックはyuzameiが9ヶ月、 2週前に変更しました。
    • このトピックはyuzameiが9ヶ月、 2週前に変更しました。
    • このトピックはyuzameiが9ヶ月、 2週前に変更しました。
    • このトピックはyuzameiが9ヶ月、 2週前に変更しました。
    • このトピックはyuzameiが9ヶ月、 2週前に変更しました。
    • このトピックはyuzameiが9ヶ月、 2週前に変更しました。
8件の返信を表示中 - 1 - 8件目 (全8件中)
  • こんにちは

    投稿画面の設定(右端の縦3点リーダー)>「ビジュアルエディター」を選択しようとするも選択肢が表示されず選べない

    私の環境で、簡単にテストしてみたのですが

    ビジュアルリッチエディターを使用しない 「チェック」が入っている場合には、3点リーダーメニューには、選択肢は表示されません

    ビジュアルリッチエディターを使用しない 「チェック」がない場合には、3点リーダーメニューには、選択肢は表示されました

    不具合の検証時には、アドレナリンが多く出ていることがよくありますよね。

    デフォルトの状態で、もう一度チェックしてみてもらえませんか?

    トピック投稿者 yuzamei

    (@yuzamei)

    お忙しいところご返信いただきましたのに反応が遅くなり大変申し訳ございません。

    仰せの検証内容と合っていれば良いのですが、下記の通り状況を確認しました。(プラグインは全て無効にし、テーマはデフォルトの状態です。)

    ビジュアルリッチエディターを使用しない 「チェック」がないことを確認した上で
    https://gyazo.com/b0f85b3bc05de718537b0549b73ecdc9

    投稿画面に遷移したのですが3点リーダーメニューには、選択肢は表示されない状況でした。
    https://gyazo.com/485f090e28eefa2a526e859df60eec82

    他に試すべきことなどありそうでしょうか?

    トピック投稿者 yuzamei

    (@yuzamei)

    追記:
    エックスサーバーを利用しているのですが、その担当者様にも問い合わせをし、アドバイスをいただいた内容について検証しました。結果、挙動に変化はありませんでした。

    (1)ブラウザキャッシュ、サーバキャッシュの停止
    (2)PHPのバージョン変更

    (2)については、元々の7.4.33から下記に変えてみましたが変化は特にありませんでした。
    PHP8.1.12
    PHP8.0.25
    PHP7.3.33
    PHP7.2.34
    PHP7.1.33
    PHP7.0.33
    PHP5.6.40

    また、ワードプレスのバージョンを5.9.5までダウングレードしてみましたが、(PHPのバージョンは7.4.33にしました。)こちらも挙動が変わりませんでした。

    現状、バージョンは下記の状態です。
    WordPress6.1.1
    PHP8.1.12

    • この返信は9ヶ月、 2週前にyuzameiが編集しました。

    こんにちは。
    そのログインユーザーで、エディターの設定が不正な状態で保持されてしまっているという可能性もあるかもしれません。

    試しに新規ユーザーを作ってみて、そのユーザーでログインした時にどうなるかを試してみてはいかがでしょうか。

    スクリーンショットありがとうございます。

    一点、ちょっと引っかかるところがあります。

    https://www.tenman.info/wp3/emulsion/files/2022/12/editor-icon.png

    私の環境では、ビジュアルリッチエディターを使用しないに、チェックを入れてから アイコンが変更になっています。
    チェックを外しても、アイコンは変更されたままです。

    なんか、おかしいなぁ と思っていましたが、そちらのアイコンは、歯車のままなんですね。

    @wildworks さんが指摘されているように、別ユーザーでチェックしてみるといいかもしれません。

    PHPバージョンは、7.4 位が全体の半数程度のユーザーが使用しているので、それぐらいがいいと思います。

    トピック投稿者 yuzamei

    (@yuzamei)

    お二人ともご回答ありがとうございます。
    「ビジュアルリッチエディターを使用しない」のチェックが外れた状態で、かつ、実験用にテストアカウント(投稿者)を作りました。
    https://gyazo.com/847a2541ab41976931653941a8bd53b2
    そのアカウントで新規記事を作成してみました。
    右上には歯車のマークが出ている状態で、ブロックの種類変更や追加はできないままです。
    https://gyazo.com/5ea48fce647b1f677747edc597ed76dd
    PHPのバージョンは7.4.33に戻して確認しました。
    これはワードプレスのアップロードし直しになりそうでしょうか…?
    私の調べるかぎり他に打ち手はなさそうです…。

    PC や MAC の古いバージョンで同じような症状が起きる場合があるようです。
    https://github.com/WordPress/gutenberg/issues/12760

    別の端末(PC やスマホなど)で試してみてはいかがでしょうか。

    トピック投稿者 yuzamei

    (@yuzamei)

    ありがとうございます。

    ishitaka様にご提案いただいたものを含め色々試しましたところ、原因が分かり問題が解決に至りましたので報告します。

    前提、初心者なのもあり、コンサルなどのアドバイスを受けつつサイトを運営しています。

    アドバイスを受けて、サイトの高速化のために、CDN(AWS CloudFront)を設置したところ、Gutenbergの仕様によりブロックエディタが無効化されていたことがわかりました。

    https://dtbaker.net/blog/rich-textvisualwysiwyg-editor-does-not-work-in-wordpress-behind-cloudfront/

    ご回答いただいたnobita様、Hamano様、ishitaka様ありがとうございました。

    • この返信は9ヶ月、 2週前にyuzameiが編集しました。
8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「Gutenbergでブロックの種類が変えられなくなってしまった」には新たに返信することはできません。