【WP】WordPress5.0の編集エディターを旧バージョンに戻す方法

WordPressのバージョンが、これまでの4.0の系統から5.0系統の最新版へのリリースとなりました。

安全性やバグの修正はもちろんですが、今回、5.0系統の最新リリースで大きく変わったのが投稿時の編集エディターとして「Gutenberg」が標準採用されたことだと思います。「Gutenberg」は、投稿コンテンツをブロック式で追加、編集できるようになり、HTMLコードがわからないユーザーでも、画像やテキストのレイアウトを整えて投稿内容を作成できるようになりました。編集画面がプレビューに近くなり、公開される内容がイメージしやすく編集作業を行えるのが特徴です。

よりビジュアル的に、直感的に投稿を作成できるようになっていますが、旧来のエディターに慣れてしまい、旧来のほうがページ内容の作成、HTMLコードが書きやすいという声も耳にします。また、使用しているプラグインによってはエディターが変わったことで従来の機能が使えなくなることもあるようです。

旧来のエディターに戻したいを思ったときに、WordPressのバージョンをアップロード後は、新しいエディターの「Gutenberg」が標準となっており、そのままでは旧来のエディターを表示することができません。

ただ旧来のエディターを使用する方法がありますので、WordPress5.0にアップロード後、編集エディターを旧バージョンに戻す方法をご紹介します。

プラグイン「Classic Editor 」の提供

WordPress5.0のアップロードに合わせて、旧来のエディターを使用するためのプラグイン「Classic Editor」がリリースされました。旧来のエディターを使用する場合は、このプラグインをインストールして有効化すると旧来のエディターを使用することができるようになります。

プラグイン「Classic Editor 」の設定方法

プラグインの追加で「Classic Editor」を検索いただくと、「Classic Editor」が該当しますのでインストールし、有効化します。

WordPressの管理画面メニューの「設定」にある「投稿設定」を開くと「すべてのユーザーのデフォルトエディター」として「クラシックエディター」、「ブロックエディター」を選択することができます。「クラシックエディター」を選択すると旧来のエディターが利用できる状態になります。

関連記事

カノンってなに?古代ギリシャが定めた“美しさの論理”

「なんかバランス悪いかも」…そんなときに立ち返りたい考え方 デザインしていると、こんな感覚に陥ることはありませんか? 全体のバランスが悪いような気がする どう配置してもしっくりこない “整ってる感じ”がうまく作れない 私もよくあります。 特に、要素をたくさ...続きを読む

2025.07.19カノンデザイン論古代ギリシャ

ロリポップの簡単インストールで「WordPress」のインストールに失敗した!?

WEBサイトを構築・公開するために必要となるレンタルサーバー。数あるレンタルサーバーの運営サービスで、価格も手ごろなロリポップを利用する方も多いと思います。ロリポップではWordPressを簡単にインストールすることができますが、簡単インストールの途中で「インストールできませんで...続きを読む

2017.09.17WordPressレンタルサーバロリポップ

【CSS】JavaScript不要!CSSだけで実装トグル式アコーディオンの作り方

WEBサイトで「アコーディオン」といえば、クリックするとパネルが開閉するUIの定番パターンですね。 多くの場合、JavaScriptと組み合わせて実装することがほとんどだと思います。 でも、CSSだけでもシンプルなアコーディオンを実装できるのをご存じですか? 今回は、CSS...続きを読む

2025.07.29CSSHTMLコーディング

Google ChromeでSSL化(暗号化)されていないページを閲覧すると警告表示がされます

2018年7月から最新のGoogle Chrome ブラウザを使用して、WEBサイト(ホームページ)を閲覧すると、SSL化されていないページでは、「保護されていません/保護されていない通信」という警告文が表示されるようになりました。Google が「保護されたウェブの普及を目指し...続きを読む

2018.08.18SSLWEB

【HTML】Bootstrapの基本「マージン」と「パディング」

『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応のサイト制作が可能です。 『Boots...続きを読む

2018.08.09BootstrapHTMLコーディング