Free WordPress Themes

Welcome to the Free WordPress Themes demo blog. Here, we will demonstrate the various themes that are available for download on the main Free WordPress Themes site. Please feel free to peruse the posts below for a preview of how this particular theme will look when installed, along with various applications, like images, quotes, links, and the usual blogging practices.

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 500 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.

Another important aspect of blogs is the interactivity you get from the comments and automatic trackbacks/pingbacks. Below you will see how comments and trackbacks will appear on the theme.

Apart from quoting and blockquoting text, linking is also important in the blogosphere. This helps your readers navigate to external sources of information. Links also act as recommendations. Links also help establish relationships among bloggers.

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.

Quoting and citing are important aspects of blogging. This is to acknowledge that we bloggers are not all-knowing, and we also need other online publications and other bloggers to cite as sources. Apart from hyperlinking, we also cite 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.

This is an ordered list. Ordered lists are called such, because:

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!

One great thing with WordPress is that it allows you to break your text, so that no everything is displayed on the front page. This is good when you want to increase page views to your static pages, or when you want to prevent your home page from being too long.

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.

Read the rest of this entry »

This particular tag is important to programmers or people who discuss HTML and design stuff on their blogs. When you use the <code> tag, the text enclosed is made to appear like plain HTML, and not the usual way that the text is formatted when you read them. According to Wordpress Codex,

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

This is a post categorized under a nested category. This means the category is a sub-category of a main category. You won’t really notice the difference, except if the permalink structure of your blog is category-dependent, and in that case the URL will look like this:

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.