🏢 Site para Imobiliária com Cards e Posts Personalizados | Tutorial ACF e CPT UI

Nesse video eu te explico como criar cards e posts com campos personalizados no WordPress para apresentar imóveis em um site de imobiliária usando os plugins ACF (Advanced Custom Fields) e CPT UI (Custom Post Type).

Seguindo a lógica que explico no tutorial, você pode apresentar outros conteúdos como itens de portfolio, produtos, serviços, entre outros, a aplicação é bem ampla.

Mas como exemplo, nesse video fazemos um site para imobiliária, onde vão ser expostos os imóveis disponíveis para venda e todas as informações relevantes sobre eles.

Criamos uma página com uma seção de cards com uma prévia de informações, esses cards são clicáveis e levam para o post individual de cada imóvel, onde o interessado pode ver as informações completas sobre aquele item.

USO e RECOMENDO
💸 Elementor PRO: Licença ORIGINAL e Barata – https://elementortemplates.com.br/elementor-pro
Cupom de desconto: TIRA10

☁️ Hospedagem com Desconto – https://hostinger.com.br/pnp
Cupom de desconto: PNP

💻 Conheça meu Treinamento COMPLETO – https://paginasnapratica.com.br/treinamento

CONTINUE APRENDENDO
✨ Elementor Efeito de Texto sobre Imagem no HOVER – https://youtu.be/RFlXL4vPMN0
🕵️ Top 17 Funções ESCONDIDAS do Elementor – https://youtu.be/Bvvy_n0IhQk
📝 Formulário de Contato com Elementor FREE – https://youtu.be/LVEL-YAH5Mo
☁️ Como Hospedar um Site usando a Hostinger – https://youtu.be/8bqDaKl2G_w
🔒 Certificado SSL e Configuração de CDN – https://youtu.be/V15W0f7B21g
🎨 Como Baixar e Instalar Templates para Elementor – https://youtu.be/9KA0IZxECRA
💼 Como Criar Site de Portfolio com WordPress – https://youtu.be/wvGtYpJ5QCw

0:00 – Intro
2:28 – Instalando os plugins necessários
5:56 – Criando um novo tipo de post
6:55 – Adicionando os campos personalizados
10:57 – Criando o modelo de Card
20:09 – Criando página de arquivo
23:29 – Criando modelo de post individual
33:16 – Otimização para dispositivos móveis

Posts relacionados

Melhore a velocidade de carregamento do seu site WordPress com esses trechos de códigos
Descubra como adicionar códigos CSS no WordPress de forma gratuita apenas com o Elementor na versão gratuita.
Aprenda como criar um cabeçalho fixo no Elementor que desaparece ao rolar para baixo e reaparece ao rolar a página para cima.
Descubra como usar a Inteligência Artificial para criar os layouts dos seus sites e Landing Pages.

Preencha com suas informações