Whenever you are developing the new wordpress theme, you need to put some css in your style.css file. If you are not adding that css in your theme then there is lot of changes to break your theme view.

Some classes which are needful for image and alignment purpose. You need to just copy paste following CSS code in your style.css file.

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}

.alignleft {

float: left;

}

.alignright {

float: right;

}

.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}

You can edit some CSS as per theme requirement also.

Following CSS classes are also useful for creating the WordPress theme. You can create these CSS classes as per your theme requirement.

.categories {…}

.cat-item {…}

.current-cat {…}

.current-cat-parent {…}

.children {…}

.pagenav {…}

.page_item {…}

.current_page_item {…}

.current_page_parent {…}

.current_page_ancestor {…}

.widget {…}

.widget_text {…}

.blogroll {…}

.linkcat{…}

Just put some jpg, png or gif files in your theme images folder.

1. your_theme/images/audio.jpg
2. your_theme/images/audio.gif
3. your_theme/images/audio.png
4. your_theme/images/mpeg.jpg
5. your_theme/images/mpeg.gif
6. your_theme/images/mpeg.png
7. your_theme/images/audio_mpeg.jpg
8. your_theme/images/audio_mpeg.gif
9. your_theme/images/audio_mpeg.png

Whenever you are putting the media files in post above icons will appear in your theme.

Use following code for showing the recent post from category:

<?php
query_posts(‘showposts=1&cat= get_cat_id(‘category_name’)');
while(have_posts()) : the_post();
?>
<h3><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></h3>

<?php the_content(); ?>
<?php endwhile; ?>

You can replace the category_name to your category name