カレンダー CSS

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

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

Calendar with no style setting

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;}

ちょっとは良くなったでしょ?

カテゴリー: CSS   タグ: , ,   この投稿のパーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">