Slide 1

Slide 1 text

WordPress Post Formats What, When, How kristarella.com

Slide 2

Slide 2 text

What are Post Formats? • Post Formats are a new(ish) method of designating content types in posts • Image • Gallery • Status • Aside • Link • etc codex.wordpress.org/Post_Formats

Slide 3

Slide 3 text

When to use Formats? • The best time to use post formats is when both: a. your theme supports them b. you intend to share useful content in smaller (more manageable?) chunks, rather than always using long-form

Slide 4

Slide 4 text

How can you use them? 1.Find a theme that supports Post Formats well, or modify your theme to support them. 2.Assign formats to your posts.

Slide 5

Slide 5 text

Step 2 is easy! Choose the format that matches your post (as you would any categories or tags)

Slide 6

Slide 6 text

Step 1 is slightly harder • Trial & error • Test themes to see how they display different post formats (and if they display them differently at all) • OR Build your own child theme to display post formats how you want to NB Theme Unit Test is useful either way

Slide 7

Slide 7 text

Theme testing Just because a theme says it supports post formats doesn’t mean it does anything with them! The following themes, except Genesis, are all freely available from the WordPress theme respository

Slide 8

Slide 8 text

Twenty Thirteen Different colours Icons & borders Colours & meta Icon & formatting Featured image ↑ title Featured image hidden No page templates!

Slide 9

Slide 9 text

Esquire No gallery title Epic image border Big link title Bright quote No featured images Not responsive

Slide 10

Slide 10 text

Hum Format labels 1 gallery image + number Quote typography Simple link Image display Not all formats labelled

Slide 11

Slide 11 text

Pachyderm Cute format icons... in a range of colours... for all tested formats! Cute featured images (not on single posts) Attention to detail Clever sidebar

Slide 12

Slide 12 text

Path No title for short formats Title links to Link Smooth quotes Gallery “excerpt” Status avatar Nicely responsive

Slide 13

Slide 13 text

Preference Lite Gallery with feature Subtle Aside label Duplicate images?! Link is okay Status: avatar, but prominent title Quote is nice, but out of flow

Slide 14

Slide 14 text

Expound •Not much different for post formats ✘ •Asides don’t show title is the only change •Nice featured image thumbnail display •Responsive ✔ Genesis •Post Format icons hook ✔ •No default featured image display •No default post format display variations Living Journal •No titles for image & quote formats •Featured image thumbnails, not on singles •No featured image for image format ✔

Slide 15

Slide 15 text

Matala •Featured image thumbnails show for image formats too ✘ •Cool post format icons next to title ✔ •Not resposive Montezuma •Nothing different for post formats •but simple enough design to suit formats •Nice featured images, not on singles Vertigo •Nifty audio & video format styles •Cassette tape & video projector rolling! ✔ •Link formats break PHP ✘

Slide 16

Slide 16 text

Else, make a child theme • codex.wordpress.org/Child_Themes • Content templates • Understanding get_template_part • Create required template parts: content-{post format name}.php • Add needed CSS styles • Framework hooks & actions