WPM040 pfffft... by tomhermans

Post on 30-Oct-2014

1,009 views 0 download

Tags:

description

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

transcript

WP Meetup Eindhoven

door Tom Hermans

I'm

Independent Web Professional

Designing / Developing / SpeakingWordPress Expert

Reach me

www.tomhermans.comtom@tomhermans.com

@tomhermans

Pfffft ...

Postformatsforfuturefantasticthemes

blog

WP = CMSControl Your Content

Posts & Pages

Custom Post Types

meer controle overcontent

Post Formats

meer controle overpresentatie

de look van een postaanpassen door z'n

“format”

Post Format =

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

1. Activatie

functions.php

add_theme_support( 'post-formats', array ('aside', 'gallery');

Done !

Dashboard editor

Wat is er nu eigenlijk veranderd ?

Niets.

Allez, weinig toch..

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>

Aha, extra classes ..

die kunnen we stylen dus..

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; }

Wat is er nu eigenlijk veranderd ?

Standard – regular postAside – typically without title.

(similar: Facebook status update)Chat (transcript)Gallery (of images)Link ImageQuoteStatus – short status update

(similar to Tweet )VideoAudio

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

Microblogging ?Tumblr ?

... ?

● www.tomhermans.com● @tomhermans● tom@tomhermans.com

Thank you.