Os formatos de postagem são um dos recursos interessantes que estão chegando no WordPress 3.1. Mas a maioria dos iniciantes não tem ideia do que são formatos de postagem, por que eles são importantes para você e como você pode tirar proveito desse recurso incrível. Bem, depois de passar pela versão alfa do WordPress 3.1, decidimos explicar o que, por que e como fazer com o recurso de formatos de postagem que está chegando no WordPress 3.1.
O que são formatos de postagem?
Post Formats são meta-informações que podem ser usadas por temas para personalizar a apresentação de uma postagem. Em termos simples, o formato de postagem é um método de estilizar uma postagem específica. Ao usar esse recurso, você pode especificar o “formato” de exibição de uma publicação específica. Esse recurso expande o aspecto de microblogging do WordPress porque agora você pode ter vídeos, links, imagens, áudios, citações, status etc., tudo em um só lugar, e a melhor parte é que eles terão o estilo adequado.
Exemplos de uso
Vamos dar uma olhada no blog oficial do Digging into WordPress. Eles têm dois tipos de estilos de postagem na página inicial. Um é uma postagem completa que exibe um trecho, como em qualquer outro blog. Mas o que é interessante é que eles têm um estilo específico de postagem que são links externos para outras postagens de blog que eles consideram úteis para seus leitores.
Os blogs têm tudo a ver com o compartilhamento de recursos e, muitas vezes, o blogueiro quer apenas criar um link para um recurso externo porque o considera útil para os leitores. O principal problema que eles enfrentam é que precisam criar uma nova postagem para simplesmente dizer aos leitores que devem ir para outro site. Isso gera confusão para o usuário final, pois ele não sabe de que tipo de publicação se trata. Muitas vezes, o usuário precisa clicar na visualização completa da postagem apenas para descobrir que o autor deseja que ele visualize um link externo. Embora existam truques como este, que permitem que você crie links externos a partir dos títulos das postagens, esse problema de formato de postagem resolverá tudo. Os designers de temas podem estilizar os “formatos de link” para que sejam exibidos de uma maneira diferente, como Jeff Starr fez no Digging into WordPress.
O poder desse recurso é muito grande para ser descrito. Porque agora você pode escrever postagens de status curtas, como faria no Twitter, e dar a elas um estilo diferente sem muito trabalho. Se você encontrou uma citação de que gosta, pode compartilhá-la e destacá-la com um clique. O resultado final é que o recurso “formatos de postagem” tornará o WordPress uma plataforma de blog mais completa.
Por que você quer usar Post Formats?
Os formatos de postagem substituem a necessidade de usar categorias para obter recursos de estilo semelhantes. Até agora, os desenvolvedores hackeavam as categorias do WordPress para obter esse efeito, o que acabava criando muita desordem e confusão para os novos blogueiros. O uso de formatos de postagem não apenas reduzirá a desordem em termos de categorias, mas também tornará seu blog portátil entre os temas que suportam esses formatos.
Isso também tornará seu blog mais fácil de usar para os leitores, pois o usuário saberá exatamente que tipo de postagem está visualizando. Além disso, isso tornará seu blog mais animado, pois você terá diferentes estilos de posts na página do blog. Atualmente, a maioria das exibições de postagens de blog parece muito monótona porque todas as postagens são iguais. Os formatos de postagem preencherão uma lacuna muito necessária nos sites com WordPress.
Como adicionar e usar formatos de postagem no WordPress 3.1
Assim como as miniaturas de postagem, os menus, os planos de fundo personalizados e os cabeçalhos personalizados, os formatos de postagem também serão um recurso ativado por tema. Isso significa que esse recurso só estará disponível se seu tema for compatível.
Aviso: Você deve ter um bom conhecimento de HTML, CSS e das funções do loop do WordPress para seguir este tutorial.
Para ativar os “formatos de postagem” no WordPress 3.1, você precisará abrir o arquivo functions.php do seu tema e colar o seguinte código:
add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );
Observação: à parte e galeria não são os únicos formatos de postagem disponíveis. A lista disponível de formatos de postagem é a seguinte:
- À parte – Normalmente estilizado sem um título. Semelhante a uma atualização de status do Facebook.
- chat – Transcrição de um chat.
- gallery – Uma galeria de imagens.
- link – Um link para outro site.
- imagem – Uma única imagem.
- quote – Uma citação.
- status – Uma atualização de status curta, geralmente limitada a 140 caracteres. Semelhante a uma atualização de status do Twitter.
- vídeo – Um único vídeo.
Para obter a lista completa de formatos de postagem, consulte o WordPress Codex.
Depois de adicionar esse código, você verá um novo campo no painel de redação da postagem, na coluna da direita, onde você vê publicar.
Ao escrever o post, você pode alterar o formato e clicar em publicar. Isso permitirá que você exiba sua postagem em um formato pré-estilizado.
Mas espere, ainda não especificamos esses formatos de postagem pré-estilizados em nenhum lugar do nosso tema. Portanto, neste momento, mesmo que você selecione o formato no painel de publicações do WordPress, isso não fará diferença porque o tema não sabe como exibi-lo. Para isso, precisaremos editar nosso loop de postagem.
Vamos utilizar a tag condicional: 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
}
Agora, o que está esperando? Comece a se preparar para esse recurso incrível. Só podemos imaginar o WordPress sendo usado cada vez mais como uma plataforma de microblogs com novos temas que serão lançados utilizando esse recurso.
Leituras adicionais:
Formatos de postagem do Codex do WordPress
Tipos e formatos de posts e taxonomias, oh meu Deus!
Formatos de postagem vs. tipos de postagem personalizados
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.
Administrador
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.
Administrador
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.
Administrador
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.
Administrador
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.
Administrador
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.
Administrador
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.