WordPressリンクの色を変更する

WordPressの記事中などのリンクの色を変更する方法です。
テーマは、デフォルトの「Twenty ten」を使っています。
参考にしてもらえるとうれしいです。

1. 管理画面の「テーマ編集」をクリックする。

2. 編集するのは、スタイルシート (style.css)の以下の画像の部分です。

3. 私の場合は、広告リンクと同色にしたかったので、
 「a:link {color: #0000FF;}」というふうに、変更しました。
 「#0000FF」というコードが青色を表します。

 色コードは、「html 色コード」で検索すればいろいろ見つかります。
 その一つをリンクしておきます。こちらを参照してください


補足

以下は、各htmlの意味です。また色の指定は、
コードでなくても例えば、blue、red、greenなどでもOKです(すでにプログラムで定義されているものだけですけど。)。

a:link { color: blue }
未訪問リンク の 色を blue にする。

a:visited { color: red }
訪問済みリンク の 色を red にする。

a:hover { color: green }
マウスカーソルを乗せたリンク の 色を green にする。

a:active { color: black }
選択したリンク の 色を black にする。

以下は基本16色の見本です。指定は、「色名」でも、「コード」でもOKです。

color 色名 コード R G B
black #000000 000 000 000
  gray #808080 128 128 128
silver #C0C0C0 192 192 192
white #FFFFFF 255 255 255
  red #FF0000 255 000 000
yellow #FFFF00 255 255 000
  limey #00FF00 000 255 000
  aqua #00FFFF 000 255 255
blue #0000FF 000 000 255
fuchsia #FF00FF 255 000 255
maroon #800000 128 000 000
olive #808000 128 128 000
green #008000 000 128 000
teal #000080 000 000 128
navy #808080 128 128 128
purple #800080 128 000 128
楽天ランキング
総合1位

楽天ランキング
総合2位

楽天ランキング
総合3位

カテゴリー: ワードプレス   タグ: , , , ,   この投稿のパーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>