ブログ

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

メニュー-外観-CSS編集WordPressでCSSを変更する(フォントを変更する)前のページ

転職活動は仕事よりもキツイ — 40代 デザイナー 転職活動 、わたし自身の体験談をおはなしします 4次のページ

関連記事

  1. ブログ

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

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

  2. ブログ

    TablePressというプラグインで、テーブルを作ってみる(WordPress)

    TablePressというプラグインで、テーブルを作ることを知ったので…

  3. ブログ

    キーワード重複を修正して、記事を読んでもらえるようにする簡単な方法

    キーワードの重複は、思った以上にグーグルに嫌われるようです。 (さ…

  4. ブログ

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

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

  5. ブログ

    パーマリンク変更でアクセスがおちた

    このブログをたちあげて2ヶ月あまり経ちました。昨日、アクセス解析の…

  6. ブログ

    テーマを「stinger7」に変更して、リニューアルしました

    ひさしぶりにブログ更新します。しばらく放置していましたが、またブログや…

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

このブログの運営者


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

アーカイブ
  1. ブログ

    アイキャッチ画像をつけてみました(WordPress)
  2. デザイン案

    デザイン案 — 提案を通すために一番重要なことは何でしょうか
  3. デザイン未経験からの転職

    グラフィックデザインはコミュニケーションデザインのひとつ
  4. デザインの雑談

    著作権があるのは会社? それともデザイナー?
  5. デザイン初心者

    グラフィックデザイナーの仕事とは、どんな仕事か?
PAGE TOP