テーマVirtue(海外)を使ってみる17回目

 

今回はWordPress(ワードプレス)のテーマVirtue(海外)を使ってみる17回目です。

 

今回の内容は、デザイン(色)の変更です。

ダッシュボードからカスタマイズに移動します。

ダッシュボード > 外観 > カスタマイズ

以下のようなページが開きます。

 

全体スタイル設定ページ

 

Basic Stylingを押します。

以下のようなページになります。

 

基礎スタイル設定

 

現在は元の色(デフォルト)のままです。

default.css の部分を citrus.cssに変更します。

以下のような柑橘系(オレンジ)の色に変わります。

 

柑橘系の色

 


次は、citrus.cssredhot.css に変更します。

以下のような情熱の赤に変わります。

 

情熱の赤

 

次は、Theme Skin Styleseetの下にあるPrimary Colorの変更です。

 

プライマリーカラー

 

Primary Colorは、前回設定した、redhot.cssやcitrus.cssを塗り替えて、

オリジナルの色を設定することができます。

情熱の赤から、深みのあるピンクに変わりました。

 

20% lighter than Primary Color

他の色に設定しても、色が変わりませんでした。

 

Sitewide Gray Fonts

 

Sitewide Gray Fontsの変更です。

アイコン(記号)の色が変わりました。

 

フッターの文字色の変更

 

Footer Font Colorの変更です。

フッターと呼ばれる一番下側の部分の色の変更です。

深みのあるピンクに変更しました。

※最初の設定を Footer Font Colorにしている場合 footerの色が黒になっています。

 



 

アドバンスドスタイリング

 

もとに、戻り、Advanced Stylingのデザイン(色)を設定します。

こちらは、文章にて 説明していきます。

 

詳細設定画面

 

Content Background Color

コンテンツ部分の背景色の設定です。

 

Topbar Background Color

上側のラインの色ですが、なぜか変わりません。

 

Header Background Color

ロゴやメニューのあるページ上側の背景色を変更します。

 

Secondary menu Background Color

ダッシュボード > 外観 > メニューに移動します。

メニュー設定で Secondary Navigationにチェックします。

そして、元に戻り Secondary menu Background Colorのメニューの背景色を設定します。

メニューの背景色が変わります。

 

Mobile Background Color

スマートフォンで見た時に背景の色が変わるというものですが、こちらでは何故か変わりませんでした。

 

Footer Background Color

ホームページの一番下(フッター)の色を変更します。

 

Body Background Color

ホームページの一番下の 外側の背景色を変更します。

 



 

このブログを見ていただいて
ありがとうございます。