カスタマイザーとは?
カスタマイザーとは、テーマのレイアウトや表示に関する設定を行う機能です。カスタマイザーはテーマに即したものなのでテーマが変わればカスタマイザーの内容は変わります。
カスタマイザーは主に左メニューバーから編集していきます。左メニューから今後お客様自身で編集していく可能性がある箇所をそれぞれ説明していきます。
①サイト基本情報
サイト基本情報では、「サイトのタイトル」と「サイトアイコン」を設定することが出来ます。
サイトタイトルは設定済みなので変更する必要はありません。
サイトアイコンは別名「ファビコン」といい、サイトのシンボルマークとなるアイコンのことで、ブラウザの左上に表示されます。
スマホ・PCいずれも表示されるので、ロゴなどがあれば設定しておきましょう。
※サイトアイコンの画像サイズは、正方形の512px*512px以上のサイズが推奨されています。
②Lightning デザイン設定
Lightning 〇〇〇〇と書いてあるのが、テーマ独自のカスタマイザー設定項目になります。
Lightning デザイン設定では、「デザインスキン」「ヘッダーロゴ」「色設定」を設定することができます。
デザインスキン
デザインスキンは2種類あります。
- Origin III(デフォルト)
- Plain(カスタマイズ用)
デフォルトは「Origin III」がセットされています。「Plain」は、公式サイトの解説を見ると、カスタマイズ用のスキンとなっています。
Lightning G3ではデフォルトのスキン「Origin III」以外に独自デザイン用の「Plain」をご用意しました。「Plain」を選択していただくと、独自でデザインを変更したい場合に不要になりやすいCSSを予め省いてあるため、CSSの打ち消し作業を軽減できます。
カスタマイズしない方は、スキンを変更することはありません。基本的に変更する必要はありません。
ヘッダーロゴ画像
ロゴ画像を設定できます。
ロゴ画像を設定しない場合、Webサイトのタイトルがそのままテキストで表示されます(気にならない方はこのままで問題ありません)。
色設定
色設定ではサイトのキーカラーを設定できます。
キーカラーは、見出しの色やサイドメニューの配色、ボタンのマウスオーバー時の配色が変更できます。
配色について
配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。
そこで初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスを下記にまとめましたので参考にしてみてください。
https://saruwakakun.com/life/colors
https://www.tagindex.com/color/color_pattern.html
②Lightning レイアウト設定
Lightningレイアウト設定で行える設定はカラム設定・サイドバー設定の2つです。
カラム設定(PC閲覧時)
サイドバー設定
サイドバーの位置(左・右)、サイドバーの固定表示を設定します。
Lightningテーマの外観のカスタマイズの使い方を解説しました。