Using Standard WordPress Post Formats

Themes developed by TheThe Fly support all standard WordPress post formats: default, image, gallery, video, audio, quote, aside, status, link.

To learn more about post formats, please visit: WordPress Codex: Post Formats

To assign the post a specific format while creating/editing it through WP admin panel, use the select in the right column. Here is the screenshot of what you will see:

Post Format Select - WordPress Admin Panel Screenshot

The main difference between post formats from the user point of view is how they are displayed on WP front pages, category and archive pages.

Default Post Format Look

1. If the excerpt was entered for the post – the excerpt HTML code with NO SHORTCODE processed AND featured image are displayed on front pages, category and archive pages.

For Example:

Default Post Format with MORE Tag Inserted

2. If NO excerpt was entered for the post but the special <!–more–> tag inserted into the post body – the post HTML code located before the <!–more–> tag WITH SHORTCODE processed BUT NO featured image is displayed on front pages, category and archive pages.

For Example:

Tabs in the Post Look

To display tabs as on the example above, the following HTML code with shordcodes was used:

[tabs]
[tab title="USA"]the tab content[/tab]
[tab title="Europe"]the tab content[/tab]
[tab title="China"]Nonetheless, modern geography is an all-encompassing discipline that foremost seeks to understand the Earth and all of its human and natural complexities—not merely where objects are, but how they have changed and come to be.[/tab]
[/tabs]<!--more-->

* TheThe Tabs and Accordion plugin.

3. If neither excerpt nor <!–more–> tag was used – it will display an automatic excerpt which refers to the first 55 WORDS of the post’s content with all HTML tags and shortcodes parsed out.

For Example:

Default Post Format with Featured Image Look

Once again, just appending the <!–more–> tag to the end of the post above will make it look like this:

Default Post Format with MORE Tag Look

Got the difference? The CSS highlighting shortcode WAS processed while the featured image was NOT displayed.

We highly recommend to use either excerpt or <!–more–> for your posts to make them look better on all your front/category/archive pages.

And DO ALWAYS use <!–more–> tag leaving excerpt empty if you want the post shortcode to be processed on the front/category/archive pages!

Other Standard WordPress Post Formats

Image Post Format Look

A single image. The first attached image is considered as the image. If nothing attached, then the first <img /> tag in the post could be considered as the image.

For Example:

Image Post Format Look

Gallery Post Format Look

A gallery of images. Post will likely contain a gallery shortcode and will have image attachments.

For Example:

Gallery Post Format Look

Video Post Format Look

A single video. The first <video /> tag or object/embed in the post content could be considered the video. Alternatively, if the post consists only of a URL, that will be the video URL. The post may also contain the video as an attachment, if video support is enabled on the blog (like via a plugin). And finally, you can use Custom Field (Name: video; Value: http://www.yoursite.com).

For Example:

Video Post Format Look

Audio Post Format Look

An audio file. Could be used for Podcasting.

For Example:

Audio Post Format Look

Quote Post Format Look

A quotation. Probably will contain a blockquote holding the quote content. Alternatively, the quote may be just the content, with the source/author being the title.

For Example:

Quote Post Format Look

Link Post Format Look

A link to another site. Themes may wish to use the first <a> tag in the post content as the external link for that post. An alternative approach could be if the post consists only of a URL, then that will be the URL and the title (post_title) will be the name attached to the anchor for it. Custom Field name link can also be used for this.

For Example:

Status Post Format Look

A short status update, similar to a Twitter status update.

Aside Post Format Look

Typically styled without a title. Similar to a Facebook note update.

Leave a Reply

Captcha Captcha Reload

WordPress Tutorials

WordPress Codex

The online manual for WordPress and a living repository for WP information and documentation.

WordPress Video

Over 150 top-quality video tutorials that make learning WordPress super quick & easy.

Free Newsletter

Opt-in to benefit from our monthly WordPress Tips, Tricks & Hacks newsletter and get FREE gifts:

  • Our coming soon themes info
  • 101 WP Power Tips (Video)
  • Advanced WP Tips (eBook)

Club Members Say

I really look forward to the release of each new theme. With such an intuitive and interactive back end, customizations are a breeze. My favorite: the color schemes, of course!

Carolyn Moore

As a Best Selling Author and International Therapist my website has become a key to running my busy offices in Sydney, London and New York. I purchased the THETHE Marketing theme as it appeared to be the best one for my practice. During that time my team have needed help with several items and indeed the list began to grow as our people were not that familiar with code.

The technical support, back up and service that we required meant that the staff at THETHE went out of their way to help us. They have been the very best technical support team I have experienced since the Internet arrived... and I have owned many websites over the years and these guys are brilliant.

Every time we contacted them they were there to offer assistance and advice.Thank you guys your service and expertise is remarkable.

Dr Patrick McNally PhD
Author and Philosopher

Testimonials


 


 

Recent Comments

Subscribe to WP Tips & Hacks Newsletter