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

関連記事

【JavaScript】ページの読込状況を表示するプログレスバーを実装する『PACE』

WEBサイトのページを読込とき、読込むファイル数が多かったりライブラリを参照することでページの読込が完了するまでに時間がかかる場合があります。 読込時間が長いページを制作する場合は、読込状況を視覚的に表示することができるプログレスバーを設置すると閲覧する方に親切になると...続きを読む

2015.02.10HTMLコーディング

【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法

前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。そして、Sass・SCSSを変換(コンパイル)してCSSとして書き出してWEBサイトに組み込むことを...続きを読む

2019.05.16HTMLコーディング

魚時会館おさかな亭様WEBサイトの制作

藤枝市にある『魚時会館おさかな亭へ』様のWEBサイトの制作いたしました。魚時会館おさかな亭様は、藤枝駅より徒歩3分。昭和8年創業の老舗魚屋の目利きによる上質な海鮮料理、和食など静岡名物や料理を提供しおります。静岡県藤枝市で宴会・出前・法事・仕出し弁当のことなら魚時会館おさかな...続きを読む

2018.09.04WEBサイト制作

生成AIツールの全体像|ChatGPTだけではない「役割」で見る使い分け

これまでは、生成AIの仕組みや考え方を整理し、 「どこまで任せてよいか」「何を人が判断すべきか」という 基本的な判断軸を作ってきました。 今回からは、いよいよ具体的な生成AIツールに進みます。 ...続きを読む

2025.12.28生成AIパスポート

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

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

2025.07.29CSSHTMLコーディング