Post formats är en av de spännande funktionerna som kommer i WordPress 3.1. Men de flesta Beginnare har ingen aning om vad som är post format, varför ska de spela roll för dig, och hur du kan dra nytta av denna awesome feature. Tja, efter att ha gått igenom alfaversionen av WordPress 3.1, har vi beslutat att förklara vad, varför och hur man gör med funktionen Utvalt inlägg som kommer i WordPress 3.1.
Vad är Post Format?
Metadata för inlägg är metainformation som kan användas av teman för att customize presentationen av ett post. Ok, nu på vanlig engelska är post format en metod för styling av ett specifikt inlägg. Genom att använda den här funktionen kan du ange visnings ”format” för ett specifikt post. Denna funktion förstorar mikroblogg-aspekten av WordPress eftersom du nu kan ha videoklipp, länkar, images, ljud, citat, statusar, etc. all på ett ställe, och det bästa är att de kommer att utformas i enlighet därmed.
Exempel på användning
Låt oss ta en titt på Digging into WordPress officiella blogg. De har två typer av post typer på homepage. En är ett komplett inlägg som visar ett excerpt, precis som alla andra bloggar. Men det som är intressant är att de har en specifik stil av ett inlägg som är externa länkar till andra blogginlägg som de tycker är användbara för sina läsare.
Bloggar handlar all om att dela resurser, och ofta är det så att bloggare bara vill länka till en extern resurs eftersom han / hon tycker att det är användbart för sina läsare. Det största problemet de står inför är att de måste göra en new post för att bara berätta för läsarna att gå till en annan site. Detta skapar förvirring för slutanvändaren eftersom de inte vet vilken typ av post det är. Ofta måste användaren klicka på den fullständiga vyn av posten bara för att ta reda på att författaren vill att de ska se en extern länk. Även om det finns knep som det här, som låter dig länka till externa länkar från inläggstitlar, kommer denna post format issue att fixa alltihop. Temadesigners kan utforma ”link formats” så att de visas på ett annat sätt, gillar Jeff Starr har för Digging into WordPress.
Kraften i denna funktion är för mycket för att beskriva. För nu kan du skriva korta inläggsstatusar som du gillar på Twitter, och få det stylat på olika sätt utan att göra för mycket arbete. Om du har hittat ett citat som du gillar kan du dela det och få det att sticka ut med ett click. Längst ner är att funktionen ”post format” kommer att göra WordPress till en mer komplett bloggplattform.
Varför vill du använda Post Formats?
Post format ersätter behovet av att använda kategorier för att åstadkomma liknande styling funktioner. Fram till nu har utvecklare hackat WordPress kategorier för att uppnå denna effekt vilket slutar med att skapa en hel del röran och förvirring för new bloggare. Att använda post format kommer inte ej bara att minska röran när det gäller kategorier, det kommer att göra din blogg portabel mellan teman som stöder dessa format.
Det kommer också att göra din blogg mer användarvänlig för dina läsare eftersom dina användare kommer att veta exakt vilken typ av post de viewar. Dessutom kommer det att göra din blogg mer livlig eftersom du kommer att ha olika stilar av inlägg på din blogginlägg page. Just nu ser de flesta blogginlägg som visas väldigt tråkiga ut eftersom alla posts ser likadana ut. Post formaten kommer att fylla ett välbehövligt tomrum inom de WordPress-drivna webbplatserna.
Så här lägger du till och använder post format i WordPress 3.1
Precis som inläggsminiatyrer, menyer, customize-bakgrunder och custom headers, kommer inläggsformaten också att vara en temaaktiverad funktion. Vad detta innebär är att den här funktionen endast kommer att vara available om your theme är kompatibelt.
Varning för detta: Du måste ha en rimlig förståelse för HTML, CSS och WordPress-loopens funktioner för att kunna följa denna tutorial.
För att aktivera ”post formats” i WordPress 3.1, måste du öppna ditt temas functions.php-fil och klistra in följande kod:
add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );
Note: notis och gallery är ej de enda tillgängliga post formaten. Den tillgängliga listan över post format är:
- notis – Typisk styling utan rubrik. Liknar en update av status på Facebook.
- chatt – En kopia, utskrift av en chatt.
- gallery – Ett galleri med images.
- link – En länk till en annan site.
- image – En enskild image.
- citat – Ett citat.
- status – En kort status update, vanligtvis limitad till 140 tecken. Liknar en status update på Twitter.
- video – Ett enskilt videoklipp.
För en fullständig lista över post format, se WordPress Codex.
När du har lagt till den här koden kommer du att se ett new fält i din post write panel i den högra kolumnen där du ser publish.
När du skriver posten kan du ändra format och trycka på publicera. Detta gör att du kan visa ditt post i ett för-stylat format.
Men vänta, vi har ännu inte angett dessa för-stylade post format någonstans i vårt theme. Så just nu, även om du väljer formatet i din WordPress post panel, kommer det inte att göra någon skillnad eftersom ditt theme inte vet hur man visar det. För detta måste vi editera vår post loop.
Vi kommer att använda den villkorsstyrda taggen: has_post_format()
if ( has_post_format( 'aside' )) { // code to display the aside format post here } else if (has_post_format('gallery')) { // stuff to display the gallery format post here } else if (has_post_format('link')) { // stuff to display the link format post here }else { // code to display the normal format post here }
Vad väntar du på nu? Börja förbereda dig för denna awesome feature. Vi kan bara föreställa oss att WordPress kommer att användas mer och mer som en mikrobloggplattform med nya themes som kommer att komma ut och använda den här funktionen.
Ytterligare Läsa:
WordPress Codex Post Formats
Post types och format och taxonomier, åh nej!
Post Formats vs. Custom Post Types
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Rahul says
if ( has_post_format( ’aside’ )) {
// code to display the aside format post here
} else if (has_post_format(’gallery’)) {
// stuff to display the gallery format post here
} else if (has_post_format(’link’)) {
// stuff to display the link format post here
}else {
// code to display the normal format post here
}
Where do we have to add this code. Thanks in advance . Inside Index.php or somewhere else.
saurabh says
Now making categories as galleries is really simple.
Keely says
Where exactly is this chuck of code added?
I can’t find a thing about this anywhere; not being a php programmer I don’t know where to put it.
Editorial Staff says
The code shown in the post which utilizes has_post_format() is what you will put inside your loop to give each post a specific styling.
Administratör
Dave says
It looks like your code is missing a closing bracket in the first line. It currently reads:
if ( has_post_format( ’aside’ ) {
but it should be:
if ( has_post_format( ’aside’ )) {
Great tutorial as always.
hosseincode says
yeah, wpbeginer should have fixed this…
WPBeginner Support says
We have updated the post, thanks Dave.
Administratör
Tom says
So, OK I am still a little confused about a few concepts here…can somebody please help me out? I apologize in advance for the crazy length of this post but I am new to WP
I understand the concept of posts, pages, categories and tags – that’s easy.
As I now understand, the new feature of ”post formats” (WP v3.1) relates to the styling of a ”post” (think: ”blog post”), whereas the concept of ”post types” really means one of the five default WP ”content types” (post, page, attachment, revisions, nav menus – see (http://codex.wordpress.org/Post_Types).
Likewise, the new feature of ”custom post types” (WP v3.0) relates to creating *new* ”post types” (outside of posts, pages, etc.), what ever that might be.
WOW…that sounds understandable in…t h e o r y.
OK, I DO get the new ”post format” in theory…but I am a visual type of learner, so I wanted to see what they could look like.
So your example of the ’link’ ”post format” post at Digwp.com was good, but I also checked out some other themes, like: http://demo.themify.me/#theme=wumblr
(side note here: confusing! – see how they refer to post formats as exactly that here: http://themify.me/themes/wumblr > Features… but at the top of that same page they call them ”post types”).
Anyhow…before I get to the ”post types” feature of WP, I have a few questions about the ”post formats” feature:
1. Let’s say I want to make use of new ”post formats” in an existing theme; I add these 10 different post formats in WP and specify them in the theme (as per your instructions). But then what..? How does the actual *DESIGN* for each of those post formats come about on the site?
Is it likely that most theme developers (mostly for the paid-for ones) will update their themes (the coding part, plus the actual design of the ”post format” part) – or should users wait for new themes to hit the market that offer this for the first time?
What about theme frameworks – do we know of any that already offer child themes with the post formats feature incorporated? Some theme frameworks allow you to create (or radically customize) your own child themes based on a basic version, with not much or no coding involved…do we know if any providers have this level of customization already implemented?
2. When I look at some of the themes that already use ”post formats” (see: http://themify.me/demo/#theme=wumblr) – what I notice is that *some* of the category names of the individual post formats match the names in the list of standardized formats (see: http://codex.wordpress.org/Post_Formats#Supported_Formats) – but some don’t! The following names that the Wumblr theme uses are not on that list: ’general’ and ’notes’- while ’aside’ and ’gallery’ are on the list but not chosen category names for any of Wumblr’s new format type posts. So this leads me to ask…
Compared to the usual practice of freely choosing names for categories (often for SEO purposes), what are the rules for naming categories for ”post format” posts? Do they HAVE to match the names on the list of standard ”post formats”? If not, how would that change the code you suggested in your article, following where you say: ”We are going to be utilizing the conditional tag: has_post_format() …”? If you DID use names in that code that differ from the standardized list, would that not go against the rule of standardization and make it difficult to switch themes?
I also wonder if by categorizing ”post format” type posts by choosing names like: ’link’ or ’status’ or ’quote’ for instance…how can anyone expect people to actively CHOOSE to click categories with THESE names, rather than posts that typically carry category names *describing their content*!!????
With ’video’ and ’image’ and ’gallery’ … I could still understand that people might actively and out of curiosity click those to be shown a list of all the posts with that type of content, but link, status, quote….?
~~So does anyone understand how all of this works?~~
So I make it VERY short with my question on ”POST TYPES” or more precisely ”custom post types”:
Where do THEY fit in here? I understand they are NOT the ”blog post” type posts we are talking…but ”custom” (=any type of content type BUT a post).
ARE there already any themes having them implemented, and if so, can someone point me to some examples?
ARE they handled by the theme or by a plugin?
Thanks for your replies!!
Tom
Editorial Staff says
Hey Tom,
Lets take a stab at your long question, one by one.
Wumblr Theme by Themify was released before WordPress 3.1 (so note, they did not have Post Formats at that time). So they called them whatever they liked, in this case post types”. Which again is a conflicting vocabulary, we recommend that it should be called Content Types because the whole idea of post types is to be NOT posts, RIGHT? Anyways so I think you are confused because of the semantics that Wumblr used. Again you mentioned later on why Wumblr has its own custom post formats rather than the supported formats. Because it was released before Post Formats were available, so they went with what they thought should be good.
You would have to specify in your theme’s CSS that if a post format ”XXX” is called then add these styles. A good way to do this would be getting the themes that already support Post Formats and look how they do it. Or simply open your browser’s Source and you will see the default class that is added. Most frameworks will be compatible with Post Formats in their coming versions however not all child themes will be compatible. It is very likely that some theme developers may go back and add post formats to their old themes. But we can’t say for sure which ones will do that and which ones won’t. There are a lot of new themes that are already hitting the market. Woo Themes has some, Themify has some. StudioPress will be releasing their own very soon as well. So it is really up to you if you want to wait or not.
Your category name does not have to match post formats. Post Formats, and categories are two separate taxonomies. You are free to name your category whatever you like.
Custom Post (Content) Types and Custom Post Formats are two separate beasts. One is a custom taxonomy while other is a custom content type. They serve two separate purposes. Taxonomies are to make organizing and display of content types easier. Custom Post Formats are taxonomies and Post is a content type.
Both Custom Post Types and Post Formats are handled by themes. However for Custom Post Types there are plugins that make your life easier. You can refer to our article about custom post types on this site that will show you the plugins.
Administratör
Tony says
I’ve been creating posts using custom post types when it should’be been a post format.
ms-studio says
My big question is: can we customize the write/edit page for those post types?
If yes, that would be a compelling reason to start using them immediately. Any pointers as how to do that would be appreciated, as http://codex.wordpress.org/Function_Reference/add_meta_box doesn’t give any clues.
If not, Custom Post Types will be much more useful.
Editorial Staff says
That page in the codex explains it all. It shows that they are adding this meta box to the custom content type ”post” and ”pages”… They are adding the input fields, and they are saving it. Use that information, and build on top of it.
Administratör
Connor Crosby says
If you download the WP 3.1 beta, the Twenty Ten theme supports aside and gallery.
Phaethon says
Awesome. We’ll be able to add more style hooks to the loop outside of the official WP 3.1 post types too, right?
Connor Crosby says
Do you know possibly when 3.1 might be available for the public? I was actually just looking how to create a link style like digwp.
Editorial Staff says
WordPress 3.1 is set to be launched right before the holidays so around Mid December would be a fair date.
Administratör
Dre Armeda says
You can download 3.1 Alpha via the official SVN already.
Barbara Ling says
Beyond awesome, this will be quite the killer feature indeed! Sharing this with my network this instant, thanks!
Pippin says
This is awesome. Nothing that really enhances things from a developer’s perspective, but this will be great for end users.
Bjorn van der Neut says
So if I understand correctly its a little bit the same as copy the page.php to gallery.php modify it and in the page select as template ”Gallery”.
Only now its going to be not on page level but on post level?
Editorial Staff says
Yes essentially it is a method of built-in cross-compatible post templates.
Administratör
Bjorn van der Neut says
Ok thanks! I use the plugin Impact (Payed version) for this functionality right now. I am also bussy with Genesis but I did not find that option at this moment.
Editorial Staff says
This option will come available in WordPress 3.1. It is not available yet.