Care Code
こんにちは、まっすです。
Webサイトの制作をしている中で、テーマをカスタマイズをする機会があります。
固定ページを編集してページを作成する時には、ビジュアルエディタではなく、コードエディタを利用するこがよくあります。
コードエディタを利用して作成し、プレビューでも問題ないので公開をクリックして完成と思ったのに、なぜかレイアウトが崩れている。。。
そんな時の対応方法を紹介します！
実は私も案件でなぜ？と悩みました。。。
もし同じような悩みを持っている方のお役に立てれば幸いです。
WordPressのコードエディタで改行が消える・改行されない場合の対処方法
よく簡単な改行をする時に<br>を使われると思いますが、WordPressのコードエディタでは公開をクリックした後に確認をしてみると勝手に消されていることがあるんです！！！
これはWordPressの仕様であり、あなたが悪いわけではありません。
そんな時の対処方法を下記に紹介します！
とても簡単なので安心して下さい
<br>タグを消さないためには専用コメントで挟むだけ
コードエディタで改行が消える場合の一番簡単な対処方法は「専用のコメントタグ」を使う方法です。
<!-- wp:html -->ここにbrタグを含むコードを記載 <!-- /wp:html -->のコメントタグで挟むことで<br>タグや<p>タグが消えてしまうことがありません。
<!-- wp:html -->
<p>テキスト</p>
<p>
改行テキスト<br>
改行テキスト<br>
</p>
<p>改行できました</p>
<!-- /wp:html -->このように専用コメントタグで囲うことで予期せぬタグの削除や追加を防ぐことができます！
プラグインやコードの修正をする必要がなく、専用のコメントタグを追加するだけなのでとても簡単です！
WordPressはとても便利ですが、意図せぬ事態にも陥りやすいです。
こんなことで挫折せずに学習を続けましょう！
学習仲間を募集していますので、ぜひTwitter(@massuT3T)などのフォローお待ちしています(๑>◡<๑)