スターターパックには以下の見出しのスタイルが追加されています。
見出し（波線の下線）
下線の色は キーカラー になっています。
見出し（隙間がある2色の下線）
短い方の下線の色は キーカラー になっています。
見出し（文字部分だけ下線の色を変える）
文字部分の下線の色は キーカラー になっています。文字の位置は左寄せでお使いください。
見出し（右に伸びるライン）
ラインの色はテキストの色と同じです。（テキストの色を変更すると、ラインの色が自動的に変わります）
見出し（右に伸びるライン アイコンあり）
テキストの色とラインの色を同じにするには 横並びブロック のスタイルでテキストの色を設定してください。
（テキストとラインを違う色にすることも可能です）
アイコンの色はテキストの色とは別に設定するようになっています。
見出し (下に短いライン)
ラインの色は キーカラー になっています。
見出し (左右に短いライン)
ラインの色は キーカラー になっています。
見出し (円飾り)
円の色は カスタムカラー 2 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (円飾り)
見出し (円飾り)
以下のように見出しの先頭に Font Awesome アイコンをつけて円飾りをさらに透過させるカスタマイズもできます。
アイコンの色と大きさは編集画面でかんたんに変更できます。四角飾りでもこのカスタマイズができます。
先頭にアイコンをつけた見出し
アイコンのスタイルをベタ塗にしてぼかした円飾りと組み合わせた例です。
先頭にアイコンをつけた見出し
カスタマイズのメモ
| アイコン | 追加 CSS クラス z-i-2 |
| 見出し | 追加 CSS クラス ujs-heading-usuku ブロックの余白 下0 |
| 横並び | ブロックの間隔 0.5em |
見出し (円飾り・ぼかし)
円の色は カスタムカラー 2 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (円飾り・大きめ)
円の色は カスタムカラー 2 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (円飾り・大きめ・ぼかし)
円の色は カスタムカラー 2 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (四角飾り)
四角の色は カスタムカラー 1 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (四角飾り)
見出し (四角飾り)
見出し (四角飾り・ぼかし)
四角の色は カスタムカラー 1 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (四角飾り・大きめ)
四角の色は カスタムカラー 1 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (四角飾り・大きめ・ぼかし)
四角の色は カスタムカラー 1 に透過を設定したものになっています。中央寄せ・右寄せに対応しています。
見出し (左右に●)
ラインと●の色は キーカラー になっています。
見出し (左右に◆)
ラインと◆の色は キーカラー になっています。
ご相談・お問い合わせ
CONTACT US
WordPress サイト開設スターターパック
に関することならなんでもどうぞ
お電話のお問い合わせ
025-779-2843
メールのお問い合わせ