WordPressクラシックエディタとグーテンベルグとは？初心者向けに１から解説【プラグイン「Classic Editor」の導入方法まで】

専業ブロガー５年目のあずきです🐥

WordPressの新エディタ「グーテンベルグ（ブロックエディタ）」の登場から３年以上が経つなかで、今なお絶大な人気を誇っている…

の導入方法と、それ以前に…

といった点について、ブログ初心者さん向けに１から解説していきます

まずWordPressでは…

という「２種類の編集エディタ」のうちどちらか一方を選び、そのエディタ内で日々記事を作っていくことになります

つまり、記事を書くときの「編集画面のタイプ」のこと！

で！

どちらのエディタを使っていくにしても、両者の「最低限のポイント」については、最初にしっかり押さえておくのがおすすめです

なぜなら、例えば「記事の作り方」についてググったりした際にも…

ここがごちゃ混ぜになってしまうと…

なんか自分の画面と全然違うんだけど？？？泣

といったケースにもなりかねないからですね（ブロガーあるある）

ということで、さっそく見ていこー！

WordPressクラシックエディタとグーテンベルグとは？初心者向けに１から解説【プラグイン「Classic Editor」の導入方法まで】

WordPressのクラシックエディタとグーテンベルグ（ブロックエディタ）とは？

まずは、WordPressにおける２タイプの編集エディタ…

という点について

この「クラシックエディタ」と「グーテンベルグ」とは、2018年冬にリリースされた…

という大型アップデートによって、結果的にユーザーが ”二分化” された編集エディタです

そもそも！

「WordPress5.0」がリリースされるまで、WordPressの編集エディタというのは通常…

のみでした

以前はそれ一本だったから、「クラシックエディタ」っていう名前すらなかったよ

そこに、2018年末から登場した「WordPress5.0」によって…

編集エディタが抜本的に生まれ変わります

この生まれ変わった「新しい編集エディタ」というのが、ズバリ…

のこと

従来のクラシックエディタが「Office Word」感覚のスタンダードな仕様だったのに対して、グーテンベルグは…

直感的な操作性

というのが、まず一番の特徴になります

「クラシックエディタ」の画面例

「グーテンベルグ」の画面例

そもそも「クラシックエディタ」では…

↑ こちらの「ツールバー」エリアを中心に、例えば…

↑ 任意のテキストを選択した状態で…

↑「太字」アイコンをクリックすると…

↑「太字」に変えられるなど、まさに「Office Word」のような ”基本に忠実な操作感” となっていて、ブログ初心者さんでも極めてとっつきやすい仕様です

安心感がハンパない

一方で！

WordPress5.0から登場した「グーテンベルグ」の場合、まず大前提として…

という、少し特殊なスタイルが採用されています

この「ブロックエディタ」とは、例えば…

↑ こういった記事の「段落」や「見出し」があったとしたら、その１つ１つを…

↑ このように、それぞれを独立した ”ブロック” として扱っていくんですね

この「ブロック」という意味合いがよくわかる機能として、例えば…

↑ こちらの「見出し」になっているブロックを選択した状態で…

↑「上矢印」のアイコンをクリックしてみると…

↑ このように、１つ上のブロックに「丸々移動」させることができます

スマホのアイコンみたいな感じだね

また！

グーテンベルグでは編集画面も ”最小限まで簡略化” されていて、使いたい機能があったときには…

↑ その最小限しか表示されていないアイコンから…

↑ このように「詳細メニュー」を呼び出す、といったスタイルが基本となっています

よくも悪くも ”スッキリさ” が追求されまくったエディタである

そんな ”今っぽい” 仕様に一新されたグーテンベルグでしたが、いざリリースされると…

といった困惑の声が、SNS上などで続出したんですね

するとそういった切実な要望に応えるように、WordPress5.0以降のバージョンでも「以前の標準エディタ」に戻すことができる…

というプラグインが登場します

この「Classic Editor」は、2022年現在でリリースからまだ「３年程度」にも関わらず…

↑ 有効インストール数「500万以上」という驚異的な数字で、それだけ「クラシックエディタ」の需要や人気が高いことを示しています

もちろんClassic Editorは「無料」のプラグインで、導入方法も「インストール＆有効化」だけと一瞬です

具体的な導入手順については、このあと解説するよ！

結果！

「WordPress5.0」がリリースされて以降、WordPressの編集エディタというのは…

にユーザーが実質 ”二分化” されることになったというのが、大筋の流れになります

個人的な体感としては、クラシックエディタが「Office Word」で、グーテンベルグが「スマホアプリ」のような印象です

参考までに、このブログでは「クラシックエディタ」を愛用してるよ！

ということで、お次は「クラシックエディタ」の導入方法を見ていきましょう🐥

WordPressプラグイン「Classic Editor」の導入方法【デフォルトの「グーテンベルグ」から「クラシックエディタ」に変更するやり方】

つづいて、WordPressにデフォルトで設定されている「グーテンベルグ」から…

へ編集エディタを変更する手順についてです

さきほどもお伝えしたように…

という公式のプラグインを使います

「インストール」と「有効化」だけだから、１分もかからないよ！

WordPress管理画面の左側にある一覧メニューから…

↑「プラグイン」という項目にカーソルを合わせ、開いたメニュー内にある「新規追加」をクリックしましょう

つづいて、画面の右上にある…

↑ こちらの検索フォームに　Classic Editor　と入力し、その下の検索結果から…

↑ このアイコンが目印のプラグイン「Classic Editor」を探し、右上の「今すぐインストール」ボタンをクリックします

上の画像例はすでに「有効化」済みの状態だから、「今すぐインストール」ボタンは表示されてないよ！

「今すぐインストール」ボタンが「有効化」という表示に切り替わったら、つづいて「有効化」ボタンもクリックしましょう

↑「プラグインを有効化しました。」と表示されたら、プラグインの「インストール＆有効化」は完了です

なお、この「Classic Editor」は有効化すればあとは勝手に機能してくれるので、特にプラグインの設定などは必要ありません🐥

あずきのワードプレスブログ「完全初心者」ガイド

※2021年発表Infotop Affidemy