A free, public release version of design guru Thord Daniel Hedengren’s Swedish-language blog, TDAge is a light-blue themed design with big, attractive feed images, and large font headers. TDAge also has easy access links to a blog’s pages and categories from the headers, and has a clean-cut pre-defined template for use as an archives page.

TDAge is a pun for TDH, which stands for–you guessed it!–Thord Daniel Hedengren, who has developed various designs for Splashpress Media.

Usage notes

Image alignment. You can align images by using the following:

• Left: class="alignleft"
• Right: class="alignright"
• Center: class="aligncenter"

Or if you’re using the WordPress editor’s media manager, the “left” and “right” classes will automatically be implemented also.

Category headers. The theme will automatically display parent categories in the header. Thus, the default design is meant for blogs with just a few categories. Otherwise, this line tends to be very long. Users can take out the Topic line, though.

Archives Page. The TDAge theme has a built-in template page for the archives (a sample here). This can be activated by creating a page using archives as its slug, and by selecting the “The Archives” template.

Official support for the theme can be found at the Performancing Community Forums.

Here is an image of my laptop keyboard. The image above is inserted as is, without any CSS “classes”. Some themes automatically format images when no IMG class is assigned, while most do not. The image is 240 pixels wide, which should fit most themes–even those with narrow main body columns.

Now here’s something that makes my mouth water everytime. This image is 400 pixels in width, and is a great gauge on how wide an image that a theme can handle. Some themes automatically limit the width (or even the height) of images via CSS, but most will not. So you better be sure your images fit, or they will run off into the sidebar and/or break your layout.

By default, WordPress will convert unrecognized uses of < and > into characters which actually look like & lt; and & gt; (without spaces), which will “look” like a < and a > when posted. Or, if it finds the use of an HTML tag within the post, it will use the tag like it is HTML and you will have funky looking text and a messed up layout.

And here are the equivalents, when you use the code tag.

< = & lt;
> = & gt;
/ = & #47;
] = & #93;
[ = & #91;
" = & #34;
' = & #39;

(again, without the spaces)

So for instance, I’m explaining how to link to freewordpressthemes.com, you can say:

Free WordPress Themes

The best way to link is to link to a descriptive and useful anchor text, so a human reader knows the context of the linked website, and a search bot knows the keywords to rank the linked website with. So instead of using “click here” as the link to freewordpressthemes.com, why not say the best free wordpress themes around.

Most themes will highlight your links with underlines, bold text or with different colors. Sometimes, themes can also change the look of a link when you hover your mouse cursor over the text. You can also use the “title” attribute (that means <a href="link here" title="helpful text here"> so a tooltip would appear when your reader hovers his/her mouse over the link text.

If a text is short enough, we can usually use the <quote> or <q> tags.

However, sometimes we need to quote longer pieces of text.

So for longer lines of code, we use the <blockquote> tag, which is, I think, self explanatory. Most themes will auto-format blockquotes so that they will look nice, and that they will stand out from the rest of the text. This means your readers won’t mistake blockquoted text for something you wrote yourself.

It’s good to keep blockquotes to a manageable level. If your entire post consists of material quoted word for word elsewhere, then you might be branded a plagiarist (if you don’t have adequate citation). You might also get penalized by the search engines for duplicate content.

1. They are ordered numerically or alphabetically
2. These lists can be sequential in ascending or descending order.
3. The tag for ordered lists is <OL>, which stands for–you guessed it–ordered lists.
4. The world needs order in order to survive.
5. Really, now?

Now this is an unordered list. Unordered lists are important, too, because:

• Some believe in the chaos theory, meaning by nature, nothing is really in order.
• There are lists wherein the order is not important. This menas everything is equal, and you just want to list down stuff to better organize your thoughts.
• Also, designers should be mindful of laying out lists, because items that are too long tend to run off into the next line.
• The tag for unordered lists is <UL>, which stands for–you guessed it–unordered lists.

Now you can also create nested lists, meaning lists within lists.

1. For example, this is a line in a top-level ordered list.
1. This is a second-level ordered list.
• I can add items under another level, this time as an unordered list.
• Here’s another.
• And another one.
2. And here’s another item under said list.
2. Lists look stupid if you only have one item (I learned that in elementary school).
3. So I’ve added a few more items so it looks neater.
• And here’s another second-level list.
• This time it’s an unordered list.

Enjoy listing!

So I’ve split this page into half with the MORE tag. You’ll have to click a link to read the rest of the entry.

This text is called stuff that is “after the jump.” This is also useful when you want to surprise your readers, or when you want to avoid giving out spoilers. You can attach your MORE tag anywhere you want the link to appear (either on a separate paragraph, right after your last word, or right before the first word of the next paragraph).

http://yourblog.com/main-category/sub-category/post-slug

This is actually how this demo blog’s permalink structure is done, so you can look at your address bar for a preview of how nested categories look like. This is actually more of a WordPress function rather than a theme function, but we thought it would be great to demonstrate. At any rate, if the categories are listed within the post or static page, then you will notice the difference.