Como usar formatos de postagem no WordPress

Um elemento de design popular na mídia, como revistas, é variar estilos e cores de um artigo ou página para outra. Se uma página tiver vários artigos, eles geralmente são exibidos com fontes, layouts ou textos explicativos diferentes para que tenham uma aparência diferente. Isso torna a página mais interessante em toda a revista. Obviamente, esses elementos de design também funcionam muito bem na tela.

Para dar variedade ao seu site WordPress em sua aparência, a Automattic adicionou formatos de postagem. Isso permite que você tenha uma aparência diferente com base no tipo de postagem que é. Ele também oferece ao seu site mais alguns recursos e habilidades. Por exemplo, você pode postar apenas uma cotação rápida ou um status, o que dá ao seu site a capacidade de fazer um microblog enquanto ainda mantém seu estilo de blog padrão.

O que são formatos de postagem?

Os formatos de postagem são informações meta que seu tema pode usar para personalizar a aparência ou o estilo de uma postagem. Eles são um recurso que pode ser incorporado ou adicionado ao seu tema. Se o seu tema os suportar, você encontrará esse conjunto interessante de opções ao criar uma nova postagem. No lado direito da tela, você verá uma caixa chamada Formato.

Inclui várias opções, como Padrão, Imagem e Cotação. Essas opções criam alguns estilos diferentes do seu post diário padrão. Vamos olhar para cada um em como usá-los.

Existem nove formatos de postagem para escolher:

• Padrão – nenhum formato de postagem é especificado. O tipo de conteúdo será tratado dentro do próprio conteúdo.
• À parte – uma pequena atualização de nota que não tem título.
• Imagem – uma única imagem dentro do post. Você pode usar a primeira tag <img /> no conteúdo como a imagem. Você também pode usar um URL.
• Vídeo – pode ser um único vídeo ou uma lista de reprodução de vídeos. Você pode usar a primeira tag <video /> ou objeto/incorporar no conteúdo, ou pode usar um URL.
• Citação – uma citação formatada como uma citação em bloco, ou conteúdo com o nome do autor como título.
• Link – um hiperlink para outro site. Você pode usar a primeira tag <a href="”> no conteúdo como o link. Você também pode usar um URL.
• Galeria – uma galeria de imagens ou fotos. Geralmente usado com um código de acesso de galeria.
• Status – uma atualização de status.
• Áudio – um único arquivo de áudio ou uma lista de reprodução de áudio completa.
• Bate-papo – uma conversa em formato de transcrição.

Por que usar um formato de postagem

Usar um formato de postagem não altera o conteúdo, então por que usá-los? Você já pode exibir uma galeria, um vídeo, uma imagem e um reprodutor de áudio. Então, por que você precisa usar um formato de postagem? Eles diferenciam seus vários tipos de conteúdo. Isso dá às suas postagens um pouco mais de estilo do que as postagens comuns do dia a dia.

Por exemplo, todo o áudio pode aparecer com uma determinada cor de fundo e um ícone de um alto-falante. Seus visitantes saberão rapidamente que é um arquivo de áudio. Se é isso que eles estão procurando, eles encontrarão com mais facilidade e apreciarão você por isso.

A formatação da postagem muda, juntamente com a fonte e o estilo do título, a localização das informações dos comentários e categorias, o plano de fundo por trás dessa postagem específica e o posicionamento do conteúdo na tela. Isso evita que seu site tenha a mesma aparência de um post para outro, dando-lhe algum entusiasmo.

Eles oferecem uma personalização muito melhor sobre a aparência do seu conteúdo. Isso faz com que o conteúdo de formato curto se destaque. Isso faz com que os microblogs pareçam ótimos. Sem os formatos de postagem, todas as postagens teriam a mesma aparência, apenas o conteúdo em si seria diferente.

Adicionando formatos de postagem ao seu tema

Nem todos os temas os suportam imediatamente, mas eles podem ser adicionados usando apenas algumas linhas de código. Aqui está uma olhada no código do WordPress Codex.

Primeiro, adicione a função add_theme_support() no arquivo functions.php . Você pode escolher quais formatos de postagem deseja que seu tema suporte, escolhendo o que incluir. A matriz de formatos ficaria assim:

[php] add_theme_support( 'post-formats', array( 'aside', 'gallery' ) ); [/php]

Você pode usar o gancho after_setup_theme e colocá-lo antes do gancho init.

A próxima coisa a fazer é adicionar o suporte ao tipo de postagem. Você faz isso adicionando add_post_type_support() no arquivo functions.php . O código ficaria assim:

[php] // adiciona post-formats a post_type 'page'add_post_type_support( 'page', 'post-formats' );// adiciona post-formats a post_type 'my_custom_post_type'add_post_type_support( 'my_custom_post_type', 'post-formats' ) ; [/php]

Outra opção é adicionar 'post-formats' no array de parâmetros 'supports' na função register_post_type(). O código fica assim:

[php] $args = array( … 'supports' => array('title', 'editor', 'author', 'post-formats')); register_post_type('book', $args); [/php]

Para usar os formatos, use get_post_format() para verificar o formato do post.

Outra opção é usar a tag condicional has_post_format(). O código fica assim:

[php] if ( has_post_format( 'video' )) { echo 'este é o formato do vídeo';} [/php]

Se você deseja adicionar classes de estilo dinâmico, também pode usar regras de estilo na função post_class() no código wrapper ao redor do post.

Por exemplo, adicionar isso à sua folha de estilo ocultará os títulos das postagens:

[css] .format-status .post-title {display:none; } [/css]

Dicas de estilo

Se os formatos forem incorporados ao seu tema, eles provavelmente serão estilizados especificamente para esse tema para combinar com sua aparência. Você pode criar seus próprios estilos ou modificar os estilos existentes. Aqui estão algumas coisas para manter na mente:

• Use formatos para que sua postagem seja facilmente reconhecida como um tipo específico.
• Formatos de lado, link e status – exiba-os sem informações de título ou autor. Mantenha-os simples e curtos.
• A parte deve conter um ou dois parágrafos. Use the_permalink() para permitir comentários.
• O link deve conter uma frase com um link. Use the_permalink() para permitir comentários.
• O status não deve incluir the_permalink() para que a postagem não permita comentários.
• Imagem, áudio e vídeo devem conter uma única imagem, áudio ou vídeo com ou sem legenda/texto para acompanhá-lo. Exiba conteúdo com plug-ins ou incorporações padrão.
• Citação – publique uma citação simples de uma pessoa sem informações extras. Se você quiser exibir o nome da pessoa citada como a assinatura, você pode colocar o nome dela no título da postagem, estilizar a postagem para exibir the_content() por si só, mas reestilizado como uma citação em bloco e, em seguida, usar the_title().
• Bate-papo – use o estilo para exibir o conteúdo com uma fonte monoespaçada dentro de um fundo cinza.

Para temas filho, chame add_theme_support() depois do tema pai. O código ficaria assim:

[php] add_action( 'after_setup_theme', 'childtheme_formats', 11 );function childtheme_formats(){ add_theme_support( 'post-formats', array( 'aside', 'gallery', 'link' ) );} [/php]

Não se esqueça de adicionar get_post_format() à pesquisa, arquivos e visualizações de postagem única.

Para obter mais informações e obter o código-fonte, consulte o artigo do WordPress Codex intitulado Formatos de postagem.

CSS

Você pode editar os estilos na folha de estilo. Aqui você pode ajustar cores, fontes, etc.

Como usar formatos de postagem

Para usá-los, não importa se você cria o conteúdo primeiro ou seleciona o formato de postagem primeiro. Basta criar seu conteúdo normalmente e selecionar o formato de postagem na lista. Você verá a mudança de formatação do editor visual para corresponder ao formato de postagem que você escolheu.

A maioria funciona da mesma forma, então vou mostrar apenas alguns exemplos. Estou usando o Twenty Thirteen, que tem os formatos e estilos integrados.

Formato de áudio

Neste exemplo, escolhi Áudio e carreguei um MP3.

Quando você seleciona o formato da postagem no editor visual, o próprio editor muda para mostrar o formato.

Áudio sem formato de postagem

Este tem o reprodutor de áudio, mas todo o resto se parece com todos os outros posts que usam o formato de postagem padrão. Não há nada para separá-lo.

Áudio com formato de postagem

O formato de postagem de áudio define a postagem em uma cor diferente e adiciona o ícone do alto-falante. Ele também usa um layout diferente para a data, categoria, título e conteúdo. Meus leitores reconhecerão facilmente todos os posts de áudio que eu criar porque eles procurarão esse estilo.

Formato de postagem de status

Neste exemplo, escrevi uma atualização de status rápida.

Postagem de status sem formato

Aqui está o post usando o formato padrão. Você pode ver que o título é a parte mais proeminente do post. Como o conteúdo é curto, ele se perde na página. Se não fosse pelo título enorme, este post quase ficaria invisível na página inicial.

Status da postagem com formato

Aqui está a postagem com o formato Status aplicado. A primeira coisa a notar é que o título desagradável que escrevi foi removido, o texto no post é maior e a cor de fundo é diferente. A fonte é colocada em itálico para destacar ainda mais, a data agora tem a palavra Status e há um pequeno traço na frente da primeira palavra do post. Há também uma pequena linha pontilhada vertical que atravessa o traço de cima para baixo do post.

Visualizando todas as postagens no editor

Ao selecionar Todas as postagens no painel, a lista mostrará o ícone dos tipos de postagem. Você pode selecionar o ícone para ver todas as postagens desse tipo de postagem. Isso ajuda na edição porque você pode filtrar e ver apenas os formatos de postagem que está procurando.

Comparações

Aqui está a aparência das postagens na página inicial com e sem os formatos de postagem.

Página inicial sem tipos de postagem

Cada post tem o mesmo formato. As mesmas fontes, o mesmo plano de fundo, o mesmo título, tudo, menos o conteúdo. Nada realmente se destaca, exceto pelas imagens. O problema é que nem tudo tem imagem e o conteúdo mais curto pode se perder na mistura.

Página inicial com tipos de postagem

O uso dos formatos de postagem faz com que algumas das postagens mais curtas se destaquem um pouco mais. Eles ainda podem ser dominados pelas imagens nas outras postagens, mas se meus leitores souberem que uso um fundo preto para citações e um fundo marrom para minhas atualizações de status, eles os reconhecerão apenas pela cor.

Alterando temas

Até este ponto, todas as amostras são do tema Twenty Thirteen. Quando você altera os temas, as postagens mantêm o fato de que foram definidas para um determinado formato, mas os estilos do formato serão diferentes de um tema para outro. Talvez seja necessário adicionar alguns formatos e modificar os estilos para se adequar ao seu gosto.

Pontas

Certifique-se de fazer um backup antes de adicionar código ao seu tema. Se você tiver acesso a um ambiente de desenvolvimento WordPress separado, recomendo testar seu código primeiro.

Se você alterar os temas, certifique-se de adicionar os formatos e estilos de postagem se eles não estiverem incluídos no tema. Não há consistência entre os temas, portanto, não há como saber como serão suas postagens se você não fizer seus ajustes.

Quer você crie seus próprios estilos ou modifique os estilos pré-criados, use estilos que sejam diferentes uns dos outros. Dessa forma, seus leitores saberão rapidamente que tipo de conteúdo uma postagem contém. Você pode torná-los tão semelhantes ou tão diferentes quanto quiser.

Você não precisa usar todos os formatos. Basta usar aqueles que fazem mais sentido para o seu site e público.

Pensamentos finais

Os formatos de postagem são fáceis de usar e adicionam algum entusiasmo ao seu site. Eles impedem que cada post se pareça com cada post. Além da variedade visual, eles também ajudam seus leitores a identificar os vários tipos de conteúdo em seu site, fornecendo dicas visuais para que eles possam obter facilmente o que estão procurando. Quanto mais tipos de conteúdo você produzir, mais úteis eles podem ser.

Sua vez! Você usa formatos de postagem? Você os adicionou ao seu tema? Você criou seus próprios estilos? Você tem algo a acrescentar? Eu gostaria de ouvir seus pensamentos nos comentários abaixo.