Calendar Script Tutorial

Here’s a nice way of adding a calendar graphic to your website – use the background= attribute of html to fool the eye!

By Donncha

Donncha Ó Caoimh is a software developer at Automattic and WordPress plugin developer. He posts photos at In Photos and can also be found on Twitter.

1 reply on “Calendar Script Tutorial”

There must be a better way than that! Doing it PHP-based is a waste of CPU, and doing it JavaScript-based is obviously wrong.
Simple solution: CSS.

Using the default WP theme as an example, replace the h2 block with this:
h2{float:left;width:40px;height:50px;background:url(/i/calendar.gif);padding:10px 4px 0 6px;text-align:center}
h2 b{display:none}
h2 span{letter-spacing: 0.2em;display:block;font:10px “Times New Roman”, Times, serif}

then replace the date format (under Options) with this:


Then replace the the_date call in the template with this:

<?php the_date(”,'<h2 class=”date”>’,”); ?>

See my site for an example

Leave a Reply