FULL.

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Siga a FULL.

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

Você está em:

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

Como posso fazer meu site parecer profissional? É uma pergunta que muitos aspirantes a construtores de sites se fazem quando estão planejando seu projeto. As respostas óbvias incluirão melhorar o design ou adicionar muitos recursos sofisticados.

Mas, na verdade, uma das maneiras mais eficazes de realmente aprimorar seu site básico e torná-lo profissional e personalizado é adicionando conteúdo dinâmico. O conteúdo dinâmico dará aos seus 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 dependendo da hora, local e 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 nele. No entanto, com 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á olhando, proporcionando uma experiência muito mais interativa.

Para ilustrar, se você estiver em um site de academia, talvez queira dar uma olhada nas diferentes academias disponíveis. Claro, cada academia terá informações diferentes, como seu próprio 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.

Ginásio de Equilíbrio
Clube de Energia

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 conteúdos adaptados a eles, como diferentes ofertas que mudarão de acordo com seu comportamento.
  • Melhore seus KPIs. Com o conteúdo dinâmico, você pode melhorar as conversões e reduzir as taxas de rejeição em 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 procura.
  • 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.

Recomendamos que você crie conteúdo dinâmico de duas maneiras. Abaixo, mostraremos as duas opções e exatamente como você pode criar seus sites com ambas.

1. Crie conteúdo dinâmico com Toolset Blocks & Gutenberg

Conjunto de ferramentas

INFORMAÇÕES E DOWNLOAD

O lançamento do Toolset Blocks 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 facilmente construir exatamente o que eles tinham em mente usando o Gutenberg e plugins integrados.

Isso inclui conteúdo dinâmico que os construtores de sites podem criar com o Gutenberg graças aos Blocos do Conjunto de Ferramentas.

Como funcionam os blocos do conjunto de ferramentas?

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

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

Portanto, você pode usar o 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 que garante que cada postagem de academia tenha o mesmo design, mas 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 conjunto de ferramentas

Vamos criar um modelo para o tipo de postagem personalizada de Ginásios em nosso site.

Você precisará instalar o Toolset Blocks antes de começar e garantir que conhece os fundamentos do uso do editor Gutenberg .

Existem duas fontes principais das quais você pode desenhar conteúdo dinâmico usando Toolset Blocks. 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

Vá para Conjunto de ferramentas > Painel e clique na opção Criar modelo de conteúdo ao lado do tipo de postagem para o qual 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 queira adicionar uma imagem. Primeiro você seleciona a 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 Image .

Bloco de imagem do conjunto de ferramentas

Agora você verá uma pergunta perguntando se deseja usar fontes dinâmicas ou não. Clique em 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 de qual opção você selecionar. Quero exibir as imagens em destaque de cada academia dentro do bloco, então selecionarei a opção Dados de imagem em destaque .

Dados de imagem em destaque do conjunto de ferramentas

Na barra lateral direita, você pode ajustar ainda mais sua imagem se quiser 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 de um campo personalizado. Desta vez vou adicionar o campo personalizado para as classificações de cada academia como conteúdo dinâmico.

Vá para a lista de blocos Toolset e adicione o bloco Single Field .

Bloco de campo único do conjunto de ferramentas

Na barra lateral à direita em Origem do campo , selecione o tipo de campo Campo personalizado .

No menu suspenso Grupos de campos personalizados, escolha o tipo de postagem de Ginásios . Observe que este será o tipo de postagem personalizado do qual você deseja extrair o campo personalizado.

Na lista suspensa Campo personalizado, selecione o campo personalizado que deseja exibir. Selecionei a opção Classificação .

Postagem de campos personalizados do conjunto de ferramentas

Se você alternar entre as diferentes postagens da academia no front-end, verá que cada postagem exibe o preço correto para aquela 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. Confira como está agora no front-end.

Exemplo de Ginásio 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 integrados.

Quais recursos o Total oferece?

Total é um dos temas mais populares no WordPress e vem com vários recursos que você pode configurar facilmente sem precisar baixar vários plugins 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ê seleciona importar uma das mais de 40 demos pré-criadas do Total.
  • Construtor de páginas de arrastar e soltar – O Total é integrado ao popular construtor de páginas WPBakery para fornecer um construtor intuitivo de arrastar e soltar para que você possa criar seu site com facilidade.
  • Centenas de elementos construtores de páginas – Aproveite as centenas de elementos construtores 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 em seu site, incluindo cores, fontes, larguras e muito mais.
  • Amigável ao desenvolvedor – O Total vem com vários ganchos e filtros integrados, facilitando a modificação do seu tema com mais de 450 trechos disponíveis na documentação online.

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

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

Vá para Visual Composer> Templates e clique em Add New . Em seguida, dê um nome ao seu modelo.

Layout de postagem total do portfólio

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

Em seguida, incluirei o módulo Post Content , 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 em seu modelo dinâmico. Adicione título de postagem, metadados, itens relacionados, tags, links sociais e muito mais. Quando terminar, clique em Publicar .

Agora precisamos atribuir o modelo dinâmico ao nosso tipo de postagem personalizada de portfólio. Para fazer isso, navegue até o WordPress Customizer , vá para Portfolio e selecione o modelo que você acabou de criar em Dynamic template (Advanced) .

Modelo Dinâmico Total

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

Front-end de modelo dinâmico total

Criar modelos dinâmicos é uma ótima opção 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 de criação de conteúdo dinâmico! Agora você tem dois métodos para criar conteúdo dinâmico. Você pode baixar o Toolset Blocks ou o Total Theme hoje e começar a levar seu site do básico ao personalizado.

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

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.