超初心者用WordPress【Cocoon】見出しじゃない文字を見出しに変更した時の行間の余白について

つまりどういうことだよ

ってことですが

自分の記事の一文ですが例えばこの「・サイトキーテキストカラー」を見出しに変更して以下を本文にしたい場合にそのまま見出しを付けてしまうと

このように見出しと本文が結合してしまうんですね。
これは・サイトキーテキストカラーと本文の間にShift＋Enterで行間を作っても結合してしまいます。
このことから見出しと本文が同じブロックにいる場合、強制的に結合してしまうと言うことが分かります。
ちなみにこの状態になって焦って見出しを消してしまうとせっかく書いた本文まで消えてしまうので注意してください。

左上の旗マークを選択し、段落を選ぶことで元に戻すことが可能です。
ここからが本題ですが、じゃあどうやって全部書き直さずに見出しを付ければいいのってことですが

見出しの下にブロックをあければいいじゃん！って思うんですが実際にブロックを開けてから見出しをつけたのが上記の画像です。
サイトキーテキストカラーとフォントの見出しと本文の赤枠で囲ってある余白の部分を見てもらえば分かりますが間をブロックで開けた前者の方が余白が多くなってしまっています。
じゃあまたブロック消せばいいのでは？と思うんですが

これまたくっついてしまうんですね。

解決策

結論から言うと全部書いたものを消さなくても大丈夫です。

正確に言うと消すことは消すんですがコピペで正常な文章に戻すことができます。

まずこの状態から本文をコピーしてブロックごと消してしまいましょう。
そこから・サイトキーテキストカラーの部分のみを見出しに変更します。
そしたら見出しの部分からEnterでブロックを開けましょう。
あとは開けた部分にコピーした本文をペーストすれば

このように先ほどの余白と見比べてフォントの余白と同じ空間になっています。

追記

一度書いたものを見出しに変更する人なんて中々いないとは思いますが初心者の人はやってしまうことがあるんじゃないかなぁ、と思い書きました。
後からあそここうしとけばよかった～とかいうこともありますしね。
実際自分が陥って削除してしまった経験があったので…

とりあえず焦って消すのだけはやめましょう。