Como exibir metadados de postagens de blog em seus temas do WordPress

Deseja exibir metadados de postagem em suas postagens de blog do WordPress?

Os metadados incluem informações importantes sobre suas postagens, como a data de publicação, o nome do autor e as tags. Às vezes, você pode querer exibir detalhes adicionais nessa seção.

Neste artigo, mostraremos como exibir facilmente os metadados das postagens no WordPress.

Por que exibir metadados de postagens de blog em seu site WordPress?

Os metadados de postagens de blog são informações sobre uma postagem que não fazem parte do conteúdo real. Incluem coisas como a data de publicação, o nome do autor (se você estiver administrando um blog WordPress com vários autores), categorias e tags, taxonomias personalizadas e muito mais.

Esses metadados podem aparecer em vários locais diferentes, dependendo do seu tema do WordPress.

Onde quer que apareçam, os metadados podem ajudar os visitantes a saber mais sobre seu conteúdo. Também podem ajudá-los a descobrir outras publicações interessantes. Por exemplo, eles podem procurar mais blogs escritos pelo mesmo autor.

Dessa forma, os dados de post meta podem melhorar a experiência do usuário e até mesmo aumentar as visualizações de página. Apenas tome cuidado com a exibição de muitos post meta data, pois isso pode fazer com que seu site pareça confuso e desorganizado.

Por padrão, o WordPress já exibe alguns metadados da postagem, como a data de publicação da postagem do blog, o nome do autor e a categoria. Mas, às vezes, você pode querer adicionar informações extras.

Dito isso, vamos ver como você pode exibir metadados de postagens em temas do WordPress. Basta usar os links rápidos abaixo para ir direto ao método que você deseja usar:

Método 1: Usando o personalizador de temas do WordPress (temas sem bloqueio)

Alguns temas do WordPress que não são de bloco permitem que você personalize os metadados do post sem escrever nenhum código.

Para verificar se esse é o caso do seu tema, basta acessar Appearance “ Customize( Aparência “ Personalizar), que abre o personalizador de temas do WordPress.

Agora você pode procurar as configurações que permitem personalizar as páginas do blog. Normalmente, elas são identificadas como “blog”, “configurações do blog”, “postagens” ou algo semelhante.

Por exemplo, se estiver usando o tema Astra do WordPress, basta selecionar “Blog” no menu à esquerda.

Depois disso, clique em “Blog / Archive”.

Basta rolar até a seção “Meta” para ver todos os dados diferentes que podem ser adicionados ou removidos.

Para adicionar metadados ao seu site, basta clicar no ícone “mostrar”, que se parece com um olho.

Para remover uma parte dos metadados, clique novamente no ícone.

Você também pode alterar a ordem em que o WordPress mostra esses metadados aos visitantes usando o recurso de arrastar e soltar.

À medida que você fizer alterações no personalizador de temas, a visualização ao vivo será atualizada automaticamente, para que você possa experimentar configurações diferentes e ver qual é a melhor para o seu site WordPress.

Quando estiver satisfeito com a aparência dos metadados da postagem, não se esqueça de clicar em “Publish” (Publicar) para tornar suas alterações efetivas.

Mesmo que você não veja nenhuma configuração de metadados de postagem no personalizador do WordPress, ainda pode haver uma maneira de adicionar essas informações sem escrever código.

Com isso em mente, recomendamos que você consulte a documentação do tema. Você também pode entrar em contato com o desenvolvedor do tema para obter ajuda.

Para obter muitas dicas úteis, consulte nosso guia sobre como solicitar e obter suporte para o WordPress de forma adequada.

Método 2: Usar o Full-Site Editor (somente temas de blocos)

Se você estiver usando um tema baseado em blocos, como o Hestia Pro, poderá exibir metadados de postagem em qualquer lugar do site usando o bloco Post Meta.

Para começar, basta acessar Appearance “ Editor no painel do WordPress.

Por padrão, o editor de site completo mostrará o modelo inicial do seu tema.

Para adicionar os metadados às postagens do seu blog do WordPress, clique em “Modelos” no menu à esquerda.

O editor agora mostrará uma lista de todos os modelos que compõem seu tema do WordPress.

Basta clicar no modelo Single, que controla o layout das postagens do seu blog.

O WordPress agora mostrará uma visualização do modelo de página única.

Para editar esse modelo, clique no ícone de lápis pequeno.

Normalmente, o modelo de postagem única já deve ter um bloco Post Meta, que você pode editar de acordo com sua preferência.

Mas, se não for o caso, você precisa clicar no ícone azul “+” no canto superior esquerdo. Na barra de pesquisa que aparece, digite “Post Meta”.

Quando o bloco certo aparecer, arraste-o e solte-o no layout do blog.

Por padrão, esse bloco mostrará as categorias, o nome do autor e as tags da postagem.

Talvez você queira editar esses metadados. Por exemplo, você pode excluir as tags ou alterar o texto estático que o WordPress mostra antes dos metadados.

A imagem a seguir mostra um exemplo de como o bloco Post Meta padrão será exibido em seu blog do WordPress.

Para alterar esse bloco, basta clicar para selecioná-lo no editor de site completo. Em seguida, você pode clicar em qualquer bloco dentro do bloco Post Meta e fazer suas alterações.

Apenas preste muita atenção se está editando o texto estático que o WordPress mostra na frente dos metadados ou o texto dinâmico que o WordPress substituirá por valores reais.

Por exemplo, na imagem a seguir, adicionamos um texto estático à seção Post Author.

No entanto, não alteramos o texto dinâmico “Post Author”.

Na imagem a seguir, você pode ver como isso ficará em seu blog do WordPress.

Talvez você também queira adicionar mais metadados ao bloco Post Meta.

Por exemplo, o editor completo do site tem blocos, como Post Date e Post Author Biography, que você pode adicionar facilmente ao bloco Post Meta usando o recurso de arrastar e soltar. Há muitas opções para escolher, portanto, você pode explorá-las com calma.

Basta clicar no botão azul “+” e localizar o bloco que você deseja usar. Em seguida, você pode arrastá-lo e soltá-lo no bloco Post Meta.

Se você adicionar mais blocos ao bloco Post Meta, talvez seja necessário alterar seu layout.

Para fazer isso, basta clicar no bloco Post Meta e selecionar a guia “Block” (Bloquear).

Agora você pode usar essas configurações para organizar o conteúdo em um layout agradável. Por exemplo, você pode alterar o número de colunas ou adicionar margens e preenchimento.

Quando você estiver satisfeito com a aparência do modelo Single, clique no botão “Save” (Salvar).

Agora, se você visitar seu site, verá os metadados do post em ação.

Depois disso, talvez você queira adicionar metadados de posts a outras áreas do seu site, como a página de arquivo personalizada.

Para fazer isso, basta abrir o editor de site completo seguindo o mesmo processo descrito acima.

Em seguida, você pode selecionar “Templates” no menu à esquerda e escolher o modelo que deseja editar.

Depois disso, você pode adicionar metadados de postagem seguindo o mesmo processo descrito acima.

Método 3: Criação de um tema WordPress personalizado (totalmente personalizável)

Outra opção é criar um tema personalizado do WordPress. Esse é um método mais avançado e é recomendado se você quiser usar um tema totalmente diferente para o seu site.

Dito isso, ele lhe dará controle total sobre onde os metadados do post aparecerão no seu site.

No passado, você precisava seguir tutoriais complicados sobre o WordPress e escrever códigos para criar um tema personalizado para o WordPress. Entretanto, agora é possível criar seus próprios temas sem escrever uma única linha de código usando o SeedProd.

O SeedProd é o melhor construtor de páginas de arrastar e soltar do WordPress e também vem com um construtor de temas. Isso permite que você crie seus próprios temas usando um editor simples de arrastar e soltar.

Para obter instruções passo a passo, consulte nosso guia sobre como criar um tema personalizado do WordPress (sem nenhum código).

Depois disso, você pode adicionar metadados de posts a qualquer parte do seu site WordPress. Basta localizar o bloco “Post Info” no menu à esquerda do SeedProd.

Agora, arraste e solte o bloco no layout da página.

Depois disso, clique para selecionar o bloco Post Info. Por padrão, esse bloco mostra os metadados de autor, data, hora e comentários.

No entanto, você também pode mostrar a data de modificação, os termos modificados e os metadados dos termos.

Para adicionar mais informações ao bloco, basta clicar em “Add Item”.

Isso adiciona um novo item de espaço reservado.

Agora, clique no item para ver todas as suas configurações.

Agora, abra o menu suspenso “Type” (Tipo) e escolha o tipo de metadados que você deseja exibir.

Dependendo da opção escolhida, você terá acesso a algumas configurações adicionais. Por exemplo, se você selecionou “Modified Time” (Hora Modificada), poderá escolher o formato da hora.

Você também pode alterar o ícone que o SeedProd usa para o item de metadados. Basta abrir o menu suspenso “Icon” (Ícone) e escolher “Custom” (Personalizado).

Em seguida, você pode clicar em “Choose Icon” (Escolher ícone).

Isso abre a biblioteca de ícones com centenas de ícones para você escolher. Você pode usar a barra de pesquisa para procurar um ícone específico ou navegar por toda a lista.

Quando encontrar uma imagem que deseja usar, basta passar o mouse sobre ela e clicar no botão “Mais” para adicioná-la à sua página.

Em vez disso, você deseja remover um item de metadados?

Em seguida, passe o mouse sobre ele e clique no ícone da lixeira quando ele aparecer.

Por fim, você pode alterar a ordem dos itens de metadados usando o recurso de arrastar e soltar.

Quando estiver satisfeito com a configuração da caixa Post Info, você poderá alterar sua aparência selecionando a guia “Advanced” (Avançado).

Aqui, você pode alterar o espaçamento, adicionar uma borda e até mesmo adicionar efeitos de animação CSS.

Quando você estiver satisfeito com a aparência da página, basta clicar no botão “Salvar” e, em seguida, escolher “Publicar” para torná-la ativa.

Método 4: Adicionar código aos arquivos de tema do WordPress (avançado)

Você também pode adicionar metadados de postagens de blog usando código personalizado. Esse método é recomendado se as opções de metadados de posts fornecidas pelo personalizador de temas do WordPress, pelo editor de site completo e pelo SeedProd não atenderem às suas necessidades.

Se você for um iniciante, o uso de código pode parecer intimidador, pois pode danificar seu site. É por isso que recomendamos o uso do WPCode, o plug-in mais fácil e seguro para inserir trechos de código personalizados em seu site.

Com o WPCode, você pode adicionar código ao WordPress sem interagir diretamente com os arquivos principais do software. Dessa forma, você não causará nenhum erro em seu site WordPress.

Na verdade, já temos alguns artigos com trechos de código personalizados que você pode usar como metadados de postagem. Você pode começar com os seguintes guias:

• Como exibir a data da última atualização de seus posts no WordPress
• Como adicionar automaticamente a divulgação de afiliados a cada postagem do blog
• Como remover o nome do autor dos posts do WordPress

Um aspecto a ser observado é que você precisará escolher o local correto para a execução do código, de modo que ele apareça em todas as publicações do seu blog.

Para metadados de postagem, isso pode ser Inserir antes da postagem, Inserir depois da postagem, Inserir antes do conteúdo ou Inserir depois do conteúdo.

Além disso, você pode usar campos personalizados ou meta-caixas personalizadas. Ambas as opções permitem que você adicione seus próprios campos no editor de blocos do WordPress, que podem ser usados para inserir vários tipos de metadados.

Para obter mais informações, consulte os guias a seguir:

• Campos personalizados do WordPress 101: dicas, truques e hacks
• Como adicionar meta-caixas personalizadas em posts e tipos de posts do WordPress

Esperamos que este artigo tenha ajudado você a aprender como exibir metadados de posts de blog em seus temas do WordPress. Talvez você também queira ver nosso guia sobre como criar uma página de destino com o WordPress ou ver nossas escolhas de especialistas para os melhores plug-ins de página de destino.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.