WordPressでブログを書くとき、
「Enter」でスペースを開けていくだろう。
だけどたまにスペースが開かないこともあるだろう。
投稿前にプレビューしたとき、
こんな感じだ。
私の過去の記事だが、行替えのスペースが抹殺されてて驚いた。
今はもう修正されているが。
この記事ではその不調の解決方法を紹介する。
行替え不調の理由
行替えがうまくいっていない原因は
Enterで打ち込まれるコードが本来の行替えで使われるコードでないことだ。
本来、空白部分でEnterを打ち込むと
がテキストエディタに表示され、ビジュアルエディタも行替えされる。
ではなぜ空白部分でEnterを打ち込んでも行替えされないのか。
それは
の代わりに<div></div>が打ち込まれているからだ。
<div>はコードをグループ分けして分かりやすくするために使うものだ。
<div>単体には意味はなく、打ち込まれても行替えはできない。
実際行替えできていなかったとき、テキストエディタは以下の通りだ。
でなく<div></div>が打ち込まれている。
これが行替えできなかった理由だ。
行替えするための解決方法
行替えするための解決方法は
テキストエディタで<div>を に打ち直していくことだ。
地味な方法だが、これでしっかり行替えできるようになる。
1つ注意点。
はテキストエディタでも空白の部分でしか使えない。
<div>の後ろとかだと、 が投稿に表示されてしまう。
その点には気を付けて。
WordPressはノーコードのために、プログラミング知識皆無でも扱えるプラットフォームだ。
それでも最低限の知識を持っている方が装飾やSEOなどでちょっとした工夫ができる。
知らなくてもいいが、知っておいて得することは間違いない。