Morning Racer WordPress theme
Download
Note: This is theme is currently being prepared for the release. Please subscribe to the RSS feed, if you want to get notified when it is ready.
However, you can see it live on my blog Konstruktors Notes.
Version: 0.1 (0 downloads)
Released: January 14, 2008
Author: Kaspars Dambis
Requirements
A version of WordPress which supports widgets and tags.
Installation
- Unzip the file you downloaded.
- Upload the morning-racer folder to your themes folder
/wp-content/themes/ - Enable Morning Racer theme under
Presentation > Themesin your Wordpress administration panel. - Put the widgets into appropriate sidebar fragments, go to
Presentation > Widgets. Each panel has different visibility and optimal use - view the suggested widget placement). - Save your widget placement.
- Thats all, now take a look at your new design.
Suggested Plugins
Note: The following plugins are not obligatory, but they increase usability and functionality of your blog.
- Popularity Contest for displaying most popular posts. If activated, configure it in
widget-postrelated.phpunder Morning Racer theme's folder. Default "Most Popular Posts" widget is already provided. - Get Recent Comments. After activating a new widget "Get Recent Comments" will be available. Place it into the
sidebar-postrelatedsidebar. - WP-Digg Style Paginator for improved archive navigation. After activating the plugin no configuration is needed.
- MiniPosts2 for having Aside type of posts. Suggested Minipost format is
<div class="minipost">%post%%more% • <a href="%permalink%" class="more-link">#</a> <em class="date">%date%</em> / <em>%commentcount%</em></div>. Suggested More format is<a href="%permalink%" class="more-link">Read more</a> - Filosofo Comments Preview. Requires no configuration and uses the default comment style when previewing a comment.
About Morning Racer
Theme features a unique homepage layout with the latest post at the top, and a list of the previous post headings and one sentence excerpts right below.
In addition, just bellow the individual posts are links with excerpts to previous and following posts.
Page title different from the corresponding menu item
For example, you want the title of your About page to be About the author while still having About in the main menu.
- Open your about page for editing. Put About in the title field - it will be used for menu item.
- Add a custom field with key equal to
title, and value equal to the title you want to see on the page, in this case About the author.
Placing images inside blog posts and pages
All images are floated to the right by default. This can be changed by adding different CSS classnames to the image.
Simple image placement
First, remember the simple notion: a, b, c, where a = left, b = center, c = right.
- For aligning left add
class="img-a"to<img src="" />, and you get<img src="..." class="img-a" />. - For aligning right add
class="img-c".
More advanced image placement
- If you want to place the image in a center of a blog post, put it into additional
<div>tag, like this:<div class="image wide"><img src="..." /></div>. Classimageis required for all images (for captions and additional styling to work). Classwideplaces the image in a center. - If you want to add a caption, simply put it into
<p>tag just under the image but before the closing</div>tag, like this:<div class="image wide"><img src="..." /><p>Caption of an image</p></div>. - If you want to align the image with caption to the right or left, simply use additional classnames to the image wrapper
<div class="image restofclassnames">. - For aligning left use
<div class="image img-a" style="width:200px;"><img src="..." /><p>Image caption</p></div>where200pxis the width of your image plus a few additional pixels, for example 20px. - For aligning right use
<div class="image img-c" style="width:200px;"><img src="..." /><p>Image caption</p></div>