文字の色・リンクの色を変えたい~ブログカスタマイズ

仕事を在宅でしたいあなたへ。子育て中主婦詠美がアフィリエイトで月6桁収入を得る方法を公開中。誠実な、子供に旨を張って話せるアフィリエイトではっぴぃらいふに

ブログを作成したときに、テンプレートを選びますよね。

(関連記事:テンプレートの選び方




選んだテンプレートをそのまま使うのではなく、

カスタマイズすることで、自分独自のブログにすることができます☆




今回はその中でも、

文字の色・リンクの色などについての変更方法を書きますね。



なぜ、文字の色を変更した方がいいのか・・・?



やはり、読みやすく、クリックしやすい、文字の色というのが

存在するからです。




多くのインターネットをしている人は、

Yahooやグーグルさんを利用していますよね?

利用したことがない・・・という人の方が少ないと思います。




そんな、有名サイトに必ず共通していることはなんでしょうか?

文字の色が黒

クリックできるところ(リンク)の色は青字に下線

 



これって、インターネットをしていると、もう当然のことですよね?

もし突然、グーグルさんの検索結果で、

クリックできるところが全部緑なんかになったら、

かなり混乱します^^;




ですので、商用のブログを作っている場合、

文字の色は黒・リンクの色は青字に下線

に統一しておけば、

もう自然にクリックできる場所が、訪問者さんにわかる作りなんです。




ですので、ブログを作ってテンプレートを選んだ後、

もし、リンクの色が青じゃない場合などは、

迷わず変更してしまいましょう。




変更する場所は、ブログサービスによっても違いますので、

一概には言えないのですが、

CSSという部分を変更します。



※重要※ 

CSSの変更前には、必ずバックアップをとって、自己責任でお願いします!



CSSのどこかに、


a{}
a:link{}
a:visited{}
a:active{}
a:hover{}


このような記述が、あるので探します。

(全部はないかも、また、似たような記述になっているかもです)




この部分が、文字の色を管理しています。

上から

2段目が、リンクの色。

3段目が、一度クリックしたリンクの色。

4段目が、クリック瞬間のリンクの色。

5段目が、リンクにマウスが触れた時のリンクの色です。



a{}
a:link{color:#●●●●●●; text-decoration:underline;}
a:visited{color:#●●●●●●; text-decoration:none;}
a:active{color:#●●●●●●; text-decoration:none;}
a:hover{color:#●●●●●●; text-decoration:underline;}



こんな感じで書き込んで、●●●●●● の部分に、

適当に、色番号を入れてみましょう☆

text-decoration:underlineというのは、下線ありです^^




青にもいろんな青がありますので、

いろいろ調整してみるといいですね^^




コメント

  1. こんにちわ♪

    No1営業マンことコウノスです!!

    いつもブログへの訪問・コメント誠にありがとうざいます★

    色番号をちょうど調べたいと思っていたので
    タイムリーな記事ありがとうございます!

    ホントに青にもいろいろあるんで
    色からオリジナリティを出すのも
    面白いですね!

    ★あなたにNo1ポチリ★

  2. やるんです!幸福を呼ぶ☆本気のブログ・アフィリエイト by文三

    今晩は。文三です!

    いつも応援コメントを頂き
    ありがとうございます☆

    テンプレートのカスタマイズ。
    詠美さんの過去記事も
    いくつか読ませてもらいましたが

    ホントにお詳しいんですネ。

    メチャ、勉強になります。

    CSSの文字色の管理の説明。
    とてもよく分かりました。

    お恥ずかしい話
    今まで知りませんでした (>_<)

    他にも聞きたいこと
    いっぱいあるので
    今度メールさせて頂きます。

    よろしくお願い致します 

    それでは、心を込めまして
    本気の応援! 完了☆

  3. どん底から復活!副業アフィリエイトで稼ぐ!!効稼しっかりバツグンブログ@ドロンパ原田

    いつも大変お世話になります、ドロンパ原田です。

    文字色結構大事ですよね。

    これで最初失敗してます、私。

    これはとっても解り易く初心者さんにはホントに勉強になる記事ですね。

    もちろん、心をこめて応援!そしてドロンッ!!

  4. 詠美さん

    いつもありがとうございます。
    HTML、CSSみるとかゆくなるトーラスです。

    女性って意外にこうゆうの苦手だと
    思ってたんですが・・・

    お見逸れしました。

    さすがです。

    応援して帰ります。

  5. てつや☆アフィリエイト情報navi

    詠美さん、こんにちは!
    てつやです。

    私もリンクは青&アンダーライン派です^^
    文字はもちろん黒です。
    たまに文字がグレーのブログがありますが、
    とても読みにくく感じます。

    応援ぽち☆

  6. アフィリエイト戦略会議室@max

    こんばんは^^

    戦略で稼ぐアフィリエイター maxです。

    こういった基本的なことも
    おろそかにできませんからね。

    非常に大事なポイントであると
    思います。

    応援済みです^^

  7. 総本家@桔梗

    詠美さん

    こんばんは、桔梗です。
    いつもお世話になります^^

    詠美さんの今回の記事……

    先日の試験に丸々出た問題でした(泣)

    うぅぅ~~詠美さんがセンセに見えてきた(爆)
    というか、試験問題まんまでした^^

    でも、こうしてブログをやることで工夫すると
    読み手側からすれば、本当に読みやすくて
    配慮の行き届いたブログになると思います。

    試験に出ることは、最低限知っておいて
    損のないことでしたし、こうしてわかりやすく
    教えてもらえれば、赤点は免れますね☆

    応援★済です。

  8. 小学生でもわかるブログアフィリエイトの稼ぎ方

    詠美さん
    はじめまして。(^_^)
    ハルクと申します。

    テンプレートによっては文字が見づらいのありますよね。
    私も読みやすいブログを作るように心がけます。

    応援ポチッ!☆
    Whatcha gonna do brother!!

  9. 那賀@リセールライトで始めるネットビジネス入門

    こんばんは、那賀です。

    私も、今回のブログ引っ越しの際、
    CSSの文字色指定を探しまくりましたよ‥‥。

    WPのCSSって、いろんなところに、リンク色の記述があったので、
    見つけるのに少し時間がかかっちゃいました^^;
    他人が書いたCSSの解読って、大変です‥‥。

    でも、見に来て下さる方にとって、
    読みやすい・使いやすいブログにしたいですもんね!

    応援します!

  10. こんばんはJINといいます。

    最近この謎を解いたばかりでした^^;
    CSSいじってたら、おかしなことになってしまって
    場所が解っても、次は色指定でまた悩んでw

    参考になりました!

    応援ぽち!

  11. 倭人 中高年ブログで稼ぐアフィリ大百科

    詠美さん、倭人です。

    CSSを本格的に弄ったことはないですが、
    ちょこっとサイズを変えたり、
    色を弄ったことはあります。

    リンクの色でも、
    クリック後とか、
    いろんな指定種類があるんですね。

    また、ひとつ勉強になりました。

    応援!

  12. アフィリエイトで稼ぐ ユウのアフィリ教室 ( ユウ )

    ユウです。
    詠美さん訪問ありがとうございます。

    リンク場所をハッキリ提示する。
    これも訪問者の方への気配りですよね^^

    応援☆済

  13. 売れる商品紹介の仕方@YO-TA

    詠美さん

    YO-TAです、お世話になっております。

    リンクの色は青が基本ですね^^

    私のブログは諸事情で違いますが^^;

    マウスポインタが乗っかった時に
    赤になればなおいいですね♪

    応援ぽち☆

  14. さくです

    こういう細かい部分にも配慮されているのが
    詠美さんのブログが支持されている
    理由の一つでしょうね

    書き込みを読んでいると自然とそう思えます^^

    応援です

  15. 詠美さん、こんにちわ。
    作っ太郎です。
    ご訪問&応援コメありがとうございました。

    たしかに自分が馴染んだ色なら、すんなりと読みやすいしクリックもしやすいですよね。
    訪問者への気配り、参考になりました。

    応援ぽちっ!★

  16. おこんにちは。
    娘達の為に!です。
    文字の大きさや色をいろいろ変えようかと思ったりしますが、検索エンジンはタグの多いブログや記事を嫌う傾向にあるので悩むところですね。

    また訪問させてもらいますね。

    応援済みです^^

  17. 詠美さんへ
    こんにちは
    まにぃ~です♪

    リンクの色=青
    これはホント暗黙の了解・。・。って感じですよね~。

    実は、まにぃ~のリンクの色は先日まで茶色だったのです。
    思い切って青に変えてみたけれど・・
    やはり、青って落ち着きます~♪

    訪問者さんにもわかりやすい☆ですしね^^

    CSSのいじり方・・とても詳しくわかりやすく説明してくださって
    ありがとです☆
    CSS恐怖症の方でもこれでバッチリ大丈夫ですね~(*・∀-)

    応援ポチ☆完了でぇす

  18. 繭の幸せいっぱい稼ぐブログ!@★繭★

    詠美さん
    こんにちは^^繭です。
    いつもありがとうございます!!

    基本的なこととわかりつつ
    対処ができてないという繭です・・><。

    お引越し後は絶対青にしようと決めているんですが・・
    こういうとこがいけないなっと反省ですm(__)m

    心から感謝をこめて応援ぽちぽちッ~☆

  19. >コウノスさん☆

    お役に立てたようで良かったです^^

    ほんと、一口に青といってもいろいろありますよね~^^

    素敵な色を選んでくださいね^^

    応援ありがとうございます☆

  20. >文三さん☆

    いやいや、全然詳しくないんですよ^^;
    部分部分で、自分が知りたいことを調べてるだけなんです^^;

    メール、いつでもくださいね~^^
    待ってます^^

    応援ありがとうございます☆

  21. >ドロンパ原田さん☆

    やっぱりリンクは青のほうがわかりやすいですよね~^^

    応援ありがとうございます☆

  22. >トーラスさん☆

    いや、ほんとに私苦手です^^;

    最初はもう、暗号が並んでるだけで頭痛してましたもん・・・

    しかも調べてもわかんないし(爆)

    でも、半年くらいちょこちょこ必要に応じて触ってれば、
    一部一部、解読できるようになりますよ~^^

    応援ありがとうございます☆

  23. >てつやさん☆

    文字色、グレーだと読みづらいんですかぁ・・・

    私、グレーでも結構いけるんですけどね~

    それはいい情報でした!! ^^

    応援ありがとうございます☆

  24. >maxさん☆

    基本から忠実にしていくこと、大切ですよね^^

    応援ありがとうございます☆

  25. >桔梗さん☆

    おぉ~!!!
    そのテスト勉強の様子を、別ブログに立ち上げてください!!(笑)

    ほんっと、こういう系の情報書いてるブログって
    検索エンジンで上位に来なくて、
    難しいこと書いてるのばっかりひっかかってできないんですよね><;

    桔梗さんがわかりやす~く教えてくれるブログなら
    即ブックマークです~^^

    応援ありがとうございます☆

  26. >ハルクさん☆

    初コメントありがとうございます^^

    見てすぐわかりやすくすること、大切ですよね^^

    応援ありがとうございます☆

  27. >那珂さん☆

    WPの大変だったんですね^^;
    私のは、まだわかりやすかった方でした^^;

    ブログサービスによっても違うので、
    一概には言えないんですけどね~^^;
    でもやっといた方がいいですよね^^

    応援ありがとうございます☆

  28. >JINさん☆

    触ってるときに変なことになっちゃうとかなり焦りますよね><;

    謎を解明したあとで申し訳なかったです><;;

    応援ありがとうございます☆

  29. >倭人さん☆

    ほんと、いろいろありますよね~^^
    私も必要に応じて触る程度です^^

    応援ありがとうございます☆

  30. >ユウさん☆

    そうですね~^^
    わかりやすい方が、お互いのためになりますよね~^^

    応援ありがとうございます☆

  31. >YO-TAさん☆

    さっそく編集されてましたね^^

    もうすでに前の色が何色か忘れちゃいましたよ?^^

    きっと青のほうが良いと思います~^^

    応援ありがとうございます☆

  32. >さくさん☆

    支持されてはないんですけど(汗)
    やっぱりわかりやすい方がいいですよね^^

    応援ありがとうございます☆

  33. >作っ太郎さん☆

    お客様にわかりやすい媒体作り、
    お客様のためにも、自分のためにも大切ですよね^^

    応援ありがとうございます☆

  34. >娘達の為にさん☆

    HTMLタグは複雑になってクローラーの読み込みが・・・
    という観点から、CSSが主流になったようですよね^^

    応援ありがとうございます☆

  35. >まにぃ~さん☆

    わかっていただけるといいのですが~^^;

    やっぱりCSSとか難しい~って感じですけど
    最低限のところはやっておくといいですよね^^

    応援ありがとうございます☆

  36. >繭さん☆

    お引越し楽しみにしていますね^^
    頑張ってくださーい^^

    応援ありがとうございます☆

  37. 詠美さん、こんばんは♪

    ゆきんこです。

    こんな細かい事全然気にしてませんでした^^

    すごく勉強されてるというか・・・観察力?
    すご~いです。

    勉強になりました^^

    応援します☆

  38. >ゆきんこさん☆

    お役にたてると嬉しいです☆
    ぜひ挑戦されてみてくださいね~^^

    応援ありがとうございます☆

コメントする


※メールアドレスは公開されません。

アフィリエイト成功に役立つメールをお届けしています♪


子供にも友達にも、胸を張って話せる


お仕事としてのアフィリエイトで


主婦をしながら、自宅で月収6桁稼ぐ方法を配信中です☆




お名前・メールアドレスを入力して、登録するボタンを押してください☆


お名前(HN可)
メールアドレス
メールアドレス(確認用)


バックナンバーはこちら