Short presentation about Post Formats in WordPress for the Eindhoven WordPress meetup 22/06/2011

1. WP Meetup Eindhoven
door Tom Hermans

2. I'm
Independent Web Professional
Designing / Developing / Speaking
WordPress Expert

3. Reach me
www.tomhermans.com
tom@tomhermans.com
@tomhermans

5. Pfffft ...

6. Post
formats
for
future
fantastic
themes

7. blog

9. WP = CMS
Control Your Content

10. Posts & Pages

11. Custom Post Types
meer controle over
content

12. Post Formats
meer controle over
presentatie

13. de look van een post
aanpassen door z'n
“format”

14. Post Format =
- meta informatie
- voor presentatie
- theme feature
- since WP3.1
- not supported in all themes

15. 1. Activatie
functions.php
add_theme_support( 'post-
formats', array ('aside', 'gallery');
Done !

16. Dashboard editor

17. Wat is er nu eigenlijk veranderd ?

18. Niets.

20. Allez, weinig toch..

21. HTML Front-end
post_class() : extra format-class
<article id=”post-50” class=”post-
50 post type-post status-publish
format-audio hentry category-
music”> ... </article>

22. Aha, extra classes ..
die kunnen we stylen dus..

23. CSS
.format-image, .format-gallery {
background: url(img/photo.png) no-repeat
0 20px; }
.format-aside .entry-title, .format-status
.entry-title { display: none; }
.format-quote .entry-content {
font-style: italic; }

25. Wat is er nu eigenlijk veranderd ?

27. Standard – regular post
Aside – typically without title.
(similar: Facebook status update)
Chat (transcript)
Gallery (of images)
Link
Image
Quote
Status – short status update
(similar to Tweet )
Video
Audio

28. Classnames
Aside .format-aside {}
Audio .format-audio {}
Chat .format-chat {}
Gallery .format-gallery {}
Image .format-image {}
Link .format-link {}
Quote .format-quote {}
Status .format-status {}
Video .format-video {}

29. Microblogging ?
Tumblr ?
... ?

30. Thank you.
●
www.tomhermans.com
●
@tomhermans
●
tom@tomhermans.com