ハミングバードのコメント欄の改行と段落の設定

2017 12/18

最終更新日：2022年2月22日

ハミングバードのコメント欄の改行と段落の余白を変更する方法をまとめておきます。

設定

コメント欄では、Enter1回で「brタグ」、Enter2回で「pタグ」が挿入されます。

	挿入方法	HTMLタグ
改行	Enter1回	<br />
段落	Enter2回	<p></p>

本来なら、Enterの回数で改行と段落は区別されるはずなのですが、ハミングバードのコメント欄で使用されている#main article footer pのmarginは0に設定されているため、改行と段落の区別がつきません。

段落に余白を入れたい時は、#main article footer pのmarginを設定する必要があります。

テーマのスタイルシートstyle.css及びカスタマイザーの「追加CSS」に下記コードを追加します。

#main article footer p {
    margin-bottom: 1.2em;
}

#main article footer p {

margin-bottom: 1.2em;

}

余白は自由に調整して下さい。

これでコメント欄の段落に余白が表示され、改行と区別されます。

ハミングバードの初期設定では、コメント欄の段落に余白が設定されていません。

文章が長くなると見辛くなるので、気になる方はCSSで段落の余白を設定して下さい。