全体のデザイン設定では、サイトのフォントサイズやカラー、横幅などを指定します。
文字サイズ設定
PCやスマートフォンで表示されるフォントサイズを、14px・16px・18pxの中から選んで設定できます。
- フォントの設定
-
- ヒラギノ > メイリオ > 游ゴシック
- Zen Kaku Gothic New
- Noto Sans JP
- M PLUS 1
- Zen Old Mincho
選択肢にないフォントをお使いになりたい場合は、カスタマイズしてご対応ください。
カラー設定
文字色やリンク色、背景色を設定します。
プレビュー画面を確認しながら、色を設定してみましょう。
- 文字色
-
サイト全体のテキストカラーを選択
- リンク色
-
サイト全体のリンクカラーを選択
- メインカラー
-
サイトで使用するメインカラーを選択
見出しや各あしらいのカラーに利用します - メインカラーのグラデーションに適用するカラー
-
見出しやボタンのデザインに使用されます。
※単色表示にした場合は、メインカラーと同じ色を登録してください。
※未設定の場合はメインカラーから自動で作成されるグラデーションになります。 - コンテンツの背景色
-
各コンテンツの囲われた枠内の背景色です
- bodyの背景色
-
※未設定の場合はコンテンツの背景色が入ります
カラーパレットで色を変更し、プレビュー画面を確認しながら調整してください。
影と角丸の設定
見出しやボタン、サイドバーなど、各種デザイン要素に影や角丸を設定できます。
お好みに合わせて自由に調整してください。
コンテンツ幅設定
サイト全体や1カラムの記事ページの横幅を設定できます。
1カラムの記事ページが横幅800pxの場合
プレビューを確認しながら設定することで、実際の色味やサイズ感を把握できるので便利です。
次に、ヘッダーとフッターのカスタマイズに挑戦してみましょう。
カスタマイザー：ヘッダー・フッター
ヘッダー・フッターでは、ヘッダーの各要素の追加やロゴの調整をおこないます。サイトロゴ設定PC表示時やスマートフォン表示時のロゴの高さを調整します。追従ヘッダー表･･･
SYN（シン）マニュアル
