Módulo 5
Curso Básico de Criação de Sites
Do Zero ao Site no Ar
MÓDULO 5
ABERTURA
Do site estático ao WordPress profissional com Elementor
Este módulo requer a apresentação em vídeo, para melhor entendimento.
Clique neste link e assista ao vídeo ANTES DE CONTINUAR com a parte textual abaixo.
“BOA NOITE, MEUS DONOS DE SITE COM DOMÍNIO PRÓPRIO!!!.
Chegamos na parte que deixa seu site com cara de milhões, mundo afora… sem você precisar digitar uma linha de código nunca mais (se não quiser).
Hoje você vai aprender duas coisas poderosas:
- Transformar seu site atual em WordPress com 1 clique
- Usar o Elementor (o “Canva dos sites”) pra criar páginas lindas arrastando e soltando
E o melhor: tudo isso já na sua hospedagem Napoleon (ou qualquer outra que você escolher).
────────────────────────
PARTE 1 – Instalando WordPress com 1 clique na Napoleon
————————
— Após abertura de conta na Napoleon Host, você recebe uma FOLHA DE DADOS com todas as informações referentes aos procedimentos a serem tomados para a implementação e administração do seu novo site.
————————-
- Acesse seu painel da Napoleon Host: – O link está descrito na folha de dados enviada por ocasião da abertura de conta – alguma coisa do tipo “seudominio/cpanel”
- Procure o ícone “Instalador de Aplicativos” ou “Softaculous” ou “WordPress 1-Clique”. Normalmente, encontra-se no menu lateral esquerdo.
- Clique em “Instalar WordPress”
- Preencha só 3 campos:
– Nome do site (ex: Maria Artesanato)
– Nome de usuário (ex: admin ou seu nome)
– Senha forte (anote num papel!)
- Clique em “Instalar” → em 40 segundos aparece: Instalação concluída!.
- Link de acesso: www.seudominio.com.br/wp-admin/ (Área Administrativa do site – Backend)
- Entra com usuário e senha → tela azul linda do WordPress
Veja o vídeo: – Instalando o WordPress no Napoleon Host.
────────────────────────
PARTE 2 – Primeiro contato com o painel WordPress
Explore visualmente e acompanhe pelo vídeo:
– Menu lateral (Posts, Páginas, Aparência, Plugins, Usuários)
– Criar uma página nova
– Mudar o tema (recomendo Astra ou Hello Elementor – ambos grátis)
– Apagar a página “Olá, mundo!” que vem automaticamente, na instalação.
────────────────────────
PARTE 3 – Instalação do Elementor: o Canva dos sites
- No painel → Plugins → Adicionar novo → busca “Elementor” → Instalar → Ativar
- Cria uma página nova → “Editar com Elementor”
- Mostra ao vivo:
– Arrastar widget de título, texto, imagem, botão
– Mudar cores com 1 clique
– Duplicar seção
– Salvar como template
– Modo responsivo (celular/tablet)
Veja o Vídeo – mostrando como inicializar o site em um Host verdadeiro, porém gratuito, onde se instala o WORDPRESS automaticamente, e continua instalando PLUGINS (tipo Elementor) e segue com criação de página, edição, etc, até finalizar com site básico, elementar, porém verdadeiro.
Veja o Vídeo – usando a plataforma do Google Sites para criar um site completo e gratuito.
Exercício ao vivo:
“Vamos transformar sua página inicial em 20 minutos:
– Cabeçalho com logo e menu
– Seção hero (1ª seção da página de abertura do site) com foto sua + frase grande
– 3 colunas de serviços/produtos
– Formulário de contato
– Rodapé com WhatsApp”
────────────────────────
PARTE 4 – Migrando seu site antigo (HTML/CSS) pro WordPress
“Se você quiser trazer aquele site lindo que fez nos módulos atrás, é só:
- Copiar o texto e as fotos
- Colar no Elementor
- Em 15 minutos fica igual ou mais bonito ainda!”
────────────────────────
FECHAMENTO DO MÓDULO 5
“Olha só o que você já sabe fazer hoje:
– Instalou WordPress com 1 clique
– Criou páginas arrastando e soltando com Elementor
– Tem site com domínio próprio, SSL verde e cara de empresa grande
– E tudo isso sem digitar uma linha de código (se não quiser)
Tarefa de casa (obrigatória e deliciosa):
Crie sua página inicial completa no WordPress/Elementor e mande o link no grupo com a hashtag #MeuSiteProfissional
────────────────────────
Veja o vídeo – Mostra como construir páginas e criar menú.
QUESTIONÁRIO
WordPress + Elementor
Tente responder as questões. Anote o seu gabarito. Ao final, envie pelo nosso Whatsapp ou Email de Contato. Envie também as dúvidas que surgiram e procurarei esclarecer.
- Como instalar WordPress na Napoleon Host?
- a) Tem que baixar e fazer upload manual
- b) Instalador com 1 clique no cPanel
- c) Só funciona se pagar extra
- d) Tem que contratar programador
- Qual tema a gente recomenda instalar junto com Elementor?
- a) Qualquer um
- b) Astra ou Hello Elementor
- c) Tem que ser pago
- d) Divi
- Onde clica pra começar a editar uma página com Elementor?
- a) Aparência → Personalizar
- b) Botão “Editar com Elementor” na página ☑️
- c) Plugins → Elementor
- d) Tem que entrar no FTP
- O que acontece quando você arrasta um widget no Elementor?
- a) Ele some
- b) Aparece na página em tempo real ☑️
- c) Precisa salvar e atualizar
- d) Só aparece no celular
- Qual dessas coisas o Elementor permite fazer sem código?
- a) Só trocar texto
- b) Mudar cores, fontes, imagens, espaçamento, tudo arrastando
- c) Só colocar botão
- d) Nada disso
- Se quiser trazer o site antigo (HTML/CSS) pro WordPress, o que fazer?
- a) Impossível
- b) Copiar texto e fotos e colar no Elementor
- c) Tem que reescrever tudo
- d) Só com programador
- Depois de instalar WordPress, qual link você usa pra entrar no painel?
- a) www.seudominio.com.br/login
- b) www.seudominio.com.br/wp-admin
- c) www.seudominio.com.br/admin
- d) Tem que pedir pra hospedagem
- Qual é a vantagem de usar WordPress + Elementor em vez de só HTML/CSS puro?
- a) Fica mais feio
- b) Você muda tudo sem mexer em código + atualiza fácil
- c) É mais caro
- d) Só pra loja virtual
- O que você precisa fazer depois de editar no Elementor pra página ficar salva?
- a) Nada, salva sozinho
- b) Clicar no botão verde “ATUALIZAR” ou “PUBLICAR”
- c) Reiniciar o servidor
- d) Mandar e-mail pra hospedagem
- (Pergunta aberta – a melhor!)
“Manda aqui o link da sua página inicial já no WordPress com Elementor + um print de como ficou.
—————————————-
FIM DO MÓDULO 5