O WordPress é uma das escolhas mais populares quando se trata de criar um sítio Web rico em funcionalidades e visualmente deslumbrante. Não só devido à sua flexibilidade, mas também devido à sua perfeita compatibilidade com vários plugins. Dois plugins excelentes são Elementor responder com cânticos Campos personalizados avançados (Campos personalizados avançados(ACF para abreviar).
Neste artigo, vamos ver como utilizar os dois em conjunto para proporcionar uma experiência de design personalizado totalmente nova ao seu Web site. Quer se trate de criar layouts de página personalizados, ouAdicionar conteúdo dinâmico a páginas específicasTodos podem encontrar uma orientação clara através deste artigo.
O que são campos personalizados avançados (ACF)?
Advanced Custom Fields é um plugin muito utilizado em sítios Web WordPress que ajuda os utilizadores a criar e gerir campos personalizados. Permite adicionar campos adicionais de entrada de conteúdo a páginas, posts, tipos de posts personalizados, taxonomias, etc., o que é muito útil para melhorar a funcionalidade de um sítio Web WordPress.
Versões do plug-in ACF
- versão gratuitaDisponível no repositório de plugins do WordPress, fornece funcionalidades básicas para a maioria das necessidades quotidianas de um sítio Web.
- versão premiumFornece caraterísticas mais avançadas, tais como campos repetíveis, campos de conteúdo flexível, campos de galeria, etc.
O que é o Elementor?
Elementor é um plug-in de criação de páginas do WordPress muito utilizado e adorado por utilizadores de todo o mundo graças à sua interface intuitiva de arrastar e largar e às suas ricas opções de design. Permite aos utilizadores criar facilmente designs de página altamente personalizados sem escrever código.
Versões do plugin Elementor
- versão gratuitaPlugin WordPress: Fornece funcionalidades básicas de construção de páginas e pode ser descarregado do repositório de plugins do WordPress.
- versão premiumDesbloquear funcionalidades mais avançadas, como bibliotecas de modelos, widgets globais, apresentação dinâmica de conteúdos e muito mais.
Com o Elementor, é possível conceber layouts e estilos únicos para diferentes tipos de páginas, especialmente quando utilizado em conjunto com o ACF, para apresentar dados personalizados de forma dinâmica.
Como configurar e utilizar o ACF no Elementor: passos pormenorizados
Em seguida, apresentaremos um guia passo a passo sobre como integrar o ACF no Elementor e apresentar conteúdo dinâmico no seu sítio Web.
1. instalar e ativar o plug-in
Em primeiro lugar, é necessário certificar-se de que instalou e activou os seguintes plugins no seu sítio WordPress:
- Elementor
- Campos personalizados avançados (ACF)
Ambos os plug-ins podem ser encontrados gratuitamente no repositório de plug-ins do WordPress. Uma vez instalados, o portal de definições para ambos os plugins pode ser encontrado na barra de navegação no lado esquerdo do painel de controlo do WordPress.
2. criação de novos grupos de terreno
existir ACF em que os campos são geridos através de grupos de campos. Cada grupo de campos pode conter vários campos que podem serPara páginas específicas, artigos ou outros tipos de artigos personalizadosDefinir estes campos.
- Navegue até ao painel de controlo do WordPress na pasta "Campos personalizados"Clicar "Adicionar novo grupo de campos".
- Um nome para o seu grupo de campos. Este nome só será utilizado para o reconhecimento do backend e não será apresentado no frontend.
- Em seguida, pode adicionar os campos pretendidos. Na página Definições do campo, pode selecionar o tipo de campo (texto, número, imagem, caixa de verificação, etc.).
Por exemplo, pode adicionar o seguinte campo a uma página de produto do WooCommerce:
- Cloreto de dietilamónio
- Material do produto
- Preço do produto
Cada campo pode ser configurado com diferentes atributos, tais como etiquetas de campo, nomes, valores por defeito, espaços reservados, etc., conforme necessário.
3) Configurar as regras de visualização dos campos
Depois de concluir a configuração do grupo de camposPara o fazer, é necessário especificar onde estes campos devem ser apresentados. Por exemplo, pode optar por apresentar estes campos em todos os posts, páginas ou num tipo de post personalizado específico.
- Nas definições do grupo de campos, encontrar a opção "Regras de visualização" Parte.
- Definir condições como "Página igual a página de exemplo"ou"O tipo de artigo é igual a produto".
- Guardar as definições.
4. Testar campos no editor do Gutenberg
Quando a configuração estiver concluída, o Editor de Gutenberg para ver os campos que adicionou. Abrir uma condição de set que corresponda àPágina ou artigoque será adicionado à lista deVer os campos personalizados recentemente adicionados na parte inferior.
5) Visualizar dados ACF com o Elementor
De seguida, é necessário adicionar o Elementor para exibir esses campos personalizados na página de front-end. Siga os passos abaixo:
- Abra o editor Elementor e selecione os dados do campo personalizado que pretende apresentar.página webFazer edições.
- No Elementor, arraste e largue um widget adequado (por exemplo, texto, título, etc.) na página.
- Clique no widget para encontrar oo lado esquerdopreparartábua de amassar.
- No painel Definições, clique em "Rotulagem dinâmica" e, em seguida, selecionar o ícone "Campo ACF".
- No menu pendente, selecionar a opção previamente definida ACF campos (por exemplo, "Cloreto de dietilamónio").
6. apresentação dinâmica de conteúdos
Depois de concluir as etapas acima, sua página poderá exibir dinamicamente as informações do Dados de campo personalizados para ACFPor exemplo, se introduzir um "nome de produto" no ACF, este aparecerá automaticamente na página inicial. Por exemplo, se introduzir um "nome de produto" no ACF, o nome será automaticamente apresentado na página inicial.
7) Atualização dos dados do ACF
Além disso, se alterar o valor de um campo ACF no editor Gutenberg, não precisa de abrir o Elementor novamente para o editar; o Elementor lê automaticamente os dados actualizados do ACF e apresenta-os em tempo real no front end.
Utilização avançada: Tipos de posts personalizados (CPT) e ACF
Para além de posts e páginas, também pode utilizar o ACF para tipos de posts personalizados (Tipos de Postos Personalizados, CPT) Adicionar campos.CPT é uma funcionalidade fornecida pelo WordPress que permite criar tipos de conteúdo diferentes das publicações e páginas normais, como "Estudos de caso"ou"Membros da equipa".
No Elementor, podem ser concebidos layouts únicos para estes tipos de posts personalizados e o conteúdo dinâmico pode ser apresentado através do ACF.
chegar a um veredito
aprovar (um projeto de lei ou uma inspeção, etc.) Construtor de sítios Web autodidata WPvontade ACF responder com cânticos Elementor Utilizado em conjunto, o ACF permite-lhe criar uma vasta gama de campos personalizados, enquanto o Elementor lhe proporciona uma experiência de design de páginas sem paralelo. Quer esteja a adicionar informações dinâmicas a uma página de produto WooCommerce ou a apresentar os seus parceiros de marca num sítio Web empresarial, a combinação destes dois plug-ins proporcionará aos seus designs uma facilidade sem precedentes e espaço para a criatividade.
