サイトの個性を引き出す細やかなデザイン設定
ページ全体の背景や見出しのアイコンを設定すると雰囲気が変わり、ユーザーに印象づけることができます。
適切な使い方をすることで情報の閲覧性アップさせる効果も期待できるのです。
JPNSTYLEは、カスタマイザーから簡単に設定できる機能を標準で設定してあります。
非常に簡単な作業でサイトの個性を出せますので、設定することをおすすめします。
※ページ背景を初期設定以外の画像で設定すると、画像によってはテキストが見にくくなる可能性がありますのでご注意ください。
![](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/q-2-750x391.jpg)
設定について
カスタマイザーからすぐに設定できます。
![ページの背景とアイコンが設定できます](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/w-2-750x410.jpg)
管理画面の【外観】→【カスタマイズ】からカスタマイザーを起動して、左のメニューに【Lightning Skin JpnStyle 設定】というセクションが表示されるので、そこから [ コンテンツ背景テクスチャ ] [ 見出し( H2 )とサイドバーのアイコン ] が設定できます。
![カスタマザーの【Lightning Skin JpnStyle 設定】](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/r-2-750x410.jpg)
カスタマイザーの【Lightning Skin JpnStyle 設定】を選択して編集セクションに移動します。
![背景の設定ができます](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/e-2-750x410.jpg)
今回は背景テクスチャから [ 布 ] を指定しました。
画像はオリジナルの画像をアップロードして背景に指定していただくことも可能です。ただし冒頭で掲載しましたとおり画像によってはテキストが見にくくなる可能性もありますので、単純なパターンの画像や薄いカラーの画像を推奨します。
また画像の設定はしずにカラーの設定のみも行えますので、サイトの雰囲気に合わせてデザインを楽しんでみてください。
![背景にテクスチャが設定されました](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/y-2-750x410.jpg)
![テクスチャは指定しずにカラーを指定](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/u-2-750x410.jpg)
同じくカスタマイザーの【Lightning Skin JpnStyle 設定】に【見出し( H2 )とサイドバーのアイコン】があります。ここから見出しのアイコンを選択することで表示できます。
![アイコン設定前](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/i-2-750x410.jpg)
[ 雲01 ] を設定しました。見出しの前にアイコンが反映されています。
![見出しアイコンを設定](https://lightning.vektor-inc.co.jp/lightning-pro/wp-content/uploads/2017/10/t-1-750x410.jpg)
アイコンのカラーはカスタマイザーの【Lightning デザイン 設定】>【キーカラー】から変更できます。
背景と見出しアイコンを設定するだけでぐっとオリジナリティが出ます。
指定するカラーの組み合わせによってはサイトの見やすさを損なう可能性がありますので、十分に注意しながらでオリジナルサイトを完成させてください。