CSS]WordPressのカレンダーウィジェットを可愛くする(おじさんが)の続きです。前回でWordPressのカレンダーウィジェットの見た目は微妙に可愛くなりましたが、まだ足りません。いうことでnth-child擬似クラスを使って土曜日と日曜日のスタイルを変更してみます。WordPressが気を利かせてclassとか付けておいていただければ有難いのですが、残念ながらなのでCSSでやっちゃいましょう。該当するtdの背景色を変更この2点です。デモはこんな感じです。</ul>12345678<ul><li>リスト1</li><li>リスト2</li><li>リスト3</li><li>リスト4</li><li>リスト5</li><li>リスト6</li></ul>というhtmlがあったとします。class="hoge">リスト2</li><li>リスト3</li><li>リスト4</li><li>リスト5</li><li>リスト6</li></ul>とかクラスを追加してスタイルを追加したりします。nth-child(n)擬似クラスを使えばクラスを追加することなくスタイルの変更が可能です。{color:red;}としてあげると「リスト2」だけが赤文字になります。n番目だけスタイルを適用という使い方です。数番目だけの「even」「2n」や奇数番目だけの「odd」「2n+1」があります。{color:red;}これを利用してWordPressのカレンダーウィジェットの土曜日と日曜日だけスタイルを付けようということです。CSS]WordPressのカレンダーウィジェットを可愛くする(おじさんが)のCSSに以下のCSSを追加すればOKです。color:#ff0080;}気になるIEの対応は?IE9以上ですね・・・まとめCSSをどう書くかってなかなか迷いますね。後々のメンテナンスのことを考えれば擬似クラスは便利ですが、やはり環境依存は良くないのでIEの対応はしきゃなだな。Post/Page/Category/Tag/Comment」WordPressでサイト構築するときにカテゴリID等指定してコードを書くことって多いですね。その都度、カテゴリ一覧からカテゴリ名にマウ...記事を読む[WordPress]CustomFieldTemplateでPDFかURLか本文でリンク先をそろぞれ変えるタイトル分かりづらいですね。詳しく説明するとこういうことです。CustomFieldTemplateでPDFアップロード...記事を読む[WordPress]同一カテゴリ内で次の記事、前の記事のページ送りを実装する先日WordPressの大至急、とにかく大至急、急げバカ!案件を2日で仕上げました下山です。構成からデザインまでデータをいただいていたの...記事を読む[CSS2]属性セレクタこの業界に両足をどっぷり突っ込んで13年、まだまだ知らないことばかりですギャフン。Mapを表示するWordPressで地図を表示するプラグインっていっぱいありますよね。そのほとんどがショートコードを使うものが多いです。(実は使ったこと...記事を読む[CSS]olの番号に括弧を付けてみた。正確にはolの番号に括弧は付けれらないよね。忙しくなるとこのブログの存在を忘れるのが特技です。いえ、特技と言うほどのものではありません。今回はol、...記事を読む[CSS3]CSS3で背景画像を複数指定する!IE9以上3歩進んで2歩下がる生活スタイルがすっかり定着の下山です。マウスをカチカチやってるよりキーボードをパチパチやってるほうが好きです。(...記事を読む[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(随時更新予定は未定)自分ノートとしてCSS3モジュールをまとめてみるわけさ。絶対使いそうなもの3つから。