WordPressでビジュアルエディターモードを削除する方法（簡単な方法）

WordPressのビジュアルエディターは初心者には便利ですが、コンテンツの書式設定を正確に制御する必要がある場合には、しばしば邪魔になります。

コードスニペットを貼り付ける場合でも、カスタムHTMLを扱う場合でも、あるいは単にテキストのみの編集のシンプルさを好む場合でも、ビジュアルエディターを削除することでワークフローをスピードアップできます。

良いニュースは？広範なテストの結果、ビジュアルエディターを無効にして、クリーンでコードフレンドリーなテキストエディターを使い続ける簡単な方法を見つけました。

このガイドでは、私の実地テスト経験に基づいて、WordPressでビジュアルエディターを削除する方法を正確に説明します。

WordPressでビジュアルエディターモードを削除する理由

一部のWordPressユーザーは、余分な書式設定を避け、HTMLの制御を強化するためにビジュアルエディターを削除することを好みます。ビジュアルエディターは、コードをクリーンで正確に保とうとしている場合に問題を引き起こす可能性のあるスタイルや追加のタグを自動的に挿入することがあります。

デフォルトでは、WordPressはビジュアルエディターで開きます。このモードは、What-You-See-Is-What-You-Get（WYSIWYG）のスタイル表示インターフェースを表示します。

テキスト、画像、動画、ボタンなどのブロックを追加できます。また、テキストの色を変更したり、タイポグラフィを調整したり、コンテンツを配置したり、メディアを埋め込んだりするためのフォーマットツールも提供します。

WordPressビジュアルエディターの操作をマスターするためのヒントはこちらをご覧ください。

このモードはほとんどのユーザーに役立ちますが、予期しない書式設定を適用したり、クリーンアップが難しい余分なHTMLを作成したりすることがあります。

コードエディターは、よりミニマルなインターフェースを提供します。ブロックの代わりに、コンテンツの背後にある生のHTMLが表示されます。書式設定ボタンやプレビューはなく、プレーンテキストとマークアップのみです。

これは、編集モードを切り替えることなく、コンテンツの構造とスタイルを完全に制御したいユーザーに最適です。

では、ビジュアルエディターを無効にして、デフォルトでコードエディターで直接作業する方法を見てみましょう。

• WordPressでビジュアルエディターモードを削除する方法
• WordPressでビジュアルエディターモードを再度有効にする方法
• ボーナス：WordPressで気が散らないモードを使用する
• WordPressエディターに関するよくある質問

WordPressでビジュアルエディターモードを削除する方法

WordPressでビジュアルエディターを無効にするには、テーマのfunctions.phpファイルにカスタムコードを追加します。ただし、これは危険を伴う可能性があります。なぜなら、わずかなエラーでもサイトが破損し、ダッシュボードにアクセスできなくなる可能性があるからです。

そのため、最高のWordPressコードスニペットプラグインであるWPCodeの使用をお勧めします。

テーマファイルを直接編集するのとは異なり、WPCodeを使用すると、コアファイルに触れることなく安全にカスタムコードを追加できます。さらに優れているのは、組み込みのエラー処理機能です。

何か問題が発生した場合、WPCodeは誤ったスニペットを自動的に無効にし、サイトをスムーズに実行し続けます。

これらの機能こそ、特に初心者にとって、WordPressにカスタムコードを追加する最も安全で簡単な方法としてWPCodeを私が気に入っている理由です。

ツールの使用経験について詳しく知るには、WPCodeのレビュー全体もご覧いただけます。

1つ注意すべき重要な点は、このスニペットはあなたのユーザーアカウントのビジュアルエディターのみを無効にするということです。これは、WordPressのuser_can_richeditフィルターがユーザーごとに権限をチェックするためです。サイト上の他のユーザーは、このコードを適用しない限り、ビジュアルエディターを引き続き使用できます。

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

有効化したら、WordPressダッシュボードから コードスニペット » + スニペットを追加 ページに移動してください。

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

これにより、「カスタムスニペットの作成」ページに移動し、ポップアップからコードタイプとして「PHPスニペット」を選択する必要があります。

次に、スニペットに名前を付けます。後でコードが何をするかを簡単に識別できるように、「Visual Editorを無効にする」など、明確で説明的な名前を使用することをお勧めします。

次に、次のカスタムコードを「コードプレビュー」ボックスに追加します。

// Force rich editing ON for current user
add_filter('user_can_richedit', '__return_true');

// Force rich editing OFF for current user
add_filter('user_can_richedit', '__return_false');

このスニペットは、ユーザーアカウントのビジュアルエディターをオフにし、投稿やページを作成する際にWordPressがコードエディターのみを表示するように切り替えます。

つまり、フォーマットボタンやブロックオプションは表示されず、コンテンツの生のHTMLビューのみが表示されます。

その後、トグルを「非アクティブ」から「アクティブ」に切り替えてコードを実行します。次に、「スニペットを保存」ボタンをクリックして変更を保存します。

次に、ブロックエディターで新しい投稿またはページを開きます。ビジュアルエディターが無効になり、コードエディターがデフォルトとして設定されていることに気づくでしょう。

このモードでは、コンテンツは生のHTMLとして表示されます。つまり、ビジュアルエディターに表示されるブロックパネルの通常の書式設定やスタイル設定オプションは適用されません。

例えば、段落ブロックはエディターでは次のような表示になります： 

<!-- wp:paragraph --><p>これは私の段落です。</p><!-- /wp:paragraph -->

「ブロックを追加」(+) ボタンが無効になっていることにも気づくでしょう。これは、現在コードエディターにいるため、ビジュアルインターフェースではなく、ブロックの生のHTMLが表示されるからです。

WordPressでビジュアルエディターモードを再度有効にする方法

WordPressでビジュアルエディターを再度有効にしたい場合は、無効にしたコードスニペットを無効にするだけで済みます。WPCodeダッシュボードからステータススイッチを「オフ」に切り替えることで、これを簡単に行うことができます。

開始するには、WordPress管理画面のコードスニペットページに移動します。ビジュアルエディターを無効にするスニペットを見つけて、オフに切り替えます。

無効にすると、WordPressは自動的にユーザーアカウントのビジュアルエディターを復元します。追加の手順は必要ありません。

このシンプルなトグルは、気が変わった場合や、投稿やページをより簡単に編集するためにビジュアルエディターを元に戻す必要がある場合に、簡単な解決策となります。

ボーナス：WordPressで気が散らないモードを使用する

コードエディターで直接作業するようになると、サイドバーのブロック設定をまったく使用しなくなることに気づくでしょう。そのサイドバーは不要な乱雑さになる可能性があります。

ここでWordPressの組み込みの集中モードが役立ちます。

不要な要素をすべて非表示にし、クリーンなフルスクリーンワークスペースを提供します。これにより、執筆中にコンテンツに完全に集中でき、集中力、創造性、生産性を向上させることができます。

このモードを有効にするには、ブロックエディターでページまたは投稿を開き、右上隅にある3つのドットアイコンをクリックするだけです。これによりドロップダウンメニューが開くので、「気が散らない」オプションを選択する必要があります。

これが完了したら、クリーンで整理されたキャンバスにコンテンツを記述できるようになります。詳細については、WordPressで気が散らないフルスクリーンエディターの使用方法に関するチュートリアルをご覧ください。

WordPressエディターに関するよくある質問

私たちの読者がWordPressのビジュアルエディターについて頻繁に尋ねる質問をいくつかご紹介します。

WordPressのビジュアルエディターを無効にするにはどうすればよいですか？

WordPressのビジュアルエディターを無効にする最も簡単な方法は、WPCodeのようなプラグインを使用して小さなPHPコードスニペットを追加することです。これにより、テーマのfunctions.phpファイルを直接編集することなく、デフォルトでコードエディターに切り替えることができます。

WordPressで画面オプションを削除するにはどうすればよいですか？

WordPress管理画面の多くのページ右上にある「表示オプション」タブをクリックすることで、項目を非表示にできます。ドロップダウンメニューから、表示したくないパネルやメタボックスのチェックを外すだけです。

WordPressでファイル編集を無効にするにはどうすればよいですか？

テーマおよびプラグインのファイルエディタを無効にするには、次のコード行をwp-config.phpファイルに追加する必要があります。

define('DISALLOW_FILE_EDIT', true);.

これは、不正なコード変更からウェブサイトを保護するための、強く推奨されるセキュリティ対策です。

この記事がWordPressでビジュアルエディターモードを削除する方法を学ぶのに役立ったことを願っています。また、WordPressブロックエディターの使用方法に関する究極のガイドや、最高のGutenberg対応WordPressテーマのトップピックも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。