カレンダー CSS

Eriko.N — Wed, 28 Oct 2009 02:43:12 +0000

　究極の目標は「Wordpressのオリジナル・テーマ」を作ること！とはいえ、まだ知識が欠落しているので、既存の【Elements of SEO (by Mr. Stauffer)】を使わせていただいております。このテーマはとてもシンプルでカッコイイので気に入っています！ヘッダー部分の画像は、本来変更すべきなのでしょうが、考え中ですのでもう少々お時間ください。

　さて、サイドバーにカレンダー・ウィジェットを追加したのですが、
このテーマにはカレンダーのスタイル指定がされていないらしく、こんな結果に…

Calendar with no style setting

がび〜ん…美しく見せるためstyle.cssに書き込む前に、このカレンダーのidなりclassの名前を知る必要があるのでした…。wordpressにデフォルトでついてくるカレンダーの場合、スタイル名は全部一緒ですかね？少々考え込んだのですが、なぁ〜んだwordpressが吐き出したページのコードをブラウザの「ソースを表示」で見ればいいだけじゃん！おぉ、「wp-calendar」という名前でした。

　やっとスタイルシートに書き込めますわ。次の行を追加してみました！
#wp-calendar {width: 182px;} #wp-calendar th, #wp-calendar td{ width: 24px; margin-right: 2px; text-align: center; } #wp-calendar a:link{color: #069DD5;}
ちょっとは良くなったでしょ？

Studio Eddies » カレンダー

カレンダー CSS