H1.見出し

H2.見出し

H3.見出し

H4.見出し

H5.見出し

H6.見出し

<div class="entry-content">
	<h1>H1.見出し</h1>
	<h2>H2.見出し</h2>
	<h3>H3.見出し</h3>
	<h4>H4.見出し</h4>
	<h5>H5.見出し</h5>
	<h6>H6.見出し</h6>
</div>

ブロック設定パネル

色設定

高度な設定

見出し設定
H1〜h6までを選択

色設定
文字色のみ

高度な設定
アンカーも設定可能

スタイル設定

標準スタイル

標準スタイル無し

例）追加スタイルサンプル

複数行にも対応させる

.entry-content h2 {
	margin: 1em 0;
	padding: 4px 8px;
	background: #005bac;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: .1em;
	line-height: 1.3;
}
.entry-content h3 {
	margin: 1em 0;
	padding: 0 4px;
	border: 2px solid #005bac;
	border-left-width: 6px;
	color: #333;
	font-size: 1.6rem;
	letter-spacing: .1em;
	line-height: 1.3;
}
.entry-content h4 {
	margin: 1em 0;
	padding: 0 4px;
	border-left: 4px solid #005bac;
	font-size: 1.6rem;
	letter-spacing: .1em;
	line-height: 1.5;
}
.entry-content h5 {
	margin: 1em 0;
	padding: 0 4px;
	border-left: 4px solid #666;
	font-size: 1.6rem;
	letter-spacing: .1em;
	line-height: 1.5;
}
.entry-content h6 {
	margin: 1em 0;
	padding: 0;
	font-size: 1.6rem;
	letter-spacing: .1em;
	line-height: 1.5;
}

ブロック制御コメント

<!-- wp:heading {"level":1} -->
<!-- /wp:heading -->

<!-- wp:heading -->
<!-- /wp:heading -->

<!-- wp:heading {"level":3} -->
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<!-- /wp:heading -->

<!-- wp:heading {"level":5} -->
<!-- /wp:heading -->

<!-- wp:heading {"level":6} -->
<!-- /wp:heading -->