雑記

賢威テンプレートver6.1のリンク文字色変更

今回はリンク文字色の変更です。

リンクとは連結のこと。
ネット用語ではハイパーリンクといい、
今のページを他のページを連結させるドアの役割があります。
クリックするとほかのページに移動する文字や画像と思ってもらえばいいです。

で、このリンク文字は絶対に基本文字色とは色分けしてください。

基本的なブログやサイトページの作りとして、
リンクの文字は通常文字色とは異なって作られます。

文章と同じ色にしてしまうと、
リンクかそうでないかが一目でわかりません。

隠しリンク(周囲の文字色や背景と同色にしてわかりにくくする)を入れる場合を除き、
見てくれている人たちの利便性を損なうようなつくりのブログはやめましょう。

◆リンク文字色の変更方法

WordPressの編集メニューから
外観

テーマ編集

右側デザインシート内のdesign.css

/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{ color: #333; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #000; }←通常時のリンク色
a:hover,
a:active{ color: #000; }←マウスカーソル乗っけた時のリンク色

この中で変更する箇所は#000の部分。
それを指定したいカラーコードに変更すると、リンク色が変化します。

カラーコードの配色確認はこちら

ちょっとした知識で出来ることが増えます。
ご活用ください^^

  • この記事を書いた人

ラング

WEBライター兼ブロガー|SNSや動画編集なども独力で行いながら、メディア構築スキルを高めて発信中。自由な時間を作れる努力が好き。音楽とRPGゲームが大好物。

-雑記
-