BizVectorでリンクの色を変える方法。

 
今回はWordPress(ワードプレス)のテーマ

BizVector(ビズベクトル)を使って

リンクの色をサイトのイメージに合わせたいと思います。



まずはじめに、

最初の準備として「CSSカスタマイズ」という、

CSSを追加できるツールを開きます。

「CSSカスタマイズ」の場所は、以下のところにあります。

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

そこに、参考として、以下のようにCSSを書きます。

コピーあんどペーストします。

 

a         { overflow: hidden; color:#〇〇〇〇〇〇; }

a:hover,

a:active  { color: #〇〇〇〇〇〇; }



〇〇〇〇〇〇の部分は 

色を数値化したものに変えることになります。

色を数値化についての参考のホームページは、以下にあります。

Color Sample5

http://www.hoku-iryo-u.ac.jp/~hitoshi/color5.html


原色大辞典

http://www.colordic.org/

 

a  はリンクの色、

a:hover  は マウスでリンクを触れた時の色

a:active は マウスでクリックした時の色です。

 

例えば、リンクの色を完全な黒にしたい場合は、

a         { overflow: hidden; color:#000000; }

a:hover,

a:active  { color: #000000; }

となります。

 

「CSSカスタマイズ」で

〇〇〇〇〇〇の部分の色が書けましたら

CSSを更新 ボタンを押して

管理画面から、「公開ページを見る」を押してください。

リンクの色が変わっているはずです。

 





BIzVektorのバージョンの違いで、リンクの色が

変わらない場合もあるかもしれません

そのときは、 申し訳ございません。