ベースデザイン設定について

基本的なパーツのデザインを設定する機能

新CMSで大きく変化した特徴のひとつとして、ベースデザイン設定が新たに導入されたことが挙げられます。
これまでCSSで指定していたボタンや見出し、共通する余白の設定をまずはこの画面から行うことになります。

　設定 > ベースデザイン設定　から画面を開くことができます。
右側の画像のように様々な調整ができるタブや入力欄が現れるので、カンプに合わせて設定を行っていくことになります。

このセクションではサイト全体の共通色となる、①メインカラー　②サブカラー　③アクセントカラーの選択を行うことができます。
また、交互に背景色を表示させる際の2色をここから設定できます。

このセクションではサイト全体のテキストのサイズ（字間や行間も含む）の設定を行います。
PC時のフォントサイズ、SP時のフォントサイズをそれぞれ指定することができます。

本文

「編集する」をクリックすると、テキストカラーやリンクのカラーを設定するタブが開きます。
フォントの種類も選ぶことができます。

見出し

「編集する」をクリックすると、テキストカラーやフォントの種類を設定するタブが開きます。

旧CMSと仕様が変わった点

旧CMSでは通常のテキストに使用するテキストパーツと、リンクなどが設定できるリッチテキストパーツの2種類を使い分けていました。
新CMSではリッチテキストパーツへと機能がマージされ、一本化しています。

このセクションでは3種類のボタンを設定し、作成することができます。
適切なアイコンを選択したり、大・中・小それぞれのフォントサイズ、またボタン自体のサイズも指定することもできます。

詳細な設定

「編集する」をクリックすると、ボタンの形状だけでなく、ボタンの色やホバー時の挙動を設定できます。

注意事項

シャドウはボタン1と2に自動的につけられる仕様となっており、ボタン3はシャドウがつかない設定になっています。
※シャドウを消したい場合は別途CSSで調整する必要があります。

このセクションではページ全体で共通となるセクションの余白、タグのデザイン、シャドウを設定することができます。

タグの設定画面

シャドウの設定画面

注意事項

シャドウはシャドウカラーと透明度のみ変更することが可能です。
ぼかし度や位置はこの画面からは変更できない仕様となっています。
※ぼかし度を変更したい場合は別途CSSで調整する必要があります。