第14回：カレンダーの投稿した日付に色を付けてみよう

記事を投稿した日付のカレンダーにはリンクが張られますが、CSSでもう一工夫してその日付に色が付くようにしてみましょう。

1. 「管理トップページ」→「ブログ」タブ→（便利メニューから）「デザインの編集」→「カスタムCSSを編集」
   ※「カスタムCSSを編集」は、リッチテンプレート適用時には利用できません。
   ※CSSを編集するためには、まず「カスタム・テンプレート」 を作成してください。
   ※カスタムテンプレートの作り方は下記の記事を参照して下さい。
   ■第3回： カスタムテンプレートを作ってみよう
2. 「編集」画面のCSS記述欄に
   
   #calendar a {
     background-color:#●●●●●●;
   width: 20px; line-height: 20px;
     display: block; margin: 0 auto;
   }
   
   を全て半角英数で記述する。
   ※●●●●●●にはその色を指定する6桁のカラーコードを代入します。
   ※カラーコードについては こちらを参照して下さい。
3. 「変更を保存」ボタンを押す。
   ※事前に出来上がりを確認したい場合は「確認」ボタンを押してください。
4. 一つ前の画面に戻るので、ここに表示されている「バックナンバーを反映」ボタンを押す。
5. 別画面が開くので反映する範囲を選択して「反映」ボタンを押す。
6. 「すべてのファイルを反映しました」の画面に切り替わったら終了。
7. イメージ通りに出来ているかどうか確認する。

以上です。
うまく出来ましたか？

←こんな感じになればOKです。

• カレンダーの数字が見えるように、指定する色は「薄すぎるかな？」くらいに薄い色を選択したほうがキレイに出来ると思います。

■素材サイト 「PRISM」様

---

*この記事にコメントを書く*

---