ヘッダーやフッターとの間隔が無いデザインのページがあるため、entry-contentにはあえてmargin や padding を設定していません。
適宜、margin や padding、スペーサーを入れておいてください。

ボタン

1　ボタンブロックを入れてください
2　ボタンブロックの親(wp-block-buttons)の方の高度な設定 > 追加 CSS クラスを設定してください

• 青地の場合：color-main
• 白地の場合：color-white
• 矢印アイコンを付ける場合：icon-arrow（←のみで地色に応じた矢印アイコンが付きます）

3　ボタンブロックの子(wp-block-button)の方の高度な設定 > 追加 CSS クラスでリンクボタンのサイズを設定してください

• 幅144pxの場合：size-small
• 幅228pxの場合：size-medium
• 幅280pxの場合：size-large
• 最大幅312pxの場合：size-xlarge

あしらい付きの見出し

1. 見出しブロックを入れてください
2. 見出しブロックのみでグループ化してください
3. 見出しブロックのグループの高度な設定 > 追加CSSクラスに「service__wrapper–double-line-l-r」を入力してください

表示切替

表示/非表示を設定したいブロックの高度な設定>追加CSSクラスに、表示したいデバイスに応じたクラスを付けてください。
タブレット表示はSP/PCどちらかに合わせると想定していますが、タブレットのみの表示が欲しいという場合は追加するので仰ってください。

スマホのみ

～767px以下

sp を付ける

スマホ～タブレット

～1279px以下

sp-tb を付ける

タブレット～PC

768px以上

tb-pc を付ける

PCのみ

1280px以上

pc を付ける

画像にロールオーバーを設定する

1. ロールオーバー前の画像を画像ブロックで挿入し、リンクを設定してください
2. 画像ブロックの 高度な設定 > 追加 CSS クラスに「rollover」と固有のクラス名を追加してください
3. 2で作成したクラスに背景画像を下記のように指定してください
4. マウスオーバーで1で挿入した画像が透過されます

.rollover.unique-class-name {
background-image: url('画像URLを指定する');
}