ブログ

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. スマホイメージ2

    ブログ

    【AMPエラーの修正】必須の構造化データ要素のエラー

    ワードプレスでAMPというプラグインを入れてから、エラーに悩まされてい…

  2. ブログ

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

    一昨日、パーマリンクというものを変更してみました。 (さらに&hell…

  3. ブログ

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

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

  4. ブログ

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

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

  5. グラフィックイメージ2

    ブログ

    インデックスされない記事について。どうやったらインデックスされるか。

    「インデックスされない記事について。どうやったらインデックスされるか。…

  6. ブログ

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

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

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

このブログの運営者


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

アーカイブ
  1. 紅葉の写真

    デザイン初心者

    デザインは、用と美。デザインの定義
  2. フリーランス

    在宅の仕事 が、以前とくらべてやりやすくなったと思っていることあれこれ
  3. デザイン初心者

    グラフィックデザイナーの仕事とは、どんな仕事か?
  4. フリーランス

    フリーランスのデザイナーと所得税 – 開業届と青色申告のこと
  5. ブログ

    「プロパティの健全性の確認してください」 エラーメッセージが解決しました
PAGE TOP