Como criar seu site WordPress com conteúdo dinâmico

Como posso fazer meu site parecer profissional? É uma pergunta que muitos aspirantes a construtor de sites se perguntam quando estão planejando seu projeto. As respostas óbvias incluirão a melhoria do design ou a adição de muitos recursos sofisticados.


Mas, de fato, uma das maneiras mais eficazes de aprimorar verdadeiramente seu site básico e torná-lo profissional e personalizado é adicionando conteúdo dinâmico. O conteúdo dinâmico proporcionará aos usuários uma experiência muito mais gratificante em seu site.

Introdução ao conteúdo dinâmico

O que é exatamente o conteúdo dinâmico?

Conteúdo dinâmico refere-se ao conteúdo interativo da Web que muda de acordo com a hora, o local e o usuário. Quando um usuário navega em um site dinâmico, o WordPress extrai as informações corretas do banco de dados para exibir ao usuário, dependendo da página em que ele está..

Com conteúdo estático, o que você vê no front-end não muda. Na verdade, você provavelmente precisará da ajuda de um desenvolvedor se quiser fazer alterações. No entanto, com o conteúdo dinâmico, os proprietários de sites podem editar tudo no back-end instantaneamente, sem codificação. Isso significa que as informações podem mudar de acordo com o que o usuário está vendo, proporcionando uma experiência muito mais interativa.

Para ilustrar, se você estiver em um site de academia, convém observar as diferentes academias disponíveis. Obviamente, cada academia terá informações diferentes, como nome, endereço e lista de instalações. Portanto, ao clicar em cada academia, você verá diferentes conteúdos relacionados a ela que não encontrará nas outras páginas.

Balance Gym

Energy Club

As vantagens do conteúdo dinâmico

O conteúdo dinâmico traz muitas vantagens ao seu site que o conteúdo estático não pode oferecer.

  • Uma melhor experiência do usuário. Os usuários poderão ver o conteúdo adaptado a eles, como ofertas diferentes que mudarão de acordo com seu comportamento.
  • Melhore seus KPIs. Com conteúdo dinâmico, você pode melhorar as conversões e reduzir as taxas de rejeição no seu site, criando conteúdo personalizado.
  • Navegação suave. O conteúdo dinâmico fornece uma experiência perfeita por meio de um site em comparação com o conteúdo estático, pois você pode encontrar facilmente o conteúdo que está procurando.
  • Fácil de atualizar. Você pode simplesmente editar sua página no back-end do WordPress sem precisar contratar um desenvolvedor especializado.
  • Responde aos tamanhos de tela. Um site dinâmico se adapta facilmente a vários tamanhos de tela em comparação com um estático.

Existem duas maneiras pelas quais recomendamos que você crie conteúdo dinâmico. Abaixo, mostraremos as duas opções e exatamente como você pode criar seus sites com os dois.

1. Crie Conteúdo Dinâmico com Toolset Blocks & Gutenberg

Conjunto de ferramentas

Informações e Download

O lançamento de Blocos de conjunto de ferramentas oferece uma nova maneira de criar conteúdo dinâmico no WordPress usando seu editor de blocos, Gutenberg.

Desde o seu lançamento, há um ano, o Gutenberg melhorou significativamente para oferecer uma maneira simples e intuitiva de projetar e implementar seus sites. A melhor parte é que os não codificadores agora podem criar facilmente exatamente o que tinham em mente usando o Gutenberg e plugins integrados.

Isso inclui conteúdo dinâmico que os criadores de sites podem criar com o Gutenberg, graças aos Toolset Blocks.

Como os blocos de conjuntos de ferramentas funcionam?

Toolset Blocks é um novo plugin que você pode usar em duas frentes:

  1. Crie recursos avançados personalizados, como modelos de conteúdo, arquivos e Visualizações.
  2. Ofereça suporte a fontes dinâmicas de blocos, que disponibilizam seus campos e taxonomias personalizados para exibição em suas páginas.

Portanto, você pode usar os Toolset Blocks para adicionar conteúdo dinâmico facilmente a qualquer postagem, página ou modelo sem qualquer codificação.

Abaixo, criei um exemplo de modelo de conteúdo para um site de demonstração de academias de ginástica que garante que cada post de academia tenha o mesmo design, mas com conteúdo diferente, graças ao conteúdo dinâmico.

Modelo de Conteúdo do Conjunto de Ferramentas

Como criar um modelo de conteúdo com conteúdo dinâmico usando blocos de conjuntos de ferramentas

Vamos criar um modelo para o tipo de postagem personalizada de academias de ginástica em nosso site.

Você vai precisar instalar blocos de conjunto de ferramentas antes de começar e verifique se você conhece o básico do uso do editor Gutenberg.

Existem duas fontes principais a partir das quais você pode desenhar conteúdo dinâmico usando os blocos de conjunto de ferramentas. Você pode usar uma fonte da postagem atual ou de um campo personalizado. Abaixo, veremos as duas opções para mostrar quando você pode precisar usá-las.

Exibindo conteúdo dinâmico de uma postagem atual

Dirigir a Conjunto de ferramentas> Painel e clique no Criar modelo de conteúdo ao lado do tipo de postagem para o qual você deseja criar um modelo de conteúdo.

Criar modelo de conteúdo

Agora podemos começar a adicionar nossos blocos para criar nosso modelo de conteúdo. Vamos imaginar que eu quero adicionar uma imagem. Primeiro você seleciona o + opção no canto superior esquerdo para adicionar um bloco.

Conjunto de ferramentas Criar um bloco

Role para baixo até encontrar a lista de blocos do Toolset e adicione o Bloco de imagem.

Bloco de imagens do conjunto de ferramentas

Agora você verá uma pergunta perguntando se deseja usar fontes dinâmicas ou não. Clique sim.

Fonte dinâmica da imagem do conjunto de ferramentas

Selecione a fonte para sua imagem. Isso determina qual conteúdo o WordPress exibirá, dependendo da opção selecionada. Quero exibir as imagens em destaque de cada academia dentro do bloco, para selecionar Dados de imagem em destaque opção.

Dados da imagem em destaque do conjunto de ferramentas

Na barra lateral direita, você pode ajustar ainda mais sua imagem se desejar alterar a fonte do conteúdo dinâmico ou estilizar a imagem, por exemplo.

Configurações de imagem do conjunto de ferramentas

Exibindo conteúdo dinâmico de um campo personalizado

Podemos usar o mesmo modelo de conteúdo de antes para criar blocos com conteúdo dinâmico a partir de um campo personalizado. Desta vez, adicionarei o campo personalizado para as classificações de cada academia como conteúdo dinâmico.

Vá para a lista de blocos do conjunto de ferramentas e adicione o Bloco de campo único.

Bloco de campo único do conjunto de ferramentas

Na barra lateral à direita, abaixo Origem do campo, selecione os Campo customizado tipo de campo.

Debaixo de Grupos de campos personalizados suspenso escolha o Ginásios Tipo de postagem. Observe que este será o tipo de postagem personalizada da qual você deseja extrair o campo personalizado.

Debaixo de Campo customizado Na lista suspensa, selecione o campo personalizado que você deseja exibir. Eu selecionei o Avaliação opção.

Postagem dos campos personalizados do conjunto de ferramentas

Se você alternar entre as diferentes postagens de academia no front-end, verá que cada postagem exibe o preço correto para essa academia, graças ao conteúdo dinâmico. Observe como não precisamos usar nenhuma codificação para criar nosso conteúdo dinâmico.

Adicionei alguns outros blocos com conteúdo dinâmico ao meu modelo de conteúdo. Veja como fica agora no front-end.

Exemplo de conjunto de ferramentas

2. Criando conteúdo dinâmico com total

Outra maneira igualmente eficaz de criar conteúdo dinâmico é usar o tema Total para criar modelos de postagem dinâmicos incorporados.

Quais recursos a oferta total?

O Total é um dos temas mais populares do WordPress e vem com vários recursos que você pode configurar facilmente sem precisar fazer o download de vários plug-ins para executar essas tarefas..

  • Importador de demonstração fácil – Transforme seu site vazio em um site totalmente funcional, repleto de conteúdo em um clique, quando você optar por importar uma das mais de 40 demos pré-criadas da Total.
  • Arraste e solte o construtor de páginas – O Total é integrado ao popular construtor de páginas WPBakery para fornecer um construtor intuitivo de arrastar e soltar, para que você possa construir seu site com facilidade.
  • Centenas de elementos do construtor de páginas – Aproveite as centenas de elementos do total de criadores de páginas da Total para personalizar suas páginas.
  • Facilmente personalizável – Use as configurações do personalizador ao vivo para alterar vários elementos do site, incluindo cores, fontes, larguras e muito mais.
  • Desenvolvedor amigável – O Total vem com vários ganchos e filtros integrados, facilitando a modificação do seu tema com mais de 450 snippets disponíveis na documentação on-line.

E, é claro, você pode criar conteúdo dinâmico usando o Total. Abaixo, mostramos um exemplo do que você pode alcançar ao dinamizar um simples item de portfólio.

Como criar um modelo de conteúdo dinâmico com total

Dirigir a Visual Composer> Modelos e clique Adicionar novo. Em seguida, dê um nome ao seu modelo.

Layout total de postagem do portfólio

Primeiro vou adicionar o Post Media elemento que exibirá qualquer mídia que você adicionar às suas postagens. Para portfólios, pode ser a imagem em destaque, galeria, vídeo etc..

A seguir, incluirei o Publicar conteúdo módulo que exibirá qualquer conteúdo adicionado às postagens no editor.

Total de mídia de postagem

Com o Total, você pode incluir vários elementos de postagem no seu modelo dinâmico. Adicione título da postagem, metadados, itens relacionados, tags, links sociais e muito mais. Quando terminar, clique em Publicar.

Agora, precisamos atribuir o modelo dinâmico ao tipo de postagem personalizada do nosso portfólio. Para fazer isso, navegue até o WordPress Personalizador, então vá para Portfólio e selecione o modelo que você acabou de criar em Modelo dinâmico (avançado).

Modelo dinâmico total

Agora você pode ver sua mídia em ação. Clique Salvar e publicar e seu conteúdo dinâmico deve estar pronto.

Front-end total do modelo dinâmico

Criar modelos dinâmicos é uma opção particularmente excelente se você estiver criando sites para clientes. Ao usá-los, você pode criar um modelo uma vez e atribuí-lo a todos os itens do seu portfólio instantaneamente. Não apenas isso, mas se você precisar alterar um layout, tudo o que você precisa fazer é editar o modelo e todos os itens do seu portfólio também serão atualizados.


Conte-nos sua experiência na criação de conteúdo dinâmico! Agora você tem dois métodos para criar conteúdo dinâmico. Você pode baixar Blocos de conjunto de ferramentas ou Total Theme hoje e comece a levar seu site do básico ao personalizado.

Você já usou as duas ferramentas para adicionar conteúdo dinâmico ao seu site? Deixe-nos saber como funcionou para você nos comentários abaixo!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me