WordPressでフルスクリーンエディターを無効化する方法

WordPressのフルスクリーンエディターを無効化しますか？

更新後、WordPress 5.4では投稿とページのエディターが初期設定でフルスクリーンモードで開くようになりました。この邪魔にならないモードはクリーンで使いやすいエクスペリエンスを提供しますが、ユーザーによっては通常のコンパクト表示に戻りたいと思うかもしれません。

この投稿では、WordPressのフルスクリーンエディターを簡単に無効化する方法を紹介します。

なぜWordPressはエディターをフルスクリーンモードにしたのか？

WordPressはWordPress 5.0でブロックエディター（別名Gutenberg）と呼ばれる新しいエディターを導入した。この新しいエディターにより、ユーザーは共通の要素にブロックを使用し、美しいコンテンツレイアウトを作成できるようになった。

また、WordPressテーマと同じフォントや色を使用することで、投稿やページがどのように見えるかを模倣します。

しかし、左に管理メニュー、上に管理メニューがあるため、少しごちゃごちゃした印象を受けた。画面上にオプションが多すぎて、コンテンツを書くことに集中するのであれば必要ない。

これに対処するため、WordPressのコアチームはエディターを初期設定でフルスクリーンにすることを決定し、ユーザーが気が散ることなく文章を書くことができるようにした。

ここで重要なのは、このフルスクリーンモードは目新しいものではないということだ。すでに存在しており、ユーザーはオン／オフを切り替えることができた。

今回変更されたのは、フルスクリーンモードがWordPressで投稿する際の初期設定表示になったことだ。

WordPressエディターのフルスクリーンモードを無効化する方法（簡単な方法）

WordPressのブロックエディターのフルスクリーンモードをオフにするのはとても簡単です。

投稿日またはページを編集し、画面右上の三点メニューをクリックしてください。投稿エディターの設定メニューが表示されます。

ここから「フルスクリーンモード」をクリックしてオフにする。

投稿エディターは即座にフルスクリーンモードを終了し、管理サイドバーと上部ツールバーを表示し始めます。

WordPressは、フルスクリーンモードの設定をブラウザー一時記憶装置に保存します。

ただし、別のブラウザーに切り替えたり、シークレットモードを使用したり、別の端末から管理エリアにアクセスした場合は、再びフルスクリーンエディターが表示されます。

複数の端末、ユーザーアカウント、ブラウザーでWordPress管理エリアにアクセスしている場合、毎回切り替えるのは少し面倒かもしれません。

次の方法は、それを永久に解決するのに役立つ。

WordPressのフルスクリーンモードを永久に無効化する（スニペット）

この方法では、WordPressサイトに手動でコードを追加する必要があります。WordPressにコード・スニペットを簡単に貼り付ける方法については、こちらをご覧ください。

WordPressテーマのfunctions.phpファイルまたはサイト固有のプラグインに以下のコードを入力する必要があります。カスタム・コード・スニペット・プラグインを使用することで、競合することなくこのコードをサイトに追加することもできます。

if (is_admin()) { 
    function jba_disable_editor_fullscreen_by_default() {
    $script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });";
    wp_add_inline_script( 'wp-blocks', $script );
}
add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' );
}

WPBeginnerでは、このコードを追加するためにWPCodeプラグインを使用することをお勧めします。テーマのfunctions.phpファイルを編集することなく、WordPressでカスタマイザーのコードを簡単に追加できるので、サイトが壊れる心配がありません。

まず、無料のWPCodeプラグインをインストールし、有効化する必要があります。WordPressプラグインのインストール方法については、こちらのチュートリアルをご覧ください。

プラグインを有効化したら、WordPressダッシュボードからCode Snippets ” + Add Snippetに向かいます。

次に、「カスタムコードを追加（新規スニペット）」オプションにマウスオーバーし、その下にある「スニペットを使用」ボタンをクリックします。

次に、「カスタム・スニペットの作成」ページに移動します。ここで、スニペットのタイトルを追加し、上記のコードを「コードプレビュー」ボックスに貼り付けます。

ドロップダウンメニューから、コードタイプとして「PHPスニペット」を選択することを忘れないでください。

最後に、スイッチを「非活性化」から「有効化」に切り替え、ページ上部の「スニペットを保存」ボタンをクリックするだけです。

このコードはまず、ユーザーが管理エリアのページを表示しているかどうかをチェックします。もしそうなら、フルスクリーンエディターの状態をチェックします。もしフルスクリーンエディターが有効化されていれば、単にそれをオフにします。

投稿編集画面から手動でフルスクリーンモードをオンにすれば、投稿エディターは問題なく動作します。

しかし、戻ると自動的にオフになります。この動作はあなたのサイトで投稿エディターにアクセスできるすべてのユーザーに適用されます。

この投稿が、WordPress投稿エディターでフルスクリーンモードを無効化する方法のお役に立てば幸いです。WordPressコンテンツエディターを使いこなすためのヒントや、ドラッグ＆ドロップで使えるWordPressページビルダーのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

コード・クレジット：Jean-Baptiste Audras