Theme Style Sampler

What Happens with the Excerpt When You Compose a New Post with WP 2.7+?

Humdinger Diddly — Fri, 04 Dec 2009 16:19:40 +0000

If you compose a new post in WordPress 2.7 or higher, it looks as though the excerpt field may be auto-populated in a way that it was not in previous versions. I only mention this because I’ve noticed some janky behavior over the last couple of weeks, and I’ve got to solve this problem to ensure that I’m not screwing with people’s s, ya dig?

What if I want to go to VPS.net?

If a Post Title Spans Two Lines and Still Looks Good, You Win!

Humdinger Diddly — Sat, 14 Jun 2008 22:03:47 +0000

So yeah, this is one of those things that you gotta test. If it comes out right, you’ll be a hero. Otherwise – baaaaa – you’ll be a friggin’ goat. I needed some extra text for testing purposes, so here ya go.

Have You Sampled Your Code Today?

Humdinger Diddly — Tue, 18 Dec 2007 14:23:22 +0000

One particular HTML element that has been taking up way too much of my time lately is the tag. Different browsers will render the contents of this tag differently depending on how the CSS properties (such as line-height, font, and/or font-size) are declared.


It is a constant battle to ensure that elements will render correctly, and even when you think you’ve gotten everything worked out perfectly, you may find that Safari, for instance, doesn’t know what to do with an unordered list of encoded text:

Safari
may not
render this
worth a damn

And even when you’ve gotten all that figured out, you still have to ensure that the 
 tag is styled properly and renders consistently across a wide range of modern browsers.
code {
   font: 0.92857em Consolas, "Andale Mono", Courier;
   color: #050;
}



This is a Test Aside
Humdinger Diddly — Sat, 08 Dec 2007 22:00:09 +0000
Asides are a pretty cool feature that can really spice up a theme. Most tutorials on the web, however, require users to hand-code the exact category ID number, and this usually has to be done across no fewer than three template files. With Neoclassical Dark, you’ll never have to worry about that again!



See This Theme’s Styles in Action!
Humdinger Diddly — Thu, 06 Dec 2007 13:51:13 +0000
This theme comes equipped with everything you need to produce a professional-grade Web site. I personally guarantee that you’ll be positively amazed by how easy it is to put your best foot forward with this product.
Find out all the styles that you’ll have at your disposal by choosing a theme from the sidebar, and then check out how the styles affect the content of this article.
Lists
Lists are easy for readers to digest, and because of that, most people love ‘em. With that in mind, you oughta start using more lists in your posts! This theme comes equipped with three killer list styles, and your job is simply to choose the one that is best-suited to your particular needs. The first type of list is an unordered list, and it looks like this:

List item 1
List item 2
List item 3

Nested list item 1
Nested list item 2


List item 4

The second type of list is an ordered list, and it looks like this:

List item 1
List item 2
List item 3
List item 4

The third and final type of list is called a definition list. Although they are less common, they can be useful for presenting meanings, relationships, or simply for clarification. Check it out:

This is a definition list item title
This is the description text that is related to the title above
The Neoclassical Theme
A bulletproof, standards-compliant, customizable WordPress theme from Chris Pearson

Sub-Headlines
Sub-headlines have already been used twice in this post…did you spot them? The first one says “Lists,” and the second one says “Sub-Headlines.” Thanks to the flexibility of our themes, you can create similar headlines without having to do any styling on-the-fly. All you have to do is wrap your headline text in 
 tags, and BOOM, you’ll get results like you see here.

If you’re using the Rich Visual Text Editor (which I absolutely do not recommend), you need to switch to the HTML viewer and enter your text between 
 tags. When you’re done, click on the Update button, and you can continue writing your entry.
If you’re using the regular old text-based editor (cheers if you are!), then you could write a line that looks something like this: 
Blockquotes
, and you’ll end up with something that looks like this…
Blockquotes
This is one area where my themes have no peers…
Every theme worth its weight in bandwidth comes with some sort of pre-defined blockquote styling, but how many themes do you know of that come with three different blockquote styles? This is one area where my themes have no peers, and you can use these blockquote styles to your advantage as you liven up your posts for your readers.
The quote above is what is referred to as a “pullquote,” and you can create two types of these in your posts—one will be aligned to the right, and the other to the left. Use the following structure to make it happen: 
, where x is replaced by either “left” or “right,” depending on which side of the text you want your pullquote to display.
Standard Blockquote
And naturally, no theme would be complete without the standard old blockquote, which comes out looking like this:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque pharetra velit vel purus. Nunc tempor, urna sit amet euismod elementum, erat tellus auctor erat, non condimentum dui wisi non orci. Nam fringilla leo sed dui. Vestibulum ac elit sit amet diam vehicula scelerisque.
To use these, simply wrap your quoted text in 
 tags.
Oh, and we may as well test a trackback, right?



Formatting Images for Feed Readers
Humdinger Diddly — Thu, 06 Dec 2007 13:47:47 +0000

Properly formatting your posts for feed readers is tricky with WordPress, mostly due to the fact that WordPress will auto-insert unwanted paragraph tags and break tags that could adversely affect the style and look of your posts within a reader.
Since more and more people are turning to RSS as their primary means of digesting Web-based content, now is the time to perfect the art of publishing for both your site and its feed.
Let’s test a trackback.



You Gotta Check Out Pearsonified
Humdinger Diddly — Thu, 06 Dec 2007 13:45:49 +0000
The author claims it’s the Best Damn Blog on the Planet. See if you can prove him wrong—I dare you!



How to Test Feed Reader Formatting
Humdinger Diddly — Thu, 06 Dec 2007 13:33:53 +0000

The major culprit in ugly image reproduction within feeds is WordPress itself. Even if you’re using the code editor to produce your posts, WordPress will automatically wrap standalone images (centered ones, presumably) inside paragraph tags along with any text that follows. The end result is an inline image that is followed by a semi-broken line of text in just about every feed reader.

The bottom line is that your feed content can be styled acceptably without introducing evil measures like the hspace and vspace attributes that “force” compliance in just about every feed reader. This day in age, solutions that involve deprecated HTML are no longer acceptable, as we have to find ways to become better publishers, all the while adhering to established standards.



Who’s Got Style?
Humdinger Diddly — Wed, 05 Dec 2007 21:17:00 +0000
Anyone using a Pearsonified WordPress Theme, that’s who. When you need a professional, polished edge, you’ve got to have it all—perfect typography, clean lines, effective use of whitespace, a well-designed user interface, and optimized code.
What you need, my friend, is a Pearsonified theme.

Theme Style Sampler

What Happens with the Excerpt When You Compose a New Post with WP 2.7+?

If a Post Title Spans Two Lines and Still Looks Good, You Win!

Have You Sampled Your Code Today?

This is a Test Aside

See This Theme’s Styles in Action!

Lists

Sub-Headlines

tags, and BOOM, you’ll get results like you see here. If you’re using the Rich Visual Text Editor (which I absolutely do not recommend), you need to switch to the HTML viewer and enter your text between

tags. When you’re done, click on the Update button, and you can continue writing your entry. If you’re using the regular old text-based editor (cheers if you are!), then you could write a line that looks something like this:

Blockquotes

Blockquotes

Standard Blockquote

Formatting Images for Feed Readers

You Gotta Check Out Pearsonified

How to Test Feed Reader Formatting

Who’s Got Style?

tags, and BOOM, you’ll get results like you see here.

If you’re using the Rich Visual Text Editor (which I absolutely do not recommend), you need to switch to the HTML viewer and enter your text between

tags. When you’re done, click on the Update button, and you can continue writing your entry.

If you’re using the regular old text-based editor (cheers if you are!), then you could write a line that looks something like this:

`Blockquotes`