賢威7のリンク色（通常時・マウスオーバー時）変更方法
今回は賢威7のリンク色（通常時・マウスオーバー時）の変更方法を解説します。
通常時のリンク色変更方法
WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。
そして以下のコードが記述してある箇所を探します。（「賢威7スタンダード版」の場合は240行目あたりにあります。）
|
1 2 3 4 5 6 |
a{ -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #03c; } |
上記コードのマーカーを引いている部分のカラーコードを変更することで通常時のリンク色を変更することができます。
通常時のリンク色変更例
デフォルトの状態ではリンク色は以下のように青色です。
緑色のカラーコードを使用してみます。
|
1 2 3 4 5 6 |
a{ -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; color: #049336; } |
すると、以下のようにリンク色が緑色に変わります。
マウスオーバー時のリンク色変更方法
WordPress管理画面から「外観 > テーマの編集」へと進み、「base.css」を開きます。
そして以下のコードが記述してある箇所を探します。（「賢威7スタンダード版」の場合は245行目あたりにあります。）
|
1 2 3 4 5 |
a:hover, a:active, a:focus{ color: #f60; } |
上記コードのマーカーを引いている部分のカラーコードを変更することでマウスオーバー時のリンク色を変更することができます。
マウスオーバー時のリンク色変更例
デフォルトの状態ではマウスオーバー時のリンク色は以下のようにオレンジ色です。
緑色のカラーコードを使用してみます。
|
1 2 3 4 5 |
a:hover, a:active, a:focus{ color: #049336; } |
すると、以下のようにマウスオーバー時のリンク色が緑色に変わります。
まとめ
賢威7でリンク色を変更したい場合はぜひお試しください。
タグ：賢威