JP Markdown と Classic Editor をやめ、Gutenberg を利用することにしました

1. これまでの経過

本ブログでは、JP Markdown というプラグインを利用していました。Markdown を使って記事を書くためのプラグインです。

既に何年も前から更新されなくなっていたのですが、先月末とうとうダウンロードすらできなくなりました。

また WordPress バージョン 5 になり、デフォルトのエディタが「Gutenberg」になりました。この Gutenberg は、「ブロック」という新しい概念が導入されており、それまでのエディタから大きく変化しています。

しかし、本ブログでは JP Markdown を使っていたこともあり、Gutenberg のメリットを享受することはほとんどないだろうと判断して、従来のエディタを使い続けてきました（Classic Editor プラグインを導入すれば可能です）。

とうことで、Classic Editor + JP Markdown という環境で記事を書いていました。

JP Markdown が終了したとはいえ、まだ当面の間は使い続けることができるでしょう。また、Gutenberg でも「コードエディター」というモードであれば、JP Markdown やその他の同じようなプラグインを使って Markdown を利用することは可能です。

なのですが、最近「Markdown を使わなくても、あまり変わらないのではないか？」と思うことも増えてきていたため(*1)、Gutenberg を使うのもよいのではないかと思うに至りました。

*1: HTMLタグに独自にCSSクラスを指定したい場合には、自分でHTMLを書くことになります。こうする機会が増えていました。

この記事で書きたかったのは、「Gutenberg に移行すると何が変わるのか？」という点です。実際に移行して気づいた点を忘れないように記しておきたいと思います。

過去に Markdown で書いた記事を編集したい場合は、Markdown形式ではなくHTML形式でデータを編集することになります。但し、ビジュアルエディターも使えます。

テーマが Gutenberg に未対応であれば、当然エディタのツールバー上にボタンが表示されなくなります。これは結構困る点です。

この際、必要なボタンは自分で追加してもよいでしょう。

参考

Add a Button to the Toolbar – The new Gutenberg editing experience — WordPress（リンク切れ）

用意されているブロックの種類が多いおかげで、従来HTMLコードを直接書いていたよりも記述がラクになることもあります。

例えば、ビジュアルエディターで書いたほうがラクな部分と、HTMLを手書きしたい部分があった場合に、「カスタムHTML」というブロックを使うことができます。

そのため、ビジュアルエディターをメインに使うというので問題がなく、コードエディターは補助的に使うだけで済みそうです。

プレビュー表示がちょっと遅いです。→ その後、速くなりました。なぜ？

思っていたよりも、Gutenberg が便利そうです。今後も気づいたことがあれば、本ページに追記していきます。