カラフルな文字
ここではFC2ブログの文字色とリンクの色の変更方法を解説していきます。

難しそうですが、実は簡単な操作で変えることができるので、何度でもしっくりくる色が見つかるまで試すことができますよ。

今回、色を変える部分はこちらです

FC2ブログで初期設定されている
[imglist icon=”arrow2″ color=”orange”]

  • ブログ全体の文字の色
  • リンクの色
  • リンクにマウスポインタを重ねた時の色
  • 訪問済みのリンクの色
  • [/imglist]
    という4種類の文字とリンクの色を変えていきます。

    FC2ブログの文字とリンクの色を変更する手順

    さっそくFC2ブログにログインしてください。

    1. メインメニューにある「テンプレート[PC]」か、左メニューにある「テンプレートの設定」をクリックします。
    メインメニュー

    2. 「[ basic_white1 ] のスタイルシート編集」の枠内の一番下に以下のタグを追加(貼り付け)します。
    ※[ basic_white1 ] の名前はお使いのテンプレートによって異なります。

    貼り付けるタグ
    [normal_box2 color=”orange” border=”b2″]body {
    color: #333333;
    }

    a:link{
    color:#0044CC;
    text-decoration:none;
    }

    a:hover{
    color:#0044CC;
    text-decoration:underline;
    }

    a:visited{
    color:#0044CC;
    }
    [/normal_box2]

    貼り付けた後はこのようになっているはずです。
    スタイルシート編集

    3. 最後に「更新」をクリックすれば完了です。

    お好みの色にカスタマイズしたい場合は?

    ここで指定した色は当ブログが推奨するアドセンスでクリック率を最大限に高める色の組み合わせですが、これ以外でご自分で好きな色を指定したい場合があるかと思います。

    それぞれがどの色の部分に対応しているか確認の上、色を変更なさってみてください。

    それぞれのタグが指定している色
    [imglist icon=”dot1″ color=”orange”]

  • a:link・・・リンクの色の指定
  • a:hover・・・リンクにマウスポインタを合わせた時の色の指定
  • a:visited・・・一度クリックした「訪問済みリンク」の色の指定
  • body { color・・・文字の色の指定
  • [/imglist]

    基本的な配色は文字色は黒でリンクの色は青となっていますから、ここから大きく逸脱しないで指定することをお奨めします。