Construir um site do zero pode parecer assustador, mas com o planejamento certo você evita retrabalho e economiza horas de frustração. No Curso Mastery de Divi 5, vamos transformar uma instalação limpa de WordPress em um site profissional para uma empresa de coworking. E tudo começa com a preparação.
Antes de abrir o Divi Builder ou escrever uma única linha de CSS, é essencial definir alguns pilares. Nesta primeira parte, você vai aprender o que instalar, o que planejar e quais ferramentas ter em mãos para que o desenvolvimento seja suave e sem surpresas.
Prepare o café, abra seu checklist e vamos nessa!
1. Escolha de hospedagem e domínio
Seu site precisa de um lar digital. A hospedagem é a base de tudo: influencia diretamente na velocidade, segurança e na experiência do usuário. Para projetos com Divi 5, recomendo provedores que suportem PHP 8+, MySQL 8 e que ofereçam certificado SSL grátis.
Registre um domínio curto, fácil de digitar e que remeta ao seu negócio. No nosso caso, algo como cocriacao.com.br ou hubcowork.vercel.app (mas prefira .com.br para SEO local).
2. Instalação do WordPress e do tema Divi
Com hospedagem e domínio prontos, instale o WordPress – a maioria dos painéis tem instalador automático (Softaculous, cPanel). Depois, faça o download do tema Divi da sua conta Elegant Themes e instale no WordPress via Aparência > Temas > Adicionar Novo.
Ative o tema e, em seguida, instale os plugins essenciais que vão acompanhar o curso (listados na seção 4 abaixo). Não pule esta etapa: plugins configurados depois podem conflitar com o layout.
2.1 Configurações iniciais do WordPress
- Permalinks: Vá em Ajustes > Links Permanentes e escolha “Nome do Post”. Isso melhora a estrutura das URLs.
- Timezone: Ajuste para o fuso brasileiro (UTC-3) em Ajustes > Gerais.
- Leitura: Defina a página inicial como uma página estática (criaremos depois).
3. Planejamento de conteúdo e estrutura
Antes de qualquer design, defina o que seu site precisa comunicar. Para uma empresa de coworking, pense em páginas como: Home, Espaços, Planos e Preços, Contato, Blog. Desenhe um wireframe simples no papel ou use ferramentas como Figma.
“Um site bem planejado é construído duas vezes: primeiro na mente, depois no código.” – Autor desconhecido
Separe também os textos e imagens que você usará. Ter todo o conteúdo pronto antes de abrir o Divi evita que você perca o fluxo criativo caçando fotos de stock ou reescrevendo parágrafos.
4. Ferramentas e plugins indispensáveis
O Divi já vem com construtor visual e temas poderosos, mas alguns plugins turbinam seu trabalho:
| Ferramenta | Pra quê usar | Link |
|---|---|---|
| Rank Math | Otimização SEO; muito mais intuitivo que o concorrente | Rank Math |
| Yoast SEO | Alternativa clássica, com análise de legibilidade | Yoast SEO |
| WP Rocket | Cache e performance (pago, mas vale cada centavo) | WP Rocket |
| ACF | Campos personalizados para depoimentos, horários etc. | ACF |
| Google Site Kit | Integração com Google Search Console e Google Analytics | Baixe no repositório do WP |
Se precisar de inteligência artificial para gerar textos de apoio, use ChatGPT ou DeepSeek – mas sempre revise antes de publicar.
5. Checklist final antes de começar a construir
- Hospedagem ativa e domínio apontado (DNS propagado)
- WordPress instalado com Divi ativado
- Plugins essenciais instalados e configurados
- Estrutura de páginas definida (wireframe ou mindmap)
- Textos, imagens e logotipo organizados em uma pasta
- Backup inicial feito (seu hosting deve oferecer ou use UpdraftPlus)
Com esse checklist completo, você está pronto para abrir o Divi Builder e começar a criar seções incríveis. Na Parte 2 do curso, vamos construir o header e o hero da homepage.
Não pule a preparação – ela é o alicerce de um site rápido, bonito e que converte visitantes em clientes.
Gostou? Compartilhe com outros desenvolvedores e fique ligado nos próximos artigos da série. Tem alguma dúvida? Deixe nos comentários – respondo pessoalmente.
