Blue X has been fun to create, and I have paid great attention to the details. This page highlights some of Blue X’s unique features. Below are some screen shots and descriptions of Blue X, my Wordpress theme.

Back to the Blue X project page.

First off I’ll highlight some entire site screenshots.

A Blogs Index:

This is a screenshot of Blue X when a person first browses to a blog, index.php.

A Blogs Archives:

This screenshot shows a monthly archive in Blue X, archive.php.

A Blogs Category:

This screenshot shows Blue X when a user is browsing a category, archive.php

A Page on a Blog:

This is what a visitor will see when they navigate to a static page, page.php.

A Post on a Blog (with a comment):

When a visitor views a post with comments this is what they will see, single.php.

Searching a Blog:

If a user searches your blog for something, this is what they will see, search.php.

Viewing all posts with a given Tag:

When a user clicks on a tag they will see all posts tagged with that tag, archive.php.

Specific elements of Blue X:

The top navigation bar which lists pages in your blog, “About” is highlighted with the roll over effect.

The information bar has roll over effects similar to the navigation bar above it, the one shown has the roll over effect.

The search field is displayed inline with the navigation bar, a special style is available for Webkit users.

For users who have a browser which supports selectors (Firefox, Safari, etc), all titles have a web 2.0 like shine over the text. The description of each post is shown below each title.

Each post has a Read link (which becomes a permalink on a single post view) and links to all the tags that the post was tagged with. This is shown below the content of each post.

At the bottom of every page, in footer.php there are links to validate a blogs XHTML, CSS and if a user is not logged in, to log in. If an administrator is logged in, links are displayed to visit the site administration and to log out.

Back to the Blue X project page.