Os 5 principais plugins de conteúdo dinâmico para WordPress

Publicados: 2022-08-05
Resumo » O conteúdo dinâmico é mais comumente entendido como uma abordagem na qual o conteúdo da página muda com base no comportamento do usuário, na entrada e nos dados específicos usados ​​para exibir o conteúdo em si. Portanto, o objetivo deste artigo é aprender mais sobre como funcionam os plugins de conteúdo dinâmico, mas também examinar e comparar alguns dos plugins mais populares que fornecem essa funcionalidade.

Índice
  • Como funciona um plugin de conteúdo dinâmico?
  • #1 - Conjunto de ferramentas
  • #2 – Motor a Jato
    • #3 – Campos personalizados avançados
    • #4 - Caixa Meta
    • #5 – Cápsulas
      • Construindo sites de conteúdo dinâmico com WordPress

      Neste artigo, vamos dar uma olhada mais de perto e comparar como diferentes plugins de conteúdo dinâmico baseados em WordPress se comparam. Mas primeiro, o que é um plugin de conteúdo dinâmico?

      A maneira mais fácil de explicar isso seria falar sobre construtores de sites.

      Enquanto os criadores de sites permitem criar novos layouts estáticos por padrão, um plug-in de conteúdo dinâmico permite criar layouts e enriquecer esses layouts com conteúdo em tempo real. Em outras palavras, o conteúdo dinâmico permite ajustar o layout da página com base no comportamento do usuário.

      Além disso, com o conteúdo dinâmico, você pode personalizar as experiências do usuário específicas para sua empresa ou para um problema que está tentando resolver. Isso inclui a capacidade de criar formulários e experiências de integração que mudam em tempo real com base nas informações fornecidas pelo usuário.

      Sem habilidades de codificação? Sem problemas.

      Portanto, um dos principais atrativos dos plugins de conteúdo dinâmico é o fato de eles fornecerem uma enorme flexibilidade na construção de sites e layouts sem nenhum conhecimento prévio de programação.

      Por exemplo, se você quiser criar um site de associação de academia – uma de suas alternativas seria comprar um tema WordPress específico para esse caso de uso. No entanto, você terá que lidar com limitações severas em termos de recursos, mas também problemas de compatibilidade no futuro.

      A mesma lógica se aplica à construção de projetos inteiramente novos. Com um plug-in de conteúdo dinâmico, você pode criar uma estrutura de layout totalmente nova e mantê-la atualizada dinamicamente . Isso me leva ao meu último ponto, trabalhando com tipos de postagem personalizados e campos personalizados .

      Como funciona um plugin de conteúdo dinâmico?

      Como parte da minha estratégia para este blog específico, eu sabia que queria implementar um diretório de “snippets” que fosse separado dos artigos principais. Em outras palavras, eu queria algo separado do blog, mas ainda uma parte do site/projeto em si.

      Nesse contexto, um diretório de snippets é um local onde posso compartilhar snippets e tutoriais relacionados à programação sem precisar tratar o post específico como um artigo. Assim, posso pular coisas como adicionar imagens e simplesmente me concentrar em fornecer os detalhes exatos de um problema ou problema específico.

      Uma das maneiras que eu poderia ter feito isso ( mas não fiz! ) foi através de qualquer plugin Custom Post Type . No entanto, o problema com isso é que eu precisaria redesenhar toda a estrutura do meu tema para que o Custom Post Type realmente funcionasse com o tema que estou usando. Sem mencionar que essa abordagem também significa que eu ficaria para sempre “preso” com esse layout específico.

      Mas, graças a um plugin de conteúdo dinâmico ( eu uso o Toolset, mas veremos outros também! ) – eu consegui:

      • Crie um novo tipo de postagem personalizada que herde (substitua) meu estilo de tema.
      • Criar novas taxonomias para categorizar meus trechos.
      • Implemente campos personalizados para criar uma experiência dinâmica.
      • Estruture o projeto final com base em Dynamic Input .

      Você pode conferir este trecho para ver o design que construí para minhas postagens de trecho.

      O projeto em si (snippets) ainda é um trabalho em andamento, no entanto, é suficiente para dar um exemplo do que você pode esperar de qualquer um dos plugins de conteúdo dinâmico mencionados neste artigo.

      exemplo de diretório de trechos

      Você pode voltar ao início deste artigo e comparar as diferenças. A principal coisa a entender neste exemplo é que todo o conteúdo/campos/widgets que você vê acima foram gerados dinamicamente, sem escrever nenhum código ou tocar nos meus arquivos de modelo de tema.

      Se eu quiser, posso adicionar dinamicamente novos elementos a essas páginas (como quem foi o autor) ou remover elementos específicos – como os botões de compartilhamento social. Também posso aplicar classes personalizadas a cada elemento dinâmico (como a categoria) e, em seguida, estilizá-lo (como já fiz).


      Então, de quais plugins falaremos neste artigo?

      wdt_ID Recursos do plug-in Conjunto de ferramentas JetEngine ACF Caixa Meta Pods
      1 Versão gratuita Não Não Sim Sim Sim
      2 Tipo de postagem personalizada Sim Sim Sim Sim Sim
      3 Exibição de conteúdo dinâmico Sim Sim Somente profissional Limitado Limitado
      4 Formulários front-end Sim Sim Somente profissional Sim Sim
      5 Construtor de modelos Sim Sim Não Não Sim

      Vou me concentrar principalmente nos recursos mencionados acima, enfatizando como é “fácil” trabalhar com o referido plug-in de uma perspectiva de interface do usuário.

      Dito isso, acho que está na hora de começarmos a falar sobre os próprios plugins.


      #1 - Conjunto de ferramentas

      Conjunto de ferramentas

      O Toolset se autodenomina um “construtor de sites personalizado avançado com funcionalidade dinâmica” . E depois de ter usado o plugin por alguns meses, posso dizer que faz jus ao seu nome. Embora meu caso de uso atual seja relativamente pequeno, o plug-in está entre os melhores em fornecer recursos que podem não apenas ajudá-lo a criar um site personalizado, mas também estruturá-lo dinamicamente.

      O recurso mais importante para mim pessoalmente foi a capacidade de criar novos tipos de postagem personalizados e, em seguida, criar páginas para essas postagens sem precisar alterar nada no meu tema. E eu sinto que é uma área em que o Toolset se destaca mais. A maneira como isso funciona no Toolset é que você projetará suas páginas/postagens usando um sistema de modelos de conteúdo.

      Criar um modelo (novo modelo para um tipo de postagem personalizado) como esse leva cerca de 30 segundos.

      Tudo o que você vê na captura de tela acima é gerado usando configurações dinâmicas. Em outras palavras, você pode criar um modelo totalmente novo para suas páginas/postagens sem precisar escrever uma única linha de código. E na barra lateral, você também pode ver algumas das opções de personalização.

      Se você, por exemplo, usa o recurso Campos e Exibições – você pode selecionar a partir de uma vasta gama de campos internos do WordPress e aplicá-los ao seu novo modelo. E contanto que você tenha habilitado campos personalizados, você também pode aplicá-los em cada modelo conforme necessário.

      Agora, reconhecidamente, o plugin pode fazer muito mais do que você vê acima. Na verdade, o Toolset possui uma biblioteca inteira de cursos especializados em explicar detalhadamente seus recursos.

      E eles também têm uma seção Showcase separada, na qual você pode navegar para explorar sites criados com o Toolset. Muitos dos quais são certamente muito mais complexos do que eu pessoalmente uso o plugin.

      Por fim, direi que o sistema de suporte deles está lá em cima com alguns dos melhores. Como o plug-in existe há mais de uma década, seu fórum da comunidade está repleto de informações úteis, dicas úteis e respostas para problemas que você pode encontrar ao longo do caminho.

      Preços: Para uma licença de site único, o Toolset custará US$ 69 por ano. Caso deseje cancelar sua assinatura, você ainda poderá usá-la após a marca de 12 meses, mas sem atualizações ou acesso aos fóruns de suporte da comunidade.


      #2 – Motor a Jato

      JetEngine por Crocoblock

      Em primeiro lugar, tanto o JetEngine quanto o Toolset podem alcançar praticamente os mesmos resultados no que diz respeito à construção de sites dinâmicos. Na verdade, ambos os plugins compartilham várias semelhanças no que diz respeito à interface do usuário para criar os modelos de conteúdo dinâmico reais.

      Então, como uma forma de comparação – eu gostaria de falar sobre os recursos exclusivos que o JetEngine fornece e como esses recursos podem ser mais adequados para o escopo do projeto que você deseja construir ou projetar com esse plug-in. Vamos começar com a abordagem de Módulos que o JetEngine implementa.

      Painel JetEngine

      A abordagem modular permite ativar ou desativar recursos específicos, reduzindo a funcionalidade exata necessária para o seu projeto. Este dashboard também inclui a opção de habilitar diversos módulos externos, como o construtor de tabelas e gráficos dinâmicos. Os dois módulos que se destacaram para mim pessoalmente foram Custom Content Types e Rest API Listings . Vamos falar sobre isso.

      Tipo de conteúdo personalizado x tipo de postagem personalizado

      Por padrão, se você criar um novo tipo de postagem personalizado – os dados desse tipo de postagem serão armazenados na mesma tabela de banco de dados ( postagens ) que todos os outros conteúdos. E embora isso não seja perceptível em projetos menores, se seu projeto crescer em centenas, senão milhares de entradas de postagem - haverá uma pressão significativa na busca da postagem exata (personalizada ou não) da mesma tabela de banco de dados.

      Com o JetEngine, você pode criar um tipo de conteúdo personalizado e, ao fazer isso, o JetEngine criará uma tabela de banco de dados totalmente nova para ele e armazenará seus dados (conteúdo de postagem) lá. O melhor de tudo é que você pode pegar seu tipo de conteúdo e atribuí-lo a um tipo de postagem também, incluindo os personalizados.

      À medida que você adiciona seu novo tipo de conteúdo – você também pode especificar campos personalizados que serão específicos apenas para esse tipo de conteúdo. Este é um recurso muito bom, pois ajudará você a manter todo o seu site bem organizado e evitará o risco de excluir acidentalmente os dados errados.

      Campos de demonstração do JetEngine

      Mas o recurso sobre o qual eu realmente quero falar no JetEngine é a listagem da API Rest .

      Mostrando conteúdo interno e externo com API Rest

      Sempre que você cria um novo tipo de conteúdo com o JetEngine, também pode registrar esse tipo específico como uma API individual. Isso significa que você pode usar o recurso de listagens integrado para exibir dinamicamente os dados dessa API, que também funciona para APIs externas.

      O que é uma API?
      API significa Interface de Programação de Aplicativos. Uma API estabelece uma conexão entre os programas para que eles possam transferir dados. Um programa com uma API implica que algumas partes de seus dados sejam expostas para uso do cliente. O cliente pode ser o frontend do mesmo programa ou um programa externo. // freeCodeCamp

      Por exemplo, criei um novo ponto de extremidade da API REST usando a API de espaço reservado {JSON}.

      Demonstração do endpoint da API Rest JetEngine

      Depois de adicionar seu Endpoint , agora você pode ir para JetEngine -> Listings em seu painel para adicionar uma nova Listing que servirá como modelo para exibir os dados da API.

      modelo de lista de demonstração

      Ao projetar o modelo para os dados da API, você usará o bloco Campo Dinâmico (para Gutenberg) ou o widget Campo Dinâmico para Elementor. Uma vez adicionado, você pode usar o bloco para consultar o objeto específico que você está procurando. Isso também significa que você pode pular certos objetos.

      Depois de criar o modelo para os dados que deseja buscar (novamente, podem ser dados internos ou externos) – você pode salvar o modelo. O próximo passo é exibir seu template, o que pode ser feito em qualquer post ou página do site.

      E sim, isso significa que você também pode exibir esses dados como parte de toda a sua estrutura de conteúdo dinâmico.

      A maneira como você exibe os dados da listagem é usando o bloco Listing Grid (para Gutenberg) ou o widget Listing Grid para Elementor. Isso permitirá que você especifique a listagem que deseja exibir, mas também oferece muitas opções para personalizar, aplicar consultas personalizadas e especificar uma estrutura de exibição.

      E é isso. Lembre-se de que isso funciona com qualquer API REST, desde que você tenha os endpoints apropriados, mas também as chaves de autorização necessárias. Devo dizer que esse recurso por si só é o que diferencia o JetEngine de outras soluções semelhantes, incluindo as mencionadas neste artigo.

      Por último, mas não menos importante, se você quiser saber mais sobre o JetEngine - confira a documentação oficial, que inclui dezenas de tutoriais e casos de uso sobre o que o plug-in pode fazer por você. Clique aqui para os documentos do Elementor e clique aqui para os documentos do Gutenberg.

      Preços: Uma licença custará US$ 43, incluindo um ano de atualizações e suporte. Esta licença abrange as versões Elementor e Gutenberg do plug-in.


      #3 – Campos personalizados avançados

      ACF - Campos personalizados avançados

      Escusado será dizer que as duas primeiras soluções que analisamos são mais como suítes completas para a construção de sites dinâmicos desde o início. Mas, é provável que suas necessidades não sejam tão exigentes e você esteja feliz em usar seu tema existente e, em seguida, criar algum conteúdo dinâmico em cima dele.

      Nesse caso, o ACF, como é comumente conhecido, é um dos plugins mais fáceis de se trabalhar. Embora o plug-in não forneça os meios para criar novos tipos de postagem (existem plug-ins para isso), você obtém uma interface totalmente estendida para adicionar campos personalizados.

      O que são campos personalizados no WordPress?
      Um campo personalizado é uma forma de conteúdo (dados) que você pode publicar junto com o design ou modelo principal de suas postagens e páginas de blog. Um campo personalizado pode ser algo tão simples quanto um bloco de texto que aparece quando certas condições são atendidas. Também pode ser um elemento de design, como um aviso ou uma oferta especial, que você pode estilizar individualmente para cada página separadamente.

      Um dos atrativos do ACF é como é simples trabalhar com ele. O painel para criar novos campos é intuitivo por natureza e oferece muitas oportunidades para personalizar os novos valores de campo de acordo com suas necessidades específicas. Isso inclui a capacidade de aplicar lógica condicional para exibir os dados do campo.

      Adicionar novo grupo de campos no ACF

      No centro dos Campos Personalizados Avançados está a abordagem amigável ao desenvolvedor.

      Digamos que você tenha criado um novo campo personalizado que contém todos os seus links de mídia social. E seu objetivo é exibir esse novo campo em todas as suas páginas de postagem única. Para fazer isso, você precisa abrir o arquivo single.php do seu tema e simplesmente chamar o campo personalizado usando uma função.

      Igual a:

       <?php if( get_field('social_media_links') ): ?> <div class="social-links"><?php the_field('social_media_links'); ?></div> <?php endif; ?>

      Essa abordagem amigável ao desenvolvedor também levou a um envolvimento maciço da comunidade. No momento em que escrevo isso, existem cerca de 200 plugins gratuitos do WordPress marcados com ACF. E muitos deles estendem muito os recursos do ACF e como ele pode ajudá-lo a criar modelos de conteúdo dinâmico.

      Preço: O ACF tem uma versão gratuita disponível no WordPress.org, e a versão Pro custa US$ 49 para uma única licença de site.


      #4 - Caixa Meta

      Caixa Meta

      Em sua essência, o Meta Box (muito parecido com o ACF) é um plugin destinado a gerar campos personalizados. O que é interessante, porém, é que, ao contrário da maioria dos plugins do WordPress, o Meta Box permite que você crie novos campos personalizados a partir de um gerador online em vez do painel do WordPress.

      Depois de criar um novo campo (ou um conjunto de campos) – você pode clicar em um botão para gerar um trecho de código que pode ser colocado em seu arquivo functions.php . É isso. Depois, acesse sua postagem ou página e o novo campo será exibido abaixo do editor de conteúdo.

      No entanto, já que estamos no tópico de plugins de conteúdo dinâmico – o Meta Box possui um recurso/addon chamado MB Views, que, infelizmente, só está disponível na versão Pro. Uma View , nesse contexto, é um modelo personalizado que pode usar qualquer um dos seus campos personalizados para criar um design completo.

      Você pode aplicar esse modelo a qualquer postagem, página ou tipo de postagem personalizada que desejar. Funciona muito como Toolset e JetEngine, e também posso ver como a interface minimalista pode agradar a alguns.

      Visualizações de MB

      Se você também planeja criar novos tipos de postagem, a Meta Box desenvolve seu próprio plugin para isso. O plugin é gratuito e, assim como os campos personalizados, existe um gerador online para tipos de postagem personalizados.

      Preço: Meta Box está disponível como um plugin gratuito do WordPress.org, e os planos Pro começam em $ 49 a $ 99 (todos os recursos incluídos) para necessidades pessoais.


      #5 – Cápsulas

      Estrutura de pods

      Os pods fornecem a capacidade de criar pods conforme são chamados, que são tipos de postagem personalizados, mas também campos personalizados, todos agrupados em um plug-in. Ao contrário de alguns dos plugins que vimos ao longo deste artigo, eu diria que Pods não é exatamente amigável para iniciantes. Na verdade, Pods é mais como uma estrutura (que também pode ser implementada como parte da estrutura do tema) que requer um planejamento cuidadoso com antecedência.

      Dito isso, a interface para criar Pods é simples. Você ainda pode gerenciar coisas como tipos, campos e taxonomias. Além disso, crie relacionamentos entre as postagens e também atribua modelos individuais. Mas, se, por exemplo, você usasse o bloco Pods Views – você precisaria ter um modelo pré-fabricado pronto para ser atribuído a esse pod específico.

      Prós

      • UI fantástica para tipos e campos de construção.
      • Campos personalizados podem ser atribuídos a Posts e Taxonomias.
      • Vários módulos de componentes para adicionar recursos avançados (incluindo Post Types com uma tabela de banco de dados separada) e coisas como suporte a Markdown.
      • Possui módulos separados para integração com construtores de sites populares.
      • Documentação detalhada para desenvolvedores.

      Contras

      • Não exatamente “clique e vá”. Ler os documentos é praticamente obrigatório se você quiser ir de Custom Post Types a Templates.

      Em conclusão, se você é um desenvolvedor e trabalha com WordPress (para você ou para clientes), então Pods é uma escolha sólida porque se integra muito bem com um fluxo de trabalho de desenvolvimento pré-existente.

      Preço: Pods também tem uma versão gratuita no WordPress.org, e o plano Pro começa em $ 79 por ano para uma licença de uso único.


      Construindo sites de conteúdo dinâmico com WordPress

      O WordPress sempre teve suas desvantagens e gargalos. Mas é difícil ignorar o fato de que os desenvolvedores transformaram o WordPress em uma potência de conteúdo quando combinado com as ferramentas certas.

      Se você deseja iniciar um novo site do zero ou tem um projeto existente em andamento, este artigo deve ser uma evidência de que o WordPress é capaz de lidar com as necessidades de conteúdo dinâmico.

      Por último, mas não menos importante, seria difícil para mim espremer todos os ângulos desses plugins em um único artigo (já tem 3.000 palavras neste momento).

      Portanto, se você sentir que ainda não tem certeza se um determinado plug-in pode atingir um objetivo específico que você tem em mente – recomendo entrar em contato diretamente com o autor do plug-in para evitar fazer a escolha errada.