Wednesday, September 17th, 2008by Philip Hoyos
It might seem that I have not been active for a while. However, I am currently working on a new design which I will implement into the website whenever I have the time.
Today I have implemented a new date format, which uses a background picture I created in Photoshop. If you would like to have a similar date format on you website please read on.
You need to be able to edit:
- Main Index Template -> index.php
- StyleSheet -> style.css
and have a date picture that you want to use. This picture should be uploaded to the same folder as where you keep your other theme pictures. I would recommend the picture to be either png, jpg or gif. Of course that depends on your theme.
At first you will have to create the following style in your style.css
/* Begin Date Format */
.dateblock{ text-align: center; width: 65px; font-family: Arial; float: left; display: inline; margin: 10px 10px 0 0; background: url(images/your-date-picture.png) no-repeat }
.day { font-size: 22px; position: relative; top: 0px; margin: 2px 0 0 0; }
.month { font-size: 10px; top: 0px; margin: 6px 0 0 0; }
.year { font-size: 10px; font-weight: bold; position: relative; top: 0px; margin: 7px 0 10px 0; }
}
/* End Date Format*/
Secondly you will have to edit your index.php. The line you need to locate looks like the following, in the default WordPress theme:
<small><?php the_time(‘F jS, Y’) ?> <!– by <?php the_author() ?> –></small>
This line needs to be changed into the following, if it should look like mine
<small><div class=”dateblock”><div class=”month”><?php the_time(‘F’) ?></div><div class=”day”><?php the_time(‘jS’) ?></div><div class=”year”><?php the_time(‘Y’) ?></div></div> <div class=”author”>by <?php the_author() ?></div></small>
There are a lot of other ways to display the_time format. But this is my setting. To see other variations or create your own. Go to http://us2.php.net/manual/en/function.date.php
To make the date fit the your-date picture you will have to mess around with the top and margin settings until you are satisfied.
Good luck.
Tags: CSS, Update, WordPress
Posted in Tutorials, WordPress | No Comments »
On the 25th of december 2009, Jenifer Wells, who works with automattic, published “Setting Scope” on WordPress.org. In her article she summarized how the development process had been before and how it was going to be for next release WordPress 3.0. To sum up the development cycle was going to be a lot more focused than previously and the core team were going to make a development plan before starting the process. As a part of the process they asked the WordPress community which features and enhancements they would like to see in WordPress 3.0. This resulted in 186 suggestions from the WordPress community, and some of the suggestions I found very interesting.