ブログ

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. ブログ

    ギャラリーフォーマット(WordPress)を使ってみました

    ギャラリーフォーマット に関する記事です。このフォーマットは、…

  2. ブログ

    プラグインAkismetを使ってみました(Word Press)

    ワードプレスをインストールするとデフォルトで入っている、Akismet…

  3. 秋の並木道

    ブログ

    本文に画像を投稿してみました(WordPress)

    今日は本文に画像を投稿してみることにします。秋らしい並木道…

  4. ブログ

    投稿ページをトップページに変更する(WordPress テーマ Twenty Fiftee…

    このサイトはワードプレスのテーマTwenty Fifteenを使って作…

  5. ブログ

    iphoneからの投稿

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

  6. ブログ

    カテゴリーとスラッグ(Word Press)

    わたしは、これまで、記事のカテゴリーは、行き当たりばったりに作っていま…

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

このブログの運営者


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

アーカイブ

  1. 160309デザインのワークフロー-01

    デザイン初心者

    グラフィックデザインのワークフローとデザイナーの関わりはどうなっているのでしょう…
  2. デザイン未経験からの転職

    グラフィックデザイナーに向いている人、向いていない人
  3. ブログ

    パーマリンクを変更しました(Word Press)
  4. 雑談

    紙媒体 web媒体 — 媒体の特徴を生かして使い分けてみたい
  5. サムネイルスケッチの描き方

    デザイン初心者

    サムネイルスケッチとは何か 描き方や使い方を説明します。
PAGE TOP