広告 雑記

賢威テンプレート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ゲームが大好物。

オススメ記事

1

どうも、ラングです。YouTube動画をアップする時、他の投稿者のように目立つサムネイル画像を設定したい!…と思ったら、カスタムサムネイルが設定できない!!いや、グレーアウトしてるんだけど。反応しない ...

CocoonでSearchConsole設定 2

どうも、ラングです。今回は、無料WordPressテーマ「Cocoon」にて、検索パフォーマンス管理ツール「Google Search Console」の設定を行ってみようと思う。この記事では、Coc ...

Googleアドセンス審査時の状態 3

なんだかんでで根強い人気よね、アドセンス。 どうも、ラングです。今回は、雑記ブログの運営過程において導入する、収益方法の一つ「Googleアドセンス」を扱うために、必要となる審査通過に向けてやったこと ...

無料ロゴ制作ツール5選オススメ 4

無料とはいえ、クオリティについては侮るなかれ。どうも、ラングです。ブログやホームページ運営していると、カッコいい、見栄えのよいロゴを作れないかな?って思うことあると思うんだよね。無料でロゴを作れるウェ ...

5

どうも、ラングです。実は、新しくブログを作るにあたってドメインを取得しようと思ってたんだけど、せっかくなら新しいサーバーで作ってみようと考えた。(既存はエックスサーバー)料金抑えつつ、独自ドメインがも ...

-雑記
-