WordPress Post Formats … Existe Vida Depois De Gutenberg?

formatos de postagem estreados no WordPress em 2011, permitindo que você injete um pouco de vida na seção do seu blog. Infelizmente, muitos temas não os apoiam mais. Mas com uma pitada de Gutenberg e uma pitada de código, você ainda pode moldar sua seção de blog na obra-prima que deveria ser.

os formatos de postagem foram apresentados pela última vez no WordPress ‘ Twenty Seventeen e não são mais suportados nos temas mais recentes do WP.

portanto, a questão é, com menos temas apoiando-os, eles ainda deveriam ser usados? Se sim, como? E se não, existe outra maneira de formatar suas postagens?

é WordPress, meus queridos amigos, é claro que existem outras maneiras!

(*Dica: uma grande maneira começa com” Guten “e termina com” berg”;)).

e se você está realmente interessado em um retrocesso de 2011, ainda pode adicionar formatação de postagem a temas com código.

mas antes de chegarmos à sua matriz de opções de formatação de postagem, vamos começar simples e ver quais são os formatos de postagem do WordPress e como eles podem ser usados.

o que é um formato de postagem do WordPress?

se você deseja que sua página de blog seja mais do que uma parede interminável de texto, os formatos de postagem podem ajudar a melhorar as coisas com um simples clique.Eles permitem que você mude a maneira como seu tema exibe conteúdo – seja permitindo que você adicione vídeos, imagens ou simplesmente exibindo coisas como citações de uma maneira mais elegante.

todos os temas estilizam seus formatos de maneira um pouco diferente (vamos dar uma olhada em alguns exemplos em breve), e com alguns não suportando-os, pode ser difícil tentar obter a aparência certa para a seção do seu blog.

Como Usar Formatos Pós

Se o seu tema suporta formatos pós, você irá ver esta pequena lista drop-down quando você for criar um novo post:

Exemplo de adição de pós formatos para WordPress
Você pode alterar o formato do seu post usando o menu do lado direito.

caso contrário, você pode selecionar um novo tema que suporte formatos de postagem.

para facilitar a localização de temas suportados, Filtre sua pesquisa no diretório de temas por “formatos de postagem.”

confira opções como Codex, Manta ou Diginews se você estiver procurando por um tema sólido que suporte formatos de postagem.

Alternativamente, você pode adicionar um pouco de estilo usando o código (entraremos nisso mais tarde.)

exemplo de Filtragem de temas do WordPress para mostrar aqueles que suportam formatos de postagem.
Use a opção de filtro de recursos ao procurar um novo tema.

mas espere… Gutenberg não resolve todos os nossos dilemas de formatação?

boa pergunta. Desde o lançamento do Gutenberg block editor, agora temos muito mais opções quando se trata de estilizar nossas postagens.

também é um dos principais motivos pelos quais os formatos de postagem não são suportados pelos temas mais recentes do WP. Muitos dos blocos de Gutenberg essencialmente oferecem aos usuários a mesma funcionalidade que as várias opções de formato.

por exemplo, dê uma olhada nesta citação inspiradora que postei usando a citação Bloco Gutenberg sobre o tema vinte e dezenove:

exemplo de uma citação usando o tema vinte e dezenove
apenas continue nadando, nadando, nadando.

faz exatamente o que precisa, e tudo o que é preciso é um simples clique.

infelizmente, isso não é verdade para todos os temas.

Aqui está o que acontece quando você adiciona apenas um bloco de imagem em alguns temas, com este exemplo do Colibri:

Exemplo de uma imagem usando Gutenberg e Colibri
Se somente a cada tema seria de suporte pós formatos.

com alguns temas, Gutenberg só vai te levar até agora.

você pode usá-lo para apimentar suas postagens, no entanto, alguns temas exibirão apenas ‘continue lendo’ na página principal do seu blog se você tiver usado algo diferente de texto simples em sua postagem.

usando os formatos de postagem clássicos, por outro lado, garante que a página do seu blog esteja cheia de todas as suas imagens e vídeos à primeira vista.

e nessa nota…

vamos dar uma olhada em alguns exemplos de formatos de Post em ação

existem dez formatos principais, e como cada estilo de tema cada tipo de formato à sua maneira, comparei dois abaixo: Origami e Arcanum.

padrão

provavelmente o formato do qual você está tentando escapar.

posts padrão são os tijolos e argamassa da maioria dos blogs – mas você tem centenas deles, e ninguém culpa você por querer algo um pouco diferente.

Origami:

exemplo de um formato de postagem padrão do WordPress usando o tema origami.
post padrão usando o tema Origami.

Arcano:

exemplo de um formato de postagem padrão do WordPress usando o tema arcanum
postagem padrão usando o tema Arcanum.

aparte

um aparte pode ser usado quando você tem uma nota rápida que deseja exibir – normalmente algo que não justificaria sua própria postagem completa.

a maioria dos temas os estiliza sem títulos, tão semelhantes ao formato de Status. Arcanum foi todo chique e colocou o deles em uma caixa.

Exemplos mostrando o lado de postagem do WordPress formatos em temas de origami e arcanum
Esquerda: Origami, Direito: Arcanum

Áudio

Bastante auto-explicativo – você pode usar o formato de áudio se você deseja inserir um clip de áudio.

 exemplo de uma postagem de áudio usando o tema arcanum
uma postagem de áudio usando o tema Arcanum.

uma coisa que notei é que alguns temas não permitem legendas em postagens de áudio.

legendas são definitivamente úteis se você precisar creditar o artista, mas também é útil adicionar uma descrição (A maioria das pessoas hesitaria em clicar em ‘play’ em algo se não tiverem ideia do que é – eu incluído!)

Origami não suporta o formato de postagem de áudio, no entanto, este é um bom momento para dar uma olhada na diferença que os formatos realmente fazem.

mudei o tipo de formato de postagem no clipe de áudio que postei acima usando Arcanum para Padrão, e isso aconteceu:

exemplo de uma postagem de áudio usando o formato de postagem padrão.
Whoops, não é ideal!

quando você clica em ‘Leia Mais’, o clipe de áudio está presente e correto, no entanto, sem definir o formato de postagem Como áudio, você não pode realmente vê-lo na página do blog.

parece que Gutenberg tem alguma coisa a fazer.

bate-papo

o formato de bate-papo é usado para exibir transcrições de bate-papo.Os esforços do Origami foram decepcionantes.

Arcanum, por outro lado, mudou a fonte para algo máquina de escrever-Y.

pequenas vitórias.

exemplo do formato de postagem de bate-papo nos temas arcano e origami
esquerda: Origami, direita: Arcano.

imagem

agora, é aqui que isso começa a parecer meio útil.

você sempre pode adicionar uma imagem usando o editor de blocos, no entanto, ela nem sempre será exibida na página principal do blog – depende inteiramente do tema.

usar o formato image post é uma maneira infalível de garantir que sua foto seja apresentada na página do seu blog em toda a sua glória. Veja as exposições A E B do Arcanum abaixo:

exibir a-usando o formato de postagem de imagem

exemplo de uma imagem usando o formato de postagem de imagem no arcanum
fácil-peasy.

anexo B – usando o formato de mensagem padrão

Exemplo de postagem de uma imagem como um padrão postar em arcanum
Uh ohhh, isso não é o que queremos

é claro que, quando você clicar em ‘leia mais’, sua imagem estará lá.

no entanto, se você quiser que sua própria página de blog seja mais do que uma parede de texto, você deve realmente usar o formato de postagem de imagem.

Disse-lhe que eles podem realmente vir a calhar.

Galeria

a diferença entre os formatos de postagem de Galeria e imagem sobre os temas que testei é muito sutil.

Por exemplo, aqui está como as imagens e galerias de imagens olhada em posts com os formatos definidos para ‘Imagem’ ou ‘Galeria’ usando o tema Arcanum:

Imagem comparando imagens e galerias de imagens usando diferentes formatos pós.
não há muita diferença, hein? Mas espere, há mais… (tema: Arcanum)

embora as postagens possam não mostrar diferenças óbvias ao alternar entre diferentes formatos de postagem, como’ imagem ‘ou’ galeria’, outras seções do tema podem tratar esses formatos de postagem de maneira diferente e aplicar estilos ou formatação diferentes.

por exemplo, como apontei na seção Formato de postagem de imagem e, por favor, permita-me citar:

“usar o formato de postagem de imagem é uma maneira infalível de garantir que sua foto seja apresentada na página do seu blog em toda a sua glória.”

com um tema Como Carton, por exemplo, a página do blog trata as postagens de maneira diferente, dependendo do formato da postagem. E ele exibirá a primeira imagem de uma postagem usando post format = Image (neste exemplo, é uma galeria de imagens), mas não se o formato da postagem estiver definido como ‘Galeria’.

 captura de tela da página do blog exibindo postagens com diferentes formatos de postagem.
escolha o formato de postagem da galeria se quiser chamar a atenção do seu leitor para a cor de fundo da página do blog deste tema.

o ponto é… embora as diferenças usando formatos de postagem como imagem ou galeria possam ser pequenas na própria postagem, é importante ter em mente que seu tema pode afetar como suas postagens se comportam em outras partes do seu site.

seguindo em frente …

Link

não houve diferença entre usar o formato post padrão ou o link em Origami-ambos produzem seu hiperlink azul padrão.

Arcanum tem sido um pouco mais criativo:

exemplos de links em arcano e origami usando o formato link post
Left: Origami, certo: Arcanum

citação

alguns temas precisam prestar atenção à citação abaixo, pois suas tentativas de catering para diferentes formatos de postagem são muito indiferentes.Gutenberg realmente salva o dia neste.

se você postar usando o formato quote post no tema Origami, ele não adiciona nenhuma formatação.

se você postar uma cotação usando o bloco Gutenberg quote, não importa se você usa o formato padrão ou post, ele ainda adiciona alguma formatação.

exemplo de citação usando Gutenberg e formato de citação em Origami
nada extravagante, mas faz o trabalho.

existem algumas variações usando Arcanum.

abaixo está o que você obtém se apenas definir o formato de postagem para citar, mas não adicionar o bloco de cotação.

exemplo de uma citação usando o formato quote post em arcanum
você disse isso, Yoda.

faz com que se destaque (ligeiramente) de um post regular, no entanto, não há espaço para adicionar uma citação.

se você usar o bloco quote Gutenberg, mas deixar o formato post como padrão, este é o resultado.

exemplo de uma citação usando o formato post padrão e Gutenberg em arcanum
Não novamente…

você só vê o estilo da citação depois de clicar em’Leia mais’.

Bem, eu acho, se você não se importa sua página principal do blog ser branda.

a verdadeira magia acontece quando você combina os dois.

Defina o formato post para citar e adicionar o bloco citação Gutenberg e voila!

 exemplo de um formato de citação usando Gutenbern em arcanum
Ufa, chegou lá no final!

uma pequena citação extravagante que aparece na sua página principal do blog.

Status

você literalmente teve um emprego. Uma postagem de status deve ser uma linha ou duas de texto sem título. Pelo menos um deles acertou.

exemplo de um formato de post de status em origami e arcano
esquerda: Origami, direita: Arcanum

vídeo

se você deseja exibir um vídeo em sua postagem, ambos os temas permitirão que você faça isso usando o vídeo ou os formatos padrão. É bom quando as coisas funcionam.

exemplo de um post de vídeo em arcanum e origami
Top: Origami, Bottom: Arcanum

adicionar manualmente Suporte para WordPress Post Formats

então você gosta da ideia de formatos de post, mas você tem o seu coração definido em um tema que não apoiá-los?

não tenha medo; você pode adicioná-los manualmente!

então vamos começar com o tema vinte e dezenove-ele não vem com formatação de postagem, então quando você cria uma nova postagem, você não terá a opção de selecionar um formato.

 imagem do menu de criação do blog sobre o tema vinte e dezenove
o menu de criação de post de repente parece tão nu…

é claro que recomendamos o uso de um tema filho para esse tipo de coisa. No entanto, se você está se sentindo corajoso, você só precisa adicionar o abaixo nas funções do seu tema.arquivo php.

se você ainda não configurou um tema filho, dê uma olhada em nosso guia. Passaremos pela adição de formatos de postagem usando um tema filho um pouco mais tarde.

function themename_post_formats_setup() {
add_theme_support( 'post-formats', array('gallery','quote','video','aside','image', 'link','status','audio','chat') );
}
add_action( 'after_setup_theme', 'themename_post_formats_setup' );

imagem mostrando formatos de postagem agora eles foram adicionados com código
Hurrah – Agora você pode ver a caixa suspensa formatos de postagem.

você não precisa adicionar todos os formatos à matriz – fique à vontade para apenas adicionar os que você realmente usará.

seria bom se isso fosse tudo o que você tinha que fazer, no entanto, tudo o que fizemos foi dito ao tema que existem outros formatos de postagem.

o tema ainda não tem ideia de como estilizá-los. Devemos tirá-lo de sua miséria.

usando CSS para estilizar seus próprios formatos de postagem

gosta de seus links em um fundo colorido? Quer suas citações em uma fonte enorme e ousada?

a página de postagens agora é sua oyster – então obtenha estilo.Vamos começar com algo simples.

você deseja remover o título de suas postagens de status, certo? Tudo que você precisa fazer é editar sua folha de estilo usando a classe .formato – (tipo pós-formato), como abaixo:

.format-status .entry-title {
display:none;
}

eu usei o tema vinte e dezenove para isso, então você precisaria verificar qual Classe seu título de postagem vem em seu próprio tema.

é um status embora; ele precisa ser ousado. Por que não torná-lo grande e verde?

.format-status.entry .entry-content p {
color:green;
font-size:72px;
}

imagem mostrando um grande status verde que foi estilizado usando CSS
bonito.

digamos que você administre um blog com cães fazendo coisas humanas. É muito moderno e contemporâneo, e você tem pensado que imagens em preto e branco com uma borda ousada são exatamente o que seu site precisa.

basta algumas linhas de CSS e você pode aplicar isso a todas as imagens postadas, desde que selecione o formato de postagem da imagem.

.format-image .wp-block-image {
border-style: solid;
border-width: 5px;
filter: grayscale(100%);
}

imagem de um cão usando um fone de ouvido, estilizado usando CSS e o formato image post
é realmente tão simples.

adicione todo o estilo personalizado que você deseja às suas postagens usando este método e isso o ajudará a destacar as coisas importantes, as imagens e os vídeos facilmente acessíveis e, basicamente, injetar um pouco de vida na seção do seu blog.

adicionar formatos de postagem do WordPress usando um tema filho

um tema filho é sempre uma boa opção-especialmente se você estiver tentando algo novo.

o código que você precisa adicionar ao arquivo de funções do seu tema filho está bem aqui:

function childtheme_add_post_formats(){
add_theme_support( 'post-formats', array( 'gallery','quote','video','aside','image','link','status','audio','chat' ) );
}
add_action( 'after_setup_theme', 'childtheme_add_post_formats', 11 );

você pode então continuar fazendo com que seus diferentes formatos pareçam bonitos, estilizando-os na folha de estilo do tema infantil.

retrocesso? Ou Não Voltar?

os formatos de postagem do WordPress devem permanecer uma coisa do passado?

realmente depende de sua preferência pessoal e de como você interpreta essa questão.

com muitos temas principais que não os suportam, e a introdução de Gutenberg, não parece bom para o futuro deste recurso de retrocesso.

no entanto, embora o suporte a temas para formatos de postagem possa estar caindo, você está livre para ajudar a continuar seu legado.

ao habilitar o suporte ao formato de postagem em seu tema e estilizá-los, você não está limitando suas opções de tema. Não é difícil e dá – lhe um nível muito melhor de controle sobre como eles se parecem.

se o seu único foco é certificar-se de que o post em si parece ótimo, então Gutenberg pode marcar todas as suas caixas. Não há dúvida de que o editor de blocos é o futuro, e seus vários blocos podem ajudá-lo a formatar postagens para atender às suas necessidades específicas.

por outro lado, se você quiser uma página de blog cheia de cor e personalidade, pode ficar com os formatos de postagem Um pouco mais, pois Gutenberg ainda não cobre todas as bases.

Livre VideoWhy 100 NÃO é um Perfeito Google PageSpeed Pontuação (*5 Min Assistir)Aprender como usar o Google PageSpeed Insights para definir metas realistas, melhorar a velocidade do site, e por apontando para um perfeito 100 é o objetivo ERRADO.

Deixe uma resposta

O seu endereço de email não será publicado.