スターターパックには以下の見出しのスタイルが追加されています。
括弧付き
交差するボーダー
括弧付き
交差するボーダー
- 縦書きスタイルが可能です。
縦書きの使用例
https://wp-demo03.uonuma-js.com/about_us/
https://wp-demo03.uonuma-js.com/rooms/ - 括弧、ボーダーの色は文字色と同じです。文字色を変更すると括弧、ボーダーの色も変わります。
- 括弧付きは外枠で囲むスタイルが可能です。
括弧付き＋外枠
操作手順は下記の会員専用ページに載っています。
WordPress サイト開設スターターパック 
2色の図形の飾り
- 図形の色は キーカラー と カスタムカラー 1 が設定されています。
- 図形の形や透過設定の解除、中央揃え・右揃えもできます。操作手順は下記の会員専用ページに載っています。
左右にライン
- 左右のラインの色は キーカラー が設定されています。
- テキストの配置は左寄せのみです。
左右にシャドウ付きライン
- 左右のラインの色は キーカラー が設定されています。
- テキストの配置は中央寄せのみです。
左右に…
- 左右のラインの色は明るいグレーが設定されています。
- テキストの配置は中央寄せのみです。
左右に2色のライン
- 左右のラインの色は キーカラー と カスタムカラー 1 が設定されています。
- テキストの配置は中央寄せのみです。
右に2色のライン
- 左右のラインの色は キーカラー と明るいグレーが設定されています。
- テキストの配置は中央寄せのみです。
見出し（下に短い2色のボーダー）
- 左寄せ、右寄せでも使えます。
- ボーダーの左側の色は キーカラー が設定されています。
- 追加 CSS クラス
ujs-heading-2-colors-line-below-custom-1を追加すると、ボーダーのキーカラーの部分が カスタムカラー 1 に変わります。
見出し（左に2色のボーダー）
- 中央寄せ、右寄せでも使えます。
- ボーダーの上側の色は キーカラー が設定されています。
- 追加 CSS クラス
ujs-heading-2-colors-line-left-custom-1を追加すると、ボーダーのキーカラーの部分が カスタムカラー 1 に変わります。 - 上の見出し（下に短い2色のボーダー）と組み合わせて、統一感があるデザインにすることができます。
見出し（波線の下線）
下線の色は キーカラー になっています。
見出し（隙間がある2色の下線）
短い方の下線の色は キーカラー になっています。
見出し（文字部分だけ下線の色を変える）
文字部分の下線の色は キーカラー になっています。文字の位置は左寄せでお使いください。
見出し（右に伸びるライン）
ラインの色はテキストの色と同じです。（テキストの色を変更すると、ラインの色が自動的に変わります）
見出し（右に伸びるライン アイコンあり）
テキストの色とラインの色を同じにするには 横並びブロック のスタイルでテキストの色を設定してください。
（テキストとラインを違う色にすることも可能です）
アイコンの色はテキストの色とは別に設定するようになっています。
見出し (下に短いライン)
見出し (下に短いライン)
見出し (下に短いライン)
ラインの色は キーカラー になっています。
2025.7.8 機能追加
左寄せ・右寄せに対応しました。
見出し (左右に短いライン)
ラインの色は キーカラー になっています。
見出し (円飾り)
円の色は カスタムカラー 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
メールのお問い合わせ