テンプレートCSS設定

機能ガイド | マニュアル基本設定ページ編集

概要

設定すると、サイト全体のスタイルを変更できます。
初期値を適用すれば、元のテンプレートのCSSに戻ります。

テーマCSS概要画面

各詳細

サイト全体の色

サイト全体の色設定詳細画面
サイトの背景色 サイトの背景色を変更できます。
サイトの文字色 サイトの文字色を変更できます。
サイトのメインカラー サイトのメインカラーを変更できます。
※見出し部分などに使用されるカラーとなります。
背景色上の文字色 背景色上の文字色を変更できます。
文字サイズ 文字サイズを変更できます。

ブロック背景色

ブロック背景色設定詳細画面
ブロックの背景色 ブロックの背景色を変更できます。

枠線の色

枠線の色設定詳細画面
枠線の色 枠線の色を変更できます。
※サイトのメインカラーと併用することで見出しカラーの統一もできます。

テキスト

テキスト設定詳細画面
文字サイズ 文字サイズを変更できます。
フォントファミリー フォントファミリーを変更できます。

見出しスタイル

見出しスタイルの設定には、上下の余白(スペース)を調整する項目として「マージン」と「パディング」の2種類があります。
どちらも余白を調整する機能ですが、見出しがブロック内のどの位置に配置されているかによって、どちらの設定が適用されるかが異なります。以下の基準を参考に使い分けを行ってください。

見出しスタイル設定詳細画面
マージン 見出しがブロックの「一番上」または「一番下」に配置されている(ブロックの境界線に隣接している)場合に使用します。
用途:ブロックの外側(他のブロックとの間)の余白を広げたい場合
パディング 見出しがブロックの「途中」に配置されている(上下どちらの境界線にも隣接していない)場合に使用します。
用途:ブロックの内側(上下にある別のテキストや画像など)との余白を広げたい場合

ボタン

ボタン設定詳細画面
ボタンの文字色 ボタンの文字色を変更できます。
ボタンの背景色 ボタンの背景色を変更できます。
ボタンの枠線の色 ボタンの枠線色を変更できます。

関連ページ

基本設定の注意事項|機能ガイド|LENSAhubサポート
サイト基本情報|機能ガイド|LENSAhubサポート
ページ編集画面|機能ガイド|LENSAhubサポート
要素設定(詳細)|機能ガイド|LENSAhubサポート
コンテンツ設定(詳細)|機能ガイド|LENSAhubサポート