ブログ

WordPressで、記事内のリンク部分を青字にする

sponsored link

ワードプレスで記事内のリンク部分を青字にする方法について書きます。

テーマによっては、デフォルトですでにリンク部分の文字は青い文字になっていますので、
この悩みを持つ必要はないかも知れません。
私も、今のテーマTwenty Fifteenに変更する前は、リンク部分がもともと青かったので、
こんな悩みを持つ必要はなかったのですが、
Twenty Fifteenは、デフォルトではリンクの文字は黒い字です。

「リンクの色は青である」

というイメージは、すでに一般的になっているように感じます。
見ための美しさということを考えたときに「?」な面もあるのですが、
やっぱり用事を果たしていなければ意味がないので、
リンクの色を青にするにはどうしたらいいのか知りたいと思っていました。

前置きが長くなりましたが、リンクの色も、cssを使って青色に変えることができます。
やり方は前の記事(>コチラ)と同じです。
下記のコードをCSS編集画面の最後尾に入力して(もちろんコピペでOKです)更新します。

/* リンクの色を変更 */
.entry-content a {
color: #1e73be;
/* リンク前色 */
font-weight: 900;
/* リンク前太さ */
}

.entry-content a:hover {
color: #ababab;
/* リンク後 */
}

以上です。

上記のコードで#1e73beが青色に該当します。
この青色は他の青色でもかまわないのです。
web color のサイトなどは沢山ありますので、参考にして、
お気に入りの色をみつけてくださいね。

また、後半の#abababは、グレーです。
これは、リンク部分にさわったときにグレーになる設定です。

本当はアンダーラインも青色にしたかったです。
でも、なかなかやり方を発見できず、現状のわたしのスキルではまあこのままでも良いかということに妥協しました。

sponsored link

関連記事

  1. ブログ

    パーマリンクとサイトマップ(Word Press)

    パーマリンクとサイトマップ(Word Press) についての記事…

  2. ブログ

    iphoneからの投稿

    iphoneから投稿してみます。 (さらに…)…

  3. ブログ

    【Refine snow】【Twenty Fifteen】比較。ワードプレスのテーマの変更をしました…

    このブログは、ワードプレスで作成していますが、今日はテーマを変更してみ…

  4. ブログ

    投稿済みの画像の編集 (WordPress)

    投稿済みの画像の編集 を記事上で行う方法です。ワードプレスでは、画像を…

  5. ブログ

    パーマリンク設定を変更 したい誘惑に負けた — やってはいけないことってやってみたくなる…

    このブログをはじめてから、二度もパーマリンク設定を変更してしまった。…

  6. ブログ

    グーグルアナリティクスコードをワードプレスに設置

    プラグインを使った、グーグルアナリティクスコードの設置方法をメモしてお…

ブログランキング・にほんブログ村へ

このブログの運営者


Ema。性別:女性 年齢:50代前半。グラフィックデザイナー。現在フリーランスデザイナー歴約2年。元勤め人デザイナー歴約15年(失業期間含む)。高齢でデザイナーになった高齢者デザイナーです。40代で3度解雇になるなど、転職経験も豊富。

アーカイブ

  1. デザイン未経験からの転職

    美大卒がグラフィックデザイナーの就職に有利なのはなぜでしょうか
  2. 体験談 40代デザイナーの転職

    40代 デザイナー 転職活動 、わたし自身の体験談をおはなしします ①
  3. デザイナー転職ポートフォリオ

    未経験者にオススメの作品 (グラフィックデザイナー転職)
  4. デザイナー転職ポートフォリオ

    ポートフォリオ(作品集) グラフィックデザイナーの転職に使うもの色々
  5. 雑談

    html css独学 — デザインもですが独学はやはり限界がきます
PAGE TOP