Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

各タイトルに適応させるCSSですが、汎用性を考え特定のクラスを使用することとしました。
※h2、h3単体では使えないようになっております。
また、以下のデザインを使用する際は「カスタムHTML」を使用して頂くのが一番良いかと思います。
上下についている<br>は余白をつけるために改行を入れるためのものです。

＋マークをクリックして、リスト内にあるカスタムHTMLを選択。

上部のHTMLが選択された状態で以下のコードを入力して下さい。 プレビューでも内容の確認はできますが、表示時に一部のCSSが適応されていないことがあるので「更新」→「プレビュー」で確認して頂くのが間違いないかと思います。

テストタイトルh2

テストタイトルh3

テストタイトルh4

リストにタイトルを付けたい場合は「<span class=”list_wrap_title>ここにタイトルを入力</span>”」をコンテンツ内に挿入して下さい。」

このようなデザインのタイトルは複数行に完全に対応させることが構造的に難しく、全体の余白をズラして合わせる必要があります。

もし複数行になりそうであれば、またお申し付け下さい。
※現在のデザインとは余白の形式が異なってしまうと思います。

リストはこちらがベースとなります。

上下についている<br>は余白をつけるために改行を入れるためのものです。

要素を詰めたい場合は<br>を削除して頂いても大丈夫です。

枠線を消して、背景色をつけたい場合はクラス「list_wrap_contents」の後ろに「wrap_bg」を追記して上書きして下さい。