【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】横にスライドするレスポンシブメニューを実装するライブラリ『mmenu』

スマートフォンやタブレットのアプリなどでボタンを押すとメニューが横から展開するインターフェイスをみることがあります。今回はそのような横にスライドするメニューを実装することができるJavaScriptライブラリ『mmenu』を紹介します。 『mmenu』 ダウン...続きを読む

2015.03.04HTMLコーディング

【CSS】互い違いに行の色を変えるテーブルデザイン

CSS3では、nth-childの疑似クラスが定義されて、CSSだけで、テーブル<table>デザインをよりわかりやすく設計することができるようになりました。 nth-child(n)では、n番目の子となる要素にスタイルを適用することができるため、&...続きを読む

2015.02.08CSSHTMLコーディング

【デザイン】シングルページデザイン海外のクリエイティブWEBサイトまとめ

シングルページデザインは、1ページ内に「お知らせ」「コンセプト」「サービス紹介」「会社概要」「お問い合わせ」などのサイトを構成する一般的な情報をすべて集約したデザインです。従来サイトで、訪問者がページを見て必要な情報が無いと判断して離脱してしまうことを防ぐことから設計されたデ...続きを読む

2015.02.16インスピレーション

美容室トップスタイル様WEBサイト制作

富士宮市にあるトータルビューティーサロン『美容室トップスタイル』様のWEBサイトを制作いたしました。南国ムードあふれる癒し系美容サロンをテーマにスタッフの笑顔で出迎えることができるデザインにいたしました。 クライアント美容室トップスタイル様 U...続きを読む

2015.04.08WEBサイト制作美容室

【デザイン】室内の壁をクリエイティブに飾るデザインワーク

店舗やオフィスなど単調な壁面、インテリアや照明がないと少し寂しい雰囲気にもなります。 そのような室内の壁をクリエイティブに飾るアートワークをまとめてみました。 Smartdeco - Wall decoration design: asterisco*l...続きを読む

2015.02.14インスピレーション