wpm040 pfffft... by tomhermans
DESCRIPTION
Short presentation about Post Formats in WordPress for the Eindhoven WordPress meetup 22/06/2011TRANSCRIPT
![Page 1: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/1.jpg)
WP Meetup Eindhoven
door Tom Hermans
![Page 2: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/2.jpg)
I'm
Independent Web Professional
Designing / Developing / SpeakingWordPress Expert
![Page 4: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/4.jpg)
![Page 5: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/5.jpg)
Pfffft ...
![Page 6: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/6.jpg)
Postformatsforfuturefantasticthemes
![Page 7: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/7.jpg)
blog
![Page 8: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/8.jpg)
![Page 9: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/9.jpg)
WP = CMSControl Your Content
![Page 10: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/10.jpg)
Posts & Pages
![Page 11: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/11.jpg)
Custom Post Types
meer controle overcontent
![Page 12: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/12.jpg)
Post Formats
meer controle overpresentatie
![Page 13: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/13.jpg)
de look van een postaanpassen door z'n
“format”
![Page 14: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/14.jpg)
Post Format =
- meta informatie- voor presentatie- theme feature- since WP3.1- not supported in all themes
![Page 15: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/15.jpg)
1. Activatie
functions.php
add_theme_support( 'post-formats', array ('aside', 'gallery');
Done !
![Page 16: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/16.jpg)
Dashboard editor
![Page 17: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/17.jpg)
Wat is er nu eigenlijk veranderd ?
![Page 18: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/18.jpg)
Niets.
![Page 19: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/19.jpg)
![Page 20: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/20.jpg)
Allez, weinig toch..
![Page 21: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/21.jpg)
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>
![Page 22: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/22.jpg)
Aha, extra classes ..
die kunnen we stylen dus..
![Page 23: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/23.jpg)
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; }
![Page 24: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/24.jpg)
![Page 25: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/25.jpg)
Wat is er nu eigenlijk veranderd ?
![Page 26: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/26.jpg)
![Page 27: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/27.jpg)
Standard – regular postAside – typically without title.
(similar: Facebook status update)Chat (transcript)Gallery (of images)Link ImageQuoteStatus – short status update
(similar to Tweet )VideoAudio
![Page 28: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/28.jpg)
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 {}
Classnames
![Page 29: WPM040 pfffft... by tomhermans](https://reader034.vdocuments.us/reader034/viewer/2022051816/545318b7af79590c308b5372/html5/thumbnails/29.jpg)
Microblogging ?Tumblr ?
... ?