Published on May 7, 2009 6:37 am by Thord Daniel Hedengren

The Great Sample Post

It is always good to know how all elements in a theme looks, and this is the great sample post for Rogue Theme. If you believe we’ve forgotten an element, or you want us to add something to the list, do let us know.

Now, the Rogue Theme supports more than just these standard elements, and we’ll get to those in a later post. For now, here’s the demo.

Let’s start with the basics, like this bold text for instance. Maybe you would like to put some extra emphasis on something, and how about underlining it? No, wait, let’s scratch that – underlining isn’t pretty and can get confused with links, which incidentally looks just like that.

Those are the basics. Moving on, let’s give the next section a proper heading, shall we?

More advanced stuff (this is a H2 heading)

Now let’s quote a famous text snippet that all designers love to hate:

Lorem ipsum dolor sit amet, tortor porta eget molestie et. Ut netus augue lectus quisque turpis ut, quis dui eleifend nec quam, sed quis duis sed turpis, non wisi orci at suspendisse dictum aliquam, ut sit. Rutrum eros per diam, blandit iaculis, nullam lectus officia curabitur, donec mi sit natoque eu imperdiet.

Classic huh?

Lists (a H3 heading)

You know what, we could do a bullet list out of that to save some time.

  • Lorem ipsum dolor sit amet, tortor porta eget molestie et.
  • Ut netus augue lectus quisque turpis ut, quis dui eleifend nec quam, sed quis duis sed turpis, non wisi orci at suspendisse dictum aliquam, ut sit.
  • Rutrum eros per diam, blandit iaculis, nullam lectus officia curabitur, donec mi sit natoque eu imperdiet.

Maybe we should have done it numbered instead?

  1. Lorem ipsum dolor sit amet, tortor porta eget molestie et.
  2. Ut netus augue lectus quisque turpis ut, quis dui eleifend nec quam, sed quis duis sed turpis, non wisi orci at suspendisse dictum aliquam, ut sit.
  3. Rutrum eros per diam, blandit iaculis, nullam lectus officia curabitur, donec mi sit natoque eu imperdiet.

Still pretty basic stuff, so let’s move on.

About the images

This theme supports all standard image positioning classes that WordPress itself applies whenever you insert an image using the media uploader. That means that you can have it float left, right, or have it centered (with proper spacing below). It also means that image captions work just fine, as you’ll see on the right side near here.

Messing everything up with captions

Hey! Dogs!

Hey! Dogs!

If you include an image with a caption text, it might mess up your line height and spacing. This is some funky thing that WordPress does when you’re using the HTML part of the post editor. In fact, it doesn’t properly separate the caption stuff from the default P tag (yes, that was the code demo) that goes around every paragraph you write.

You can easily avoid these nasty things by putting a blank line between the inserted image code with the caption shortcode, and the rest of the content. Like this, which you can see in action above:

<h3>Messing everything up with captions</h3>

<img src="http://roguetheme.com/wp-content/uploads/2009/05/dog-300x226.jpg" alt="Hey! Dogs!" title="Dogs" width="300" height="226" class="size-medium wp-image-39" />

If you include an image with a caption text, it might mess up your line height and spacing. ... 

It is as easy as that.

Please show me the code in plain text (a H4 heading)

Sure, this is the code used for the image above, generated and inserted using the default image uploader.

Would you like to see anything else?

That’s the default tags, put to good use by explaining them in a hopefully more interesting fashion than that dreaded Lorem ipsum text. I hope you enjoyed it.

However, maybe we missed something? If we did, do give a shout in the comments and we’ll add it.

Posted in Rogue Theme Manual and tagged

One Response to “The Great Sample Post”

  1. […] Theme naturally supports all the traditional formatting stuff you can do from within WordPress, just check out our Great Sample Post for a live demo of these things. However, that’s not all you can do when it comes to […]

© Rogue Theme for WordPress

This site is powered by Rogue Theme and WordPress