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.
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.
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
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:
- Crie recursos personalizados e avançados, como modelos de conteúdo, arquivos e exibições .
- 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.
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.
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.
Role para baixo até encontrar a lista de blocos do Toolset e adicione o bloco Image .
Agora você verá uma pergunta perguntando se deseja usar fontes dinâmicas ou não. Clique em Sim .
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 .
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.
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 .
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 .
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.
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.
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.
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) .
Agora você pode ver sua mídia em ação. Clique em Salvar e Publicar e seu conteúdo dinâmico estará pronto.
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!
