クラシックエディタで書いた記事をブロックエディタ(Gutenberg)に変えるには？

2020年8月11日2022年3月13日WordPress,便利なプラグイン

最近ようやくWordPressの新エディタ Gutenberg(グーテンベルク)を使いはじめました。「使いづい」と思っていましたが、使ってみるととても便利で今ではクラシックエディタで記事を書かなくなりました。

ブロックエディタで書いたのはまだ少ないです。もちろんブロックエディタを使いはじめる前はクラシックエディタで書いていたので、当然まだクラシックエディタで書いた記事の方が多いんです。

今後、過去の記事を修正することもありますし、クラシックエディタがいつまで使えるか解りません。なので今回は「クラシックエディタで書いた記事をブロックエディタ(Gutenberg)nに変換するには？」ということを書きたいと思います。

テキストエディタで書いた記事

テキストエディタで書いた記事をブロックエディタで開いてみると、クラシックブロックの中に記事の内容が入っています。

そのままでも記事は編集できますが、クラシックブロックに全部入った状態です。このままでは途中でブロックを追加しようと思っても追加することができません。なのでクラシックブロックの中の記事を「見出し」「段落」などのブロックに変換します。

ブロックに変換する

クラシックブロックを選択して、ツールの一番右のをクリックして、メニューの中の『ブロックに変換』をクリックしてください。

「ブロックに変換」するのは超簡単です。ですが、ブロックに変換するには問題点もあります。

問題点

残念ながらブロックに変換は100％完璧に変換できません。一部レイアウトが崩れてしまったり、背景色や枠線などのスタイルが消えてしまったりします。

どの程度レイアウトが崩れたりするかはやってみないと解りません。

ブロック変換したらすぐに更新するのではなく、プレビューで確認してみましょう。修正が必要なら修正してください。

また修正途中で「下書き保存」すると公開している記事は「下書き」状態となり公開されなくなってしまいますのでご注意ください。

記事を編集するときに使うと便利なプラグイン

ブロック変換をするとレイアウトが崩れてしまうかもしれません。それでもブロック変換は簡単にできるし、後々のことを考えるとやっておいた方がいいと思います。

修正に手間取り下書き保存をしたくても公開中の記事を下書きにしてしまうと記事は見れなくなってしまいます。出来れば公開したまま下書き保存(一時的に保存)したいですよね。

そこで記事を公開したまま下書き保存ができるプラグインがあります。ブロックに変換する際や記事の書き直し(リライト)したいときなどに使うと記事を公開したまま「下書き保存」できるので便利です。

公開済みの記事を公開したまま下書き保存ができるようにするプラグインは以下のページにまとめましたのでそちらを参考にしてください。

ブロック間の余白

ブロックに変換後の修正は変換してみないとわかりません。ですが、ブロックに変換すると「余白」がなくなってしまうことがあります。

私も以前していましたが、記事を書くときに改行して余白を作っていました。WordPressにはPタグとBRタグを自動で挿入する機能があります。そのため文字も入っていない行を段落や画像などの間に入れて余白を作っていました。

ですが、ブロックエディタ(Gutenberg)には文字も入っていない行で余白を作ることができません。なのでブロックに変換すると空の行は無視され余白がなくなってしまうんです。

ブロックエディタには余白を作るための『スペーサー』というブロックがあります。スペーサーブロックを使うと簡単に余白を入れることができます。

余白を入れる

余白を入れたい場所の上のブロックを選択します。画面左上のををクリックします。

ブロックの一覧の［レイアウト要素］の中に「スペーサー」というブロックがあるのでクリックして挿入します。

挿入した後画面右上のをクリックして余白の調整をしてください。

最後に

今回は「クラシックエディタで書いた記事をブロックエディタに変換する方法」について書いてみました。

クラシックエディタはいつまで使えるかわかりません。というか2021年12月31日までは公式サポートされるようですが、サポートが切れた後どうなるかわかりません。

なので今のうちにブロックエディタに移行しておいた方がいいかもしれません。

クラシックエディタで書いた記事をブロック変換するときに参考にしてください。