文字の色・リンクの色を変えたい～ブログカスタマイズ
ブログを作成したときに、テンプレートを選びますよね。
（関連記事：テンプレートの選び方）
選んだテンプレートをそのまま使うのではなく、
カスタマイズすることで、自分独自のブログにすることができます☆
今回はその中でも、
文字の色・リンクの色などについての変更方法を書きますね。
なぜ、文字の色を変更した方がいいのか・・・？
やはり、読みやすく、クリックしやすい、文字の色というのが
存在するからです。
多くのインターネットをしている人は、
Yahooやグーグルさんを利用していますよね？
利用したことがない・・・という人の方が少ないと思います。
そんな、有名サイトに必ず共通していることはなんでしょうか？
文字の色が黒
クリックできるところ（リンク）の色は青字に下線
これって、インターネットをしていると、もう当然のことですよね？
もし突然、グーグルさんの検索結果で、
クリックできるところが全部緑なんかになったら、
かなり混乱します＾＾；
ですので、商用のブログを作っている場合、
文字の色は黒・リンクの色は青字に下線
に統一しておけば、
もう自然にクリックできる場所が、訪問者さんにわかる作りなんです。
ですので、ブログを作ってテンプレートを選んだ後、
もし、リンクの色が青じゃない場合などは、
迷わず変更してしまいましょう。
変更する場所は、ブログサービスによっても違いますので、
一概には言えないのですが、
ＣＳＳという部分を変更します。
※重要※
ＣＳＳの変更前には、必ずバックアップをとって、自己責任でお願いします！
ＣＳＳのどこかに、
a{}
a:link{}
a:visited{}
a:active{}
a:hover{}
このような記述が、あるので探します。
（全部はないかも、また、似たような記述になっているかもです）
この部分が、文字の色を管理しています。
上から
２段目が、リンクの色。
３段目が、一度クリックしたリンクの色。
４段目が、クリック瞬間のリンクの色。
５段目が、リンクにマウスが触れた時のリンクの色です。
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というのは、下線ありです＾＾
青にもいろんな青がありますので、
いろいろ調整してみるといいですね＾＾
● この記事を読んだ人はこちらの記事も読んでいます。
主婦詠美の＜在宅副業アフィリエイト成功法＞
正しく楽しく稼ぎましょう☆在宅副業アフィリエイト成功のための
お役立ち情報を無料メールマガジンで配信中です☆
メールアドレスを入力して、登録するボタンを押してください☆
メルマガバックナンバーはこちら
ランキング応援ありがとうございます☆
FC2ブログランキング
新着情報
コメント by No1営業マンがお教えする!ブログでもNo1に稼ぐためのブログ術!! — 2010 年 1 月 20 日
こんにちわ♪
No1営業マンことコウノスです!!
いつもブログへの訪問･コメント誠にありがとうざいます★
色番号をちょうど調べたいと思っていたので
タイムリーな記事ありがとうございます！
ホントに青にもいろいろあるんで
色からオリジナリティを出すのも
面白いですね！
★あなたにNo1ポチリ★
コメント by やるんです！幸福を呼ぶ☆本気のブログ・アフィリエイト by文三 — 2010 年 1 月 20 日
今晩は。文三です!
いつも応援コメントを頂き
ありがとうございます☆
テンプレートのカスタマイズ。
詠美さんの過去記事も
いくつか読ませてもらいましたが
ホントにお詳しいんですネ。
メチャ、勉強になります。
CSSの文字色の管理の説明。
とてもよく分かりました。
お恥ずかしい話
今まで知りませんでした (>_<)
他にも聞きたいこと
いっぱいあるので
今度メールさせて頂きます。
よろしくお願い致します
それでは、心を込めまして
本気の応援！ 完了☆
コメント by どん底から復活！副業アフィリエイトで稼ぐ！！効稼しっかりバツグンブログ＠ドロンパ原田 — 2010 年 1 月 20 日
いつも大変お世話になります、ドロンパ原田です。
文字色結構大事ですよね。
これで最初失敗してます、私。
これはとっても解り易く初心者さんにはホントに勉強になる記事ですね。
もちろん、心をこめて応援！そしてドロンッ！！
コメント by トーラス — 2010 年 1 月 20 日
詠美さん
いつもありがとうございます。
ＨＴＭＬ、ＣＳＳみるとかゆくなるトーラスです。
女性って意外にこうゆうの苦手だと
思ってたんですが・・・
お見逸れしました。
さすがです。
応援して帰ります。
コメント by てつや☆アフィリエイト情報navi — 2010 年 1 月 20 日
詠美さん、こんにちは！
てつやです。
私もリンクは青＆アンダーライン派です^^
文字はもちろん黒です。
たまに文字がグレーのブログがありますが、
とても読みにくく感じます。
応援ぽち☆
コメント by アフィリエイト戦略会議室@max — 2010 年 1 月 20 日
こんばんは＾＾
戦略で稼ぐアフィリエイター maxです。
こういった基本的なことも
おろそかにできませんからね。
非常に大事なポイントであると
思います。
応援済みです＾＾
コメント by 総本家＠桔梗 — 2010 年 1 月 20 日
詠美さん
こんばんは、桔梗です。
いつもお世話になります＾＾
詠美さんの今回の記事……
先日の試験に丸々出た問題でした（泣）
うぅぅ～～詠美さんがセンセに見えてきた（爆）
というか、試験問題まんまでした＾＾
でも、こうしてブログをやることで工夫すると
読み手側からすれば、本当に読みやすくて
配慮の行き届いたブログになると思います。
試験に出ることは、最低限知っておいて
損のないことでしたし、こうしてわかりやすく
教えてもらえれば、赤点は免れますね☆
応援★済です。
コメント by 小学生でもわかるブログアフィリエイトの稼ぎ方 — 2010 年 1 月 20 日
詠美さん
はじめまして。(^_^)
ハルクと申します。
テンプレートによっては文字が見づらいのありますよね。
私も読みやすいブログを作るように心がけます。
応援ポチッ！☆
Whatcha gonna do brother!!
コメント by 那賀＠リセールライトで始めるネットビジネス入門 — 2010 年 1 月 20 日
こんばんは、那賀です。
私も、今回のブログ引っ越しの際、
CSSの文字色指定を探しまくりましたよ‥‥。
WPのCSSって、いろんなところに、リンク色の記述があったので、
見つけるのに少し時間がかかっちゃいました＾＾；
他人が書いたCSSの解読って、大変です‥‥。
でも、見に来て下さる方にとって、
読みやすい・使いやすいブログにしたいですもんね！
応援します！
コメント by JIN — 2010 年 1 月 21 日
こんばんはJINといいます。
最近この謎を解いたばかりでした＾＾；
CSSいじってたら、おかしなことになってしまって
場所が解っても、次は色指定でまた悩んでｗ
参考になりました！
応援ぽち！
コメント by 倭人 中高年ブログで稼ぐアフィリ大百科 — 2010 年 1 月 21 日
詠美さん、倭人です。
ＣＳＳを本格的に弄ったことはないですが、
ちょこっとサイズを変えたり、
色を弄ったことはあります。
リンクの色でも、
クリック後とか、
いろんな指定種類があるんですね。
また、ひとつ勉強になりました。
応援！
コメント by アフィリエイトで稼ぐ ユウのアフィリ教室 （ ユウ ） — 2010 年 1 月 21 日
ユウです。
詠美さん訪問ありがとうございます。
リンク場所をハッキリ提示する。
これも訪問者の方への気配りですよね＾＾
応援☆済
コメント by 売れる商品紹介の仕方＠YO-TA — 2010 年 1 月 21 日
詠美さん
YO-TAです、お世話になっております。
リンクの色は青が基本ですね^^
私のブログは諸事情で違いますが^^;
マウスポインタが乗っかった時に
赤になればなおいいですね♪
応援ぽち☆
コメント by さく — 2010 年 1 月 21 日
さくです
こういう細かい部分にも配慮されているのが
詠美さんのブログが支持されている
理由の一つでしょうね
書き込みを読んでいると自然とそう思えます＾＾
応援です
コメント by 作っ太郎 — 2010 年 1 月 21 日
詠美さん、こんにちわ。
作っ太郎です。
ご訪問＆応援コメありがとうございました。
たしかに自分が馴染んだ色なら、すんなりと読みやすいしクリックもしやすいですよね。
訪問者への気配り、参考になりました。
応援ぽちっ！★
コメント by アフィリエイトとは何だ とにかく稼いで副収入 娘達の為に！ — 2010 年 1 月 21 日
おこんにちは。
娘達の為に！です。
文字の大きさや色をいろいろ変えようかと思ったりしますが、検索エンジンはタグの多いブログや記事を嫌う傾向にあるので悩むところですね。
また訪問させてもらいますね。
応援済みです＾＾
コメント by おうちママ☆まにぃ～ — 2010 年 1 月 21 日
詠美さんへ
こんにちは
まにぃ～です♪
リンクの色＝青
これはホント暗黙の了解・。・。って感じですよね～。
実は、まにぃ～のリンクの色は先日まで茶色だったのです。
思い切って青に変えてみたけれど・・
やはり、青って落ち着きます～♪
訪問者さんにもわかりやすい☆ですしね＾＾
CSSのいじり方・・とても詳しくわかりやすく説明してくださって
ありがとです☆
CSS恐怖症の方でもこれでバッチリ大丈夫ですね～(*・∀-)
応援ポチ☆完了でぇす
コメント by 繭の幸せいっぱい稼ぐブログ！＠★繭★ — 2010 年 1 月 21 日
詠美さん
こんにちは＾＾繭です。
いつもありがとうございます！！
基本的なこととわかりつつ
対処ができてないという繭です・・＞＜。
お引越し後は絶対青にしようと決めているんですが・・
こういうとこがいけないなっと反省ですm(__)m
心から感謝をこめて応援ぽちぽちッ～☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞コウノスさん☆
お役に立てたようで良かったです＾＾
ほんと、一口に青といってもいろいろありますよね～＾＾
素敵な色を選んでくださいね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞文三さん☆
いやいや、全然詳しくないんですよ＾＾；
部分部分で、自分が知りたいことを調べてるだけなんです＾＾；
メール、いつでもくださいね～＾＾
待ってます＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞ドロンパ原田さん☆
やっぱりリンクは青のほうがわかりやすいですよね～＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞トーラスさん☆
いや、ほんとに私苦手です＾＾；
最初はもう、暗号が並んでるだけで頭痛してましたもん・・・
しかも調べてもわかんないし（爆）
でも、半年くらいちょこちょこ必要に応じて触ってれば、
一部一部、解読できるようになりますよ～＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞てつやさん☆
文字色、グレーだと読みづらいんですかぁ・・・
私、グレーでも結構いけるんですけどね～
それはいい情報でした！！ ＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞maxさん☆
基本から忠実にしていくこと、大切ですよね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞桔梗さん☆
おぉ～！！！
そのテスト勉強の様子を、別ブログに立ち上げてください！！（笑）
ほんっと、こういう系の情報書いてるブログって
検索エンジンで上位に来なくて、
難しいこと書いてるのばっかりひっかかってできないんですよね＞＜；
桔梗さんがわかりやす～く教えてくれるブログなら
即ブックマークです～＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞ハルクさん☆
初コメントありがとうございます＾＾
見てすぐわかりやすくすること、大切ですよね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞那珂さん☆
WPの大変だったんですね＾＾；
私のは、まだわかりやすかった方でした＾＾；
ブログサービスによっても違うので、
一概には言えないんですけどね～＾＾；
でもやっといた方がいいですよね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞JINさん☆
触ってるときに変なことになっちゃうとかなり焦りますよね＞＜；
謎を解明したあとで申し訳なかったです＞＜；；
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞倭人さん☆
ほんと、いろいろありますよね～＾＾
私も必要に応じて触る程度です＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞ユウさん☆
そうですね～＾＾
わかりやすい方が、お互いのためになりますよね～＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞YO-TAさん☆
さっそく編集されてましたね＾＾
もうすでに前の色が何色か忘れちゃいましたよ？＾＾
きっと青のほうが良いと思います～＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞さくさん☆
支持されてはないんですけど（汗）
やっぱりわかりやすい方がいいですよね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞作っ太郎さん☆
お客様にわかりやすい媒体作り、
お客様のためにも、自分のためにも大切ですよね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞娘達の為にさん☆
HTMLタグは複雑になってクローラーの読み込みが・・・
という観点から、CSSが主流になったようですよね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞まにぃ～さん☆
わかっていただけるといいのですが～＾＾；
やっぱりCSSとか難しい～って感じですけど
最低限のところはやっておくといいですよね＾＾
応援ありがとうございます☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 1 月 22 日
＞繭さん☆
お引越し楽しみにしていますね＾＾
頑張ってくださーい＾＾
応援ありがとうございます☆
コメント by ゆきんこ — 2010 年 2 月 24 日
詠美さん、こんばんは♪
ゆきんこです。
こんな細かい事全然気にしてませんでした＾＾
すごく勉強されてるというか・・・観察力？
すご～いです。
勉強になりました＾＾
応援します☆
コメント by アフィリエイトで在宅副業☆主婦詠美 — 2010 年 2 月 24 日
＞ゆきんこさん☆
お役にたてると嬉しいです☆
ぜひ挑戦されてみてくださいね～＾＾
応援ありがとうございます☆