Elementor Pro + Advanced Custom Fields = Revolucionário (2021)

Elementer Pro + Advanced Custom Fields

At CollectiveRay, somos uma espécie de mashup, somos ex-desenvolvedores, transformados em web designers, gerentes de produto e só queremos que nosso site faça o que precisamos que eles façam, sem ter que martelar as coisas no lugar. É por isso que gostamos de experimentar combinações de recursos e funções para tornar as coisas apenas trabalhe. A mais recente combinação que descobrimos ser revolucionária para a forma como trabalhamos é Elementor combinado com Advanced Custom Fields - na verdade, esses dois plug-ins trabalhando em conjunto levaram nosso trabalho para o próximo nível.

Fique conosco para dar uma olhada completa nas capacidades desses dois plug-ins e como eles podem ser combinados para criar uma combinação vencedora. Acabamos de revisitar o artigo em Setembro 2021 e atualizado com quaisquer novos detalhes relevantes, conforme necessário.

Resumo

   Elementor  Avançado campos personalizados
Preço Grátis ou Pro a partir de $ 49 Grátis ou Pro a partir de $ 25
Teste grátis Elementor Designer Lite Avançado campos personalizados
atuação  Leve e rápido - especialmente quando comparado a outros criadores de páginas Não aplicável
Do que gostamos  UI / UX limpo e organizado  Flexibilidade, versatilidade
   Leve, construído para velocidade  Recursos amigáveis ​​ao desenvolvedor
   Boa seleção de elementos  Conjuntos de regras de exibição avançados
   Formulários personalizados integrados  Personalização do back-end do WordPress sem codificação
No geral
Website Visite Elementor Visite ACF

Avaliação Elementor

Elementor é o Construtor de Páginas WordPress mais popular. Graças à sua versão gratuita e ao preço Pro barato (US $ 49), ele teve um crescimento estelar. O grande número de elementos que ele possui significa que você precisará de poucos plug-ins adicionais de terceiros. Ele também possui recursos de criação de temas e uma vasta biblioteca de modelos.

Vamos começar nos aprofundando Elementor. Com os construtores de páginas na moda atualmente, demora um pouco para realmente nos impressionar, mas o Elementor fez exatamente isso - nos impressionar.

Primeiras impressões 

Este plugin superpolido para construir páginas e postagens de arrastar e soltar é definitivamente um forte concorrente para pessoas como nós usarem como seu produto goto para projetar seus próprios sites.

Não é de se admirar que este plugin seja conhecido como o construtor de páginas WordPress nº 1 e você o encontrará classificado como um dos principais produtos em qualquer comparação de produtos em sua categoria.

Uma das primeiras coisas que você notará ao trabalhar com o Elementor é o design absolutamente limpo. Sem confusão, bem organizado, será um prazer trabalhar com este plugin para aqueles que são obsessivamente organizados e, claro, para todos que simplesmente gostam que as coisas sejam bem organizadas.

Você pode ver que a IU dos elementos (à esquerda) é muito fácil de entender e trabalhar. O real canvas (à direita) também é mantido bem limpo, mantendo as opções fora do caminho até que você realmente clique em um elemento específico. Só então as opções são mostradas. Eles mantêm tudo com a mesma aparência que seria no front end real, assim que a página ou postagem for publicada.

Elementor primeiro uso

atuação

Outra coisa que fica imediatamente evidente quando você usa o Elementor é como ele se sente leve ao usar. Tendo usado alguns dos construtores de páginas mais populares, podemos facilmente sentir uma diferença real perceptível. Embora plug-ins como Visual Composer e Divi possam levar alguns segundos para carregar e parecer desajeitados para usar, o que impede de realmente usá-los. Embora, eventualmente, você tenha que se acostumar com isso, não é algo que você possa desfrutar, é apenas algo com o qual você tem que conviver porque simplesmente não tem uma opção.

Leia mais: 

Divi vs Beaver Builder: https://www.collectiveray.com/beaver-builder-vs-divi

Elementor vs Divi: https://www.collectiveray.com/elementor-vs-divi

Revisão do tema Divi: https://www.collectiveray.com/divi-theme-review

Esta. Este, por outro lado, é uma lufada de ar fresco. Ao clicar em Editar com Elementor, a página ou postagem que você precisa editar carrega quase imediatamente, ousaríamos dizer, não muito diferente do que se você tivesse que carregar a postagem ou página SEM o plugin habilitado, ou seja, com o editor WordPress nativo. 

Mesmo trabalhando com o construtor real de arrastar e soltar, você pode sentir como adicionar ou remover elementos é instantâneo. Você não precisa esperar que o construtor se atrapalhe e tenha alguns segundos de "tempo de espera" até que um elemento seja carregado. Você escolhe, arrasta, solta, continua trabalhando - a ferramenta trabalha com você, no seu ritmo.

Como utilizar 

Existem duas maneiras de usar o Elementor. A maneira como você escolhe trabalhar com ele depende se você está planejando construir uma página do zero ou se deseja começar a partir de um dos modelos existentes disponíveis para os cenários de site mais comuns.

Se você quiser começar do zero, basta criar uma nova página ou postagem, clicar no botão Editar com Elementor e o plugin é carregado, pronto para você começar a editar.

Editar com Elementor

Isso traz uma página limpa, pronta para começar a adicionar as seções (linhas) de que você precisa ou carregar a partir de um modelo existente (discutiremos isso em breve).

Página em branco ou postagem pronta para adicionar modelos de widgets de seções

 

Ao clicar para adicionar uma seção (uma linha), será solicitado que você escolha o número de colunas que essa seção realmente terá. Em cada coluna, você pode adicionar os diferentes elementos disponíveis. 

Definir a estrutura da seção (colunas)

Depois de definir a estrutura, você pode começar a arrastar e soltar widgets nas diferentes seções. Existem, é claro, muitos widgets diferentes para escolher, desde elementos simples que vêm com a versão gratuita do plugin até os recursos e funções mais complexos que estão disponíveis com a versão PRO.

Elementos disponíveis para adicionar

Elementos Disponíveis

Muitos dos recursos padrão esperados de um site da Web estão disponíveis como widgets que podem ser adicionados à página. Alguns dos widgets mais atraentes de usar são:

  • ícones
  • Google Maps
  • Portfólio
  • Título animado (texto giratório ou circulado)
  • Lista de preços ou tabela de preços
  • Frases de chamariz
  • DEPOIMENTOS
  • Countdowns
  • Comentários e incorporações do Facebook
  • Caixa do autor
  • As barras de progresso
  • Galerias de imagens ou carrosséis
  • Shortcodes
  • etc etc

Basta dizer que, em um único plug-in, existem todos os elementos que você pode precisar usar em uma página.

Não apenas isso, mas o Elementor vai além da maioria dos outros plug-ins. 

Isso porque, além de suportar seus próprios elementos nativos, o plugin também suporta shortcodes e widgets padrão do WordPress. Isso significa que, além de suportar todos os seus próprios elementos e TODOS os widgets do WordPress, você também pode incorporar quaisquer recursos e funções de terceiros que são habilitados por meio de códigos de acesso. Isso significa que você é praticamente ilimitado no que pode adicionar a uma página ou postagem que está sendo criada.

Experimente o Elementor agora

Elementos Dinâmicos

Outro grande recurso deste construtor de página é sua capacidade única de projetar páginas usando conteúdo dinâmico em vez de conteúdo estático. Este é um recurso bastante inovador e definitivamente algo que encontramos com frequência (ou nunca).

Claro, é ótimo que você possa arrastar e soltar os elementos descritos acima, mas isso se tornou um recurso esperado desse tipo de ferramenta.

No entanto, o Elementor foi além disso - permitindo elementos de página dinâmicos. A maneira mais fácil de explicar isso seria usando o título ou cabeçalho de uma página.

Digamos que você queira criar uma página que exiba as notícias atuais relacionadas à sua empresa. Agora, em vez de usar o título mundano, "Últimas Notícias", queremos destacar nosso evento de manchete atual. 

Então, em vez de ter a página construída usando o Elementor exibindo um "título" estático - usamos o Elemento Tema Título do Post que realmente consulta o nome do título atual do banco de dados e exibe-o em vez de qualquer conteúdo genérico.

Outro excelente uso na mesma linha que esta é a Imagem em destaque. Por ter uma imagem de destaque dinâmica, você pode ter certeza de que é sua imagem de destaque mais recente que está realmente sendo exibida (personalizada para o evento de título atual), em oposição a uma imagem genérica que você teria que exibir usando os elementos estáticos.

Dê uma olhada no vídeo explicativo de 2 minutos abaixo sobre os elementos dinâmicos do Elementor.

ruMtMAVVF_Y

Templates Elementor

Acima, vimos como uma página ou postagem pode ser criada do zero usando os elementos integrados disponíveis com este produto. Mas há um mais rápido, mais eficiente maneira de criar páginas. Ou, em vez de apenas páginas, você pode facilmente construir sites completos em minutos! Isso é feito por meio do uso de Templates do Elementor.

Esse é um recurso que se torna uma maneira bastante eficaz de usar um construtor de páginas. Essencialmente, a ideia é esta: em vez de criar as páginas você mesmo do zero, com o risco de bagunçar tudo (principalmente se você não estiver normalmente exposto ao design de um site ou design em geral), você usa um modelo de página predefinido .

Depois de selecionar um modelo, seu único trabalho é personalizar ligeiramente os elementos para atender às necessidades da página ou postagem que você está criando. Quer seja para um cliente ou para você, seu trabalho seria ajustar o conteúdo para refletir as necessidades do site que você está criando.

Isso, é claro, reduzirá significativamente o tempo de design. Não apenas isso, mas também garantirá que seu design seja o de uma empresa de design profissional, em vez de alguém que pode não estar totalmente acostumado a projetar.

Existem mais de 100 modelos disponíveis por padrão com Elementor Pro, mas isso não é tudo.

Os Templates Elementor são agora uma indústria de nicho por si só. Você descobrirá que existem centenas de outros plug-ins gratuitos e premium disponíveis para compra e download, para cobrir um nicho, indústria ou necessidade.

Modelos Elementor

Apenas para citar alguns dos modelos disponíveis, pode-se encontrar

  •  interior do projeto
  • Modelo de aplicativo
  • Cafeteria, restaurante e serviços de refeições
  • Páginas do produto
  • Fitness
  • Escritório de advocacia
  • Copywriter
  • Agência e criativos
  • hotéis
  • Arquiteto
  • casamento
  • Designer gráfico
  • Comece
  • Pessoal
  • CV
  • Portfólio
  • Ebook
  • e muitos outros.

Elementor - página de destino da fotografia

Aconselhamo-lo a visitar library.elementor.com para dar uma olhada na lista completa de modelos de páginas de destino do WordPress disponíveis por padrão com o plug-in, onde você também pode ver uma demonstração real da página exata que seria criada pelo modelo.

Preços

Elementor está disponível em seis sabores:

preços de elementor

  • Grátis
  • Essencial (para 1 site) - $ 49
  • Avançado (para 3 sites) - $ 99
  • Especialista para (25 sites) - $ 199
  • Studio (para 100 sites) - $ 499
  • Ilimitado (sites ilimitados) - $ 999

Todos os planos vêm com 1 ano de atualizações e suporte. Com o preço ridiculamente barato de US $ 49, quando você levará literalmente algumas horas no máximo (com base nos modelos) para criar um novo site do zero - acreditamos que este é um valor excelente. 

Se você é um designer, é provável que produza mais de 4 sites em um ano (mesmo considerando a velocidade de desenvolvimento de sites agora que você tem o Elementor em seu arsenal), então é altamente recomendável que você opte diretamente pelo Plano ilimitado imediatamente. 

Código de desconto Elementor

Sempre que tivermos um código de desconto ou cupom Elementor, iremos publicá-lo aqui, para que você obtenha o melhor preço.

O link abaixo o levará ao site oficial, onde você obterá o melhor preço no Elementor em Setembro 2021.

Clique aqui para obter o menor preço no Elementor

 

Dê uma olhada no que algumas pessoas disseram sobre o plugin:

depoimentos

 

Avançado campos personalizados

A próxima parte de nosso artigo muda a atenção para outro plugin que amamos, Campos personalizados avançados.

Começaremos com uma breve visão geral de ACF, depois disso, vamos nos concentrar em como combinar campos personalizados avançados e Elementor para obter resultados surpreendentes. Revolucionário mesmo.

Para os não iniciados, o ACF permite que um usuário crie campos personalizados para editar telas para melhorar a experiência do usuário na criação do site e, claro, em última análise, o usuário que visita o site.

Apenas como uma breve introdução

  • O construtor de campo ACF permite que campos sejam adicionados a telas de edição de WP em segundos
  • Os campos podem ser adicionados a qualquer conteúdo, postagens, usuários, termos de taxonomia, mídia, comentários ou em qualquer outro lugar
  • Você pode mostrar os campos em qualquer lugar, com funções amigáveis ​​ao desenvolvedor

Como desenvolvedor / designer, assim que você perceber o que foi dito acima, sua mente poderá começar a correr rapidamente com as enormes possibilidades disponíveis. Com o exposto acima, você pode literalmente criar uma "cópia personalizada" do WordPress que é adequada exatamente para a necessidade de cada cliente que você tem. 

Você provavelmente saberá que a maioria dos clientes, embora fiquem felizes em usar o WordPress, ainda terão seus próprios requisitos específicos. Você também sabe que ajustar o código principal para implementar essas mudanças é normalmente uma má ideia, porque isso significa que você não será capaz de obter atualizações principais - criando riscos de segurança significativos para a instalação.

O ACF permite que você "personalize" o WordPress, sem tocar em nenhum código principal, simplesmente por meio de um plugin.

Você pode ler mais sobre plug-ins aqui: https: // www.collectiveray.com / wp / plugins /

E, claro, não somos apenas nós que ficamos entusiasmados com as possibilidades de usar os campos personalizados avançados. Este é um dos plug-ins mais populares, instalados e bem avaliados que existe. Dado o fato de que isso é orientado ao designer / desenvolvedor, você pode ver que as estatísticas de instalação abaixo são extraordinárias.

Portanto, antes mesmo de nos aprofundarmos ainda mais, é bom notar que este plugin tem mais de 1 milhão de instalações ativas e tem uma classificação de 5 estrelas em mais de 1000 comentários. Essa é uma conquista notável, se você tivesse que me perguntar.

Campos personalizados avançados, instalações ativas e análises atuais 

Criação de campos personalizados

O ponto forte do ACF é, obviamente, criar campos personalizados que podem ser totalmente combinados em formulários complexos. Vemos isso como muito útil para a criação de uma variedade de coisas:

  • Os formulários de contato personalizados pedem ao visitante informações detalhadas e específicas que podem ser usadas para responder melhor às suas dúvidas. Por exemplo, se o seu cliente é um tipo de cliente orientado para serviços ou manufatura, você pode atender a um formulário complexo que faz perguntas muito específicas sobre as necessidades do visitante. Eventualmente, todas essas informações combinadas para emitir um cliente melhor ou dar uma resposta melhor à consulta específica.

Isso tudo é apenas arranhar a superfície do que o ACF pode fazer na realidade. Dado o quão focado isso é para os desenvolvedores, não é de se admirar que este plugin seja tão popular. Uma vez que os campos personalizados tenham sido criados, pode-se facilmente incorporar esses campos em

  • Temas - como um desenvolvedor de um tema, você pode realmente incluir os campos personalizados e funções que você criou para personalizar seu trabalho de forma que seus usuários possam se beneficiar dessas personalizações - pense, por exemplo, na capacidade de criar diferentes formulários personalizados para diferentes nichos
  • Plug-ins - mais uma vez como um desenvolvedor de plug-ins, você pode personalizar formulários específicos para criar funcionalidade estendida para recursos específicos do WordPress ou seu próprio plug-in - você pode realmente usar o ACF para projetar funcionalidade de formulário estendida que pode ser usada para personalizar a captura de dados de seu plugar

Mais uma vez, como desenvolvedor, ou mesmo como web designer, você já pode começar a ver (e provavelmente ficar animado) com o potencial do ACF.

Portanto, vamos começar a mexer um pouco com o ACF e ver do que ele é capaz. Dê uma olhada abaixo no seguinte formulário que criamos em alguns minutos. Gostaríamos de chamar sua atenção para algumas coisas que não esperávamos.

Criação de um formulário personalizado

Além dos campos de formulários padrão, como texto, caixa de seleção e seleção, selecionador de data e opções de produção padrão, o ACF também oferece suporte

  • Tipos de post relacionais - este tipo de campo permite exibir itens (como postagens e páginas) que já existem no site atual. Então, mais uma vez, vamos imaginar por um momento que somos um desenvolvedor de temas e queremos dar ao usuário a opção de selecionar alguns posts para mostrar na página inicial. Usando os filtros avançados neste tipo, podemos criar facilmente uma IU que nos permite fazer tudo isso. Também temos acesso a coisas como páginas, taxonomias, usuários e funções.
  • Google Maps, selecionador de data e ColorPicker - esses tipos de campos são todos baseados em jQuery e são todos suportados fora da caixa (mesmo com a versão gratuita do ACF)
  • Regras - os campos podem ser exibidos ou não com base na lógica condicional que você pode definir por meio da IU do ACF. Isso significa que seu formulário pode ser adaptado às entradas do usuário, mostrando campos adicionais ou ocultando outros conforme necessário com base no que o usuário está realmente inserindo
  • Opções - o final e cereja no topo do bolo, permite que você decida as opções exatas de como e onde você deseja exibir seu formulário. Se você deseja exibir o formulário no topo da página (no backend), usando uma Metabox ou não e outras opções.

Aqui está uma lista completa de todos os tipos de campo disponíveis:

  • Texto - campo de texto de linha única com suporte HTML opcional e limites de caracteres
  • Área de texto - igual ao texto, mas pode ter várias linhas
  • Número - campo numérico que pode ter valores mín. / Máx. Opcionais para limites e validação
  • Email - Campo personalizado para entrada de email incluindo validação
  • Senha - entrada de senha com máscara de texto
  • Editor WYSIWYG - entrada do editor WordPress com opções para inserção de mídia e botões do editor
  • Imagem - carregue uma imagem ou selecione uma da biblioteca de mídia. Retorna um objeto, URL ou ID.
  • Arquivo - Igual à imagem, mas para arquivos em geral
  • Selecione - Menu suspenso com suporte para várias seleções
  • Caixa de seleção - campo da caixa de seleção para um ou vários itens
  • Botão de opção - Escolha um único item por meio do botão de opção
  • Verdadeiro / falso - seletor verdadeiro ou falso básico
  • Link da página - Retorna o URL de qualquer postagem ou página. Pode ser limitado a tipos de post específicos.
  • Post Object - Retorna um objeto WordPress de qualquer postagem ou página, tipo de postagem ou taxonomia
  • Relacionamento - O mesmo que o objeto da postagem, mas com uma interface avançada e reordenação por meio de arrastar e soltar
  • Taxonomia - Retorna um objeto ou ID para uma ou mais taxonomias. Pode ser limitado a tags, categorias ou termos de taxonomia personalizados.
  • Usuário - selecione um ou mais usuários. Opção para limitar a escolha por função do usuário.
  • Mapa do Google - Defina um centro, nível de zoom e largura
  • Selecionador de data - selecione uma data do calendário e retorne uma string de data formatada
  • Seletor de cores - selecione uma cor hexadecimal
  • Mensagem - Deixe uma mensagem
  • Guia - Combine campos em uma interface com guias 

 

É difícil pensar em qualquer cenário que as funções acima não cubram. Não é à toa que o plugin é chamado de Advanced Custom Forms, pois a funcionalidade fornecida é muito poderosa nas mãos de alguém que sabe como explorar esses recursos. é extremamente flexível e pode permitir a extensão das funções padrão do WordPress, limitadas apenas pela sua imaginação.

O ótimo é que toda essa personalização é feita sem tocar em uma linha de código e, mais importante, sem tocar em nenhum arquivo principal - garantindo que você não crie nenhum problema de segurança para os sites que está personalizando.

Sem dúvida, um trocador de jogo.

Frontend vs Backend 

Nos exemplos e opções acima, você pode ver que o ACF pode ser usado tanto no front end quanto no backend. Agora, de verdade, sabemos que existem um milhão e um plug-ins de formulário por aí, que permitem criar formulários personalizados para o back-end.

A vantagem real vem da capacidade de ajustar as páginas de administração do WordPress - o que essencialmente torna este produto um produto criado por desenvolvedores para desenvolvedores e designers. Como desenvolvedores, eles conhecem e entendem as limitações de operar exclusivamente dentro dos limites do WordPress.

Portanto, este é um produto que permite aos desenvolvedores e designers ultrapassar os limites do WordPress, não a partir do front-end, mas particularmente em termos das possibilidades dadas ao administrador ou webmaster do WordPress.

Agora que vimos os recursos do ACF e do Elementor, vamos dar alguns exemplos de como eles podem funcionar juntos.

Formulários personalizados de contato

Já discutimos acima como um formulário de contato personalizado especificamente para seu serviço, setor ou produto pode contribuir muito para fechar novos negócios. Então, vamos dar uma olhada no que podemos fazer usando Elementor e Campos personalizados avançados.

Já criamos um formulário personalizado para uma indústria específica (ainda é bastante genérico por natureza, mas você entendeu, você pode personalizar e adicionar campos de acordo com o seu caso específico).

Portanto, agora queremos adicionar este formulário a uma página Fale Conosco criada pela Elementor. Criamos a página Fale conosco e, em vez de projetá-la do zero, vamos escolher um modelo a partir dos já prontos.

modelo de página de contato

Agora que temos uma base de onde começar, vamos adicionar nosso próprio formulário personalizado:

Removemos o existente Formulário de Contacto e descartamos o widget de formulário e personalizamos o formulário de contato para criar nosso próprio formulário de cotação personalizado - literalmente, em alguns minutos estávamos prontos.

Criação de formulário de orçamento personalizado

E essa é a beleza de usar esses dois plug-ins. Se você deseja criar formulários personalizados no backend para seus próprios temas e plug-ins, ou se deseja usar formulários personalizados no front-end, as possibilidades são finaisless.

Uma coisa que gostaríamos de poder fazer, e temos certeza que a equipe da Elementor acabará por se integrar em seus produtos, seria a possibilidade de criar formulários usando ACF e adicioná-los diretamente no construtor de páginas. 

ATUALIZAÇÃO setembro de 2018 - os novos lançamentos desses dois plug-ins agora podem se integrar diretamente. Formulários personalizados criados no ACF agora podem ser integrados diretamente no Elementor usando tipos de post personalizados.

Combinando ACF e Elementor

Então, isso foi algo que os dois plug-ins não perceberam até alguns meses atrás, quando estávamos analisando esses dois produtos. Nossos leitores também descobriram que é um tanto confuso e decepcionante não poder fazer isso.

Como um bom revisor deve fazer, entramos em contato com a equipe de desenvolvimento e sugerimos que isso fosse algo que deveria ser integrado nesses dois produtos, para poder criar uma bela solução de integração entre os dois.

E, como uma boa equipe que cuida de seus clientes, eles rapidamente aderiram a isso e, apenas alguns meses depois, temos novas versões de ambos os produtos que agora oferecem uma integração direta.

Isso pode ser possível usando tipos de postagem personalizados no WordPress. Apenas para aqueles que não estão familiarizados, os tipos de postagem personalizados mais comuns são postagens, páginas e anexos, mas existem mais. Outros tipos de postagem comuns que você pode ter visto são produtos WooCommerce, depoimentos, eventos, avaliações, portfólios ... e muitos outros. 

Em outras palavras, os tipos de postagem personalizados são um tipo específico de "conteúdo" que assume um determinado formato.

Deve-se notar que também é 100% possível definir novos tipos de post personalizados se você tiver um conteúdo específico que precisa ser "estruturado".

Essencialmente, o que você precisa fazer para criar um tipo de postagem personalizada é usar um plug-in de postagem personalizada para definir os novos campos de que você precisa ou fazer isso usando código.

Os caras da Elementor criaram um artigo longo e detalhado sobre como realizar esta integração.

A maneira mais fácil de fazer isso é usando o plugin CPT UI, que você pode encontrar aqui. Não vamos passar por todos os detalhes da criação de um tipo de postagem personalizado, há muitos artigos por aí, embora seja altamente recomendável que você visite este.

CPT UI tipo de postagem personalizado

Depois de criar o tipo de postagem personalizada, agora você precisa criar os campos personalizados usando ACF e mostrar apenas os campos específicos com base no tipo de postagem que você acabou de definir.

criar campos personalizados com acf

 

Para poder exibir esses tipos de postagem personalizados nas páginas do blog, é necessário entender como esses tipos de postagem personalizados funcionam nas diferentes áreas do seu site.

Se você tiver que imaginar um tipo de postagem personalizada de depoimento, poderá adicioná-la a qualquer página ou postagem que estiver usando. Você também pode criar uma "postagem" completa usando o tipo de postagem personalizada.

Para usá-los com o Elementor, faremos uso de modelos e estas são as etapas que você precisará seguir:

  • Crie um novo modelo único, você pode dar a ele o nome do seu novo tipo e adicionar um novo widget de texto. Para fins de exemplo, usaremos o widget de cabeçalho. 
  • Clique no ícone dinâmico e escolha Campo ACF. Clique nele novamente e, em 'chave', escolha o tipo de postagem personalizada que você criou. O conteúdo que você adicionou anteriormente aparecerá agora.
  • Agora, tudo o que resta é publicar e agora você pode usar este modelo dentro do seu conteúdo.

 

Se você quiser reutilizar esses tipos de conteúdo e campo, poderá usá-los em modelos do Elementor. Usando a funcionalidade Theme Builder, você pode criar modelos usando esses tipos personalizados, selecionando os campos do Conteúdo Dinâmico.

Visite Elementor para obter uma explicação mais detalhada dos tipos de postagem personalizados

Extras Elementor

Agora que falamos sobre esses dois grandes produtos em detalhes, gostaríamos de expandir um pouco mais. Quando plug-ins como esses dois alcançam tal popularidade, é inevitável que se tornem um nicho e uma indústria próprios e comecem a atrair fornecedores de software que realmente criam outras extensões para estender a funcionalidade desses plug-ins.

Então, vamos dar uma olhada em uma série de extras do Elementor que você pode querer considerar para impulsionar ainda mais a funcionalidade.

Complementos finais para Elementor

Este é um conjunto de widgets que visam adicionar mais funcionalidade e flexibilidade ao construtor de páginas. Dado que esses widgets vêm da Brainstorm Force, a empresa por trás do WP Astra, você pode entender que a qualidade desses recursos é de alto nível.

Complementos finais

Existem mais de 24 widgets disponíveis no momento da escrita, incluindo, mas não se limitando a:

  • Timeline - esta é uma maneira incrível de mostrar gráficos de linha do tempo, roteiros ou outros itens baseados no tempo
  • Alternar conteúdo - isso permite que seu usuário final alterne entre partes específicas de conteúdo, por exemplo, você gostaria de mostrar preços mensais x anuais ou outras alternâncias de preços semelhantes
  • Modal Popup - uma maneira limpa e fácil de criar pop-ups, para coisas como assinaturas de boletins informativos ou outro conteúdo que você gostaria de apresentar.
  • Horário de funcionamento - costumava tornar seu horário comercial mais atraente e com aparência profissional
  • Google Map - uma função essencial para qualquer site de uma empresa local, para garantir que os clientes saibam onde você está localizado
  • Lista de preços e caixa de preços - o preço é, obviamente, outra função essencial se você estiver no negócio de venda de serviços ou pacotes

A beleza deste pacote de widgets são as várias estruturas de preços. Se você optar pelo pacote da agência, receberá até uma cópia gratuita do Astra Pro e do plugin WP Portfolio, além de uma série de sites iniciais prontos para impulsionar seu web design trabalhos.

Crocoblock

Esta é uma empresa que é grande fã do Elementor e criou um bom número de plug-ins premium, como:

  • JETElements - uma série de lindos widgets para estilizar suas páginas de maneira atraente, como tabelas de preços, SVG embutido, cronogramas, barras de progresso, layouts de alvenaria e muito mais, há mais de 40 widgets para escolher
  • JETMenu - uma maneira fácil de criar um Mega Menu fácil de usar e personalizável
  • JETabs - uma ótima maneira de organizar páginas lotadas que exigem muitas informações essenciais, como páginas de produtos
  • JETWoobuilder - este é outro ótimo produto que é essencialmente uma ótima maneira de criar páginas WooCommerce que vendem
  • JETEngine - este é um plug-in excelente para criar conteúdo dinâmico em suas páginas, como campos dinâmicos, meta, links e até imagens e layouts.

Plug-ins Crocoblock

Ao todo, com Crocoblock, você tem um único fornecedor que pode atender a todas as suas necessidades do WordPress. Tanto o tema Kava, os vários widgets Elementor, vários plug-ins e muito mais, todos disponíveis por um valor enorme através do pacote Lifetime, este é um excelente negócio.  

 

Elementor vs Beaver Builder

Leitura recomendada: Beaver Builder vs Elementor - Um guia definitivo e comparação (2019) 

Existem muitos produtos diferentes para construir sites WordPress. Sem qualquer hesitação, podemos dizer que este produto é certamente um dos produtos mais populares e bem-sucedidos que existem, atingindo 5 milhões de instalações ativas em setembro de 2020.

Mas certamente não é o único que você pode usar. Por exemplo, enquanto os web designers e administradores de sites têm uma preferência por arrastar e soltar o construtor de páginas, os desenvolvedores da web geralmente tendem a preferir estruturas como Beaver Builder o que dá a eles um pouco mais de flexibilidade ao invés de dar a eles apenas a opção que o plugin suporta.

Existem muitos outros pontos a serem discutidos quando se trata de comparar Elementor com Beaver Builder. Na verdade, acabamos de fazer, revisamos esses dois itens e criamos uma comparação completa e um guia definitivo que você pode ver no link acima.

Considerações Finais

Acreditamos que o Elementor define o padrão quando se trata de construtores de páginas - e o define bastante alto.

Este é definitivamente um dos melhores criadores de páginas que existem e outros fornecedores fariam a si mesmos um favor se olhassem para este produto para ter certeza de que, no mínimo, eles fornecem o mesmo nível de recursos que o Elementor.

Não só isso, mas como designer e desenvolvedor, a combinação de usar Elementor e ACF juntos para alimentar seus próprios temas personalizados dá a você a possibilidade de começar a criar temas de nicho, que atendem a setores muito específicos, de uma forma que dificilmente era possível antes.

Acreditamos que ambos os plug-ins mudam o jogo por si próprios, mas juntos - uma verdadeira combinação vencedora.

Clique aqui para obter o menor preço no Elementor

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...