WPM040 pfffft... by tomhermans

1,075 views
994 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,075
On SlideShare
0
From Embeds
0
Number of Embeds
166
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WPM040 pfffft... by tomhermans

  1. 1. WP Meetup Eindhoven door Tom Hermans
  2. 2. Im Independent Web ProfessionalDesigning / Developing / Speaking WordPress Expert
  3. 3. Reach mewww.tomhermans.comtom@tomhermans.com @tomhermans
  4. 4. Pfffft ...
  5. 5. Postformatsforfuturefantasticthemes
  6. 6. blog
  7. 7. WP = CMSControl Your Content
  8. 8. Posts & Pages
  9. 9. Custom Post Typesmeer controle over content
  10. 10. Post Formatsmeer controle over presentatie
  11. 11. de look van een post aanpassen door zn “format”
  12. 12. Post Format =- meta informatie- voor presentatie- theme feature- since WP3.1- not supported in all themes
  13. 13. 1. Activatie functions.php add_theme_support( post-formats, array (aside, gallery); Done !
  14. 14. Dashboard editor
  15. 15. Wat is er nu eigenlijk veranderd ?
  16. 16. Niets.
  17. 17. Allez, weinig toch..
  18. 18. 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>
  19. 19. Aha, extra classes ..die kunnen we stylen dus..
  20. 20. CSS.format-image, .format-gallery { background: url(img/photo.png) no-repeat0 20px; }.format-aside .entry-title, .format-status.entry-title { display: none; }.format-quote .entry-content { font-style: italic; }
  21. 21. Wat is er nu eigenlijk veranderd ?
  22. 22. Standard – regular postAside – typically without title. (similar: Facebook status update)Chat (transcript)Gallery (of images)LinkImageQuoteStatus – short status update (similar to Tweet )VideoAudio
  23. 23. ClassnamesAside .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 {}
  24. 24. Microblogging ? Tumblr ? ... ?
  25. 25. Thank you.● www.tomhermans.com● @tomhermans● tom@tomhermans.com

×