管理画面の【外観 > カスタマイズ > 詳細なカスタマイズ】では、コンテンツの横幅や要素のディティールに関するオプションを設定できます。
コンテンツ横幅の調節
管理画面の【外観 > カスタマイズ > 詳細なカスタマイズ > コンテンツ横幅の調節】では、サイト全体またはページの横幅を調節できます。
サイトの横幅(PC用) | サイト全体の横幅を数値(px)で指定できます。 左右に40pxずつの余白(padding)が含まれます。(※) |
ページの横幅(PC用) | 投稿・固定ページの横幅を数値(px)で指定できます。 |
※例えば1160pxを指定した場合は、1160-(40+40)=1080pxがコンテンツ横幅の内寸になります。
サイト全体とページを同じ横幅にする場合は「サイトの横幅」に対して「ページの横幅」を80px引いてください。
行間とマージンの調節
管理画面の【外観 > カスタマイズ > 詳細なカスタマイズ > 行間とマージンの調節】では、テキスト要素の行間と間隔(マージン)を調節できます。
文章の行間 | 段落などの文章の行間を調節できます。 |
段落下のマージン | 段落下のマージンを調節できます。ここで設定した値はブロックオプションの「上下の余白設定」にも反映されます。 |
見出し上のマージン | 記事ページ内の見出し上のマージンを調節できます。 |
見出し下のマージン | 記事ページ内の見出し下のマージンを調節できます。 |
リスト項目の間隔(マージン) | 記事ページ内の箇条書き/番号付きリスト項目のマージンを調節できます。 |
リスト下のマージン | 記事ページ内の箇条書き/番号付きリスト下のマージンを調節できます。 |
見出しデザインの調節
管理画面の【外観 > カスタマイズ > 詳細なカスタマイズ > 見出しデザインの調節】では、見出しの角丸や線幅を調節できます。
見出し2(H2)の角丸 | 背景色付きの見出し2(H2)の角丸を調節できます。 |
見出し2(H2)の線幅 | ボーダー系の見出し2(H2)の線幅を調節できます。 |
見出し3(H3)の線幅 | 見出し3(H3)の線幅を調節できます。 |
見出し4(H4)の線幅 | 見出し4(H4)の線幅を調節できます。 |
ウィジェットの見出しの角丸 | ハンバーガーメニューとメインコンテンツ下に設置するウィジェットパーツの背景色付きの見出しの角丸を調節できます。 |
ウィジェットの見出しの線幅 | ハンバーガーメニューとメインコンテンツ下に設置するウィジェットパーツのボーダー系の見出しの線幅を調節できます。 |
見出しのデザインについては、記事ページ設定のオプションで変更できます。
その他デザインの調節
管理画面の【外観 > カスタマイズ > 詳細なカスタマイズ > その他デザインの調節】では、ブロックやショートコードで表示する装飾パーツの角丸や線幅を調節できます。
補足説明・段落スタイル
補足説明・段落スタイルの角丸 | 補足説明や段落スタイルなどの装飾枠の角丸を調節できます。 |
補足説明・段落スタイルの線幅 | 補足説明や段落スタイルなどの装飾枠の線幅を調節できます。 |
ボックス
ボックスの角丸 | ボックスブロック(またはショートコード)の装飾枠の角丸を調節できます。 |
ボックスの線幅 | ボックスブロック(またはショートコード)の装飾枠の線幅を調節できます。 |
ボタン
ボタンの角丸 | ボタンブロック(またはショートコード)の角丸を調節できます。 |
ボタンの線幅 | ボタンブロック(またはショートコード)の線幅を調節できます。 |
色のデフォルト設定
管理画面の【外観 > カスタマイズ > 詳細なカスタマイズ > 色のデフォルト設定】では、ボタンやボックスなどテーマ側で設定してあるデフォルトカラーを変更できます。
リッチボタン
リッチイエロー / リッチピンク / リッチオレンジ / リッチグリーン / リッチブルー | ボタンブロック(またはショートコード)のリッリボタン各色のデフォルトカラーを変更できます。 |
ボックス
ブルー / レッド / イエロー / グリーン / ピンク | ボックスブロック(またはショートコード)のボックス各色のデフォルトカラー(ボーダーと背景)を変更できます。 |