初心者でもわかるワードプレスの使い方を解説【カスタマイザー編】 - Over all コンサルティング|美容室・理容室・マツエクの集客・経営に特化したコンサルサービス

カスタマイザーとは？

カスタマイザーとは、テーマのレイアウトや表示に関する設定を行う機能です。カスタマイザーはテーマに即したものなのでテーマが変わればカスタマイザーの内容は変わります。

カスタマイザーは主に左メニューバーから編集していきます。左メニューから今後お客様自身で編集していく可能性がある箇所をそれぞれ説明していきます。

サイト基本情報では、「サイトのタイトル」と「サイトアイコン」を設定することが出来ます。

サイトタイトルは設定済みなので変更する必要はありません。

サイトアイコンは別名「ファビコン」といい、サイトのシンボルマークとなるアイコンのことで、ブラウザの左上に表示されます。

スマホ・PCいずれも表示されるので、ロゴなどがあれば設定しておきましょう。
※サイトアイコンの画像サイズは、正方形の512px*512px以上のサイズが推奨されています。

Lightning 〇〇〇〇と書いてあるのが、テーマ独自のカスタマイザー設定項目になります。

Lightning デザイン設定では、「デザインスキン」「ヘッダーロゴ」「色設定」を設定することができます。

デザインスキンは2種類あります。

デフォルトは「Origin III」がセットされています。「Plain」は、公式サイトの解説を見ると、カスタマイズ用のスキンとなっています。

Lightning G3ではデフォルトのスキン「Origin III」以外に独自デザイン用の「Plain」をご用意しました。「Plain」を選択していただくと、独自でデザインを変更したい場合に不要になりやすいCSSを予め省いてあるため、CSSの打ち消し作業を軽減できます。

カスタマイズしない方は、スキンを変更することはありません。基本的に変更する必要はありません。

ロゴ画像を設定できます。

ロゴ画像を設定しない場合、Webサイトのタイトルがそのままテキストで表示されます（気にならない方はこのままで問題ありません）。

色設定ではサイトのキーカラーを設定できます。

キーカラーは、見出しの色やサイドメニューの配色、ボタンのマウスオーバー時の配色が変更できます。

配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。

そこで初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスを下記にまとめましたので参考にしてみてください。

Lightningレイアウト設定で行える設定はカラム設定・サイドバー設定の2つです。

PC閲覧時のカラム設定をページタイプごとに設定できます。

サイドバーの位置（左・右）、サイドバーの固定表示を設定します。

Lightningテーマの外観のカスタマイズの使い方を解説しました。