📘 WordPress Aula 01 — Fundamentos para Freelancer

Data: 22/06/2026 · Nível: Iniciante · Categoria: WordPress · Desenvolvimento Web

O que é WordPress?

WordPress é um CMS (Sistema de Gerenciamento de Conteúdo) que permite criar e gerenciar sites sem precisar programar tudo do zero. Roda 43% de todos os sites do mundo.

🇧🇷 Traduzindo: É como se o esqueleto do site já viesse pronto. Você escolhe a "roupa" (tema), adiciona "órgãos" (plugins) e preenche com conteúdo. O resultado: um site profissional em horas, não semanas.

🔑 Conceitos Fundamentais

┌─────────────────────────────────────────┐
│               WORDPRESS                  │
├──────────┬──────────┬───────────────────┤
│  Temas   │ Plugins  │    Conteúdo        │
│ (design) │ (extras) │ Páginas, Posts,    │
│          │          │ Mídia, Menus       │
└──────────┴──────────┴───────────────────┘

Tema

Define o visual do site — cores, fontes, layout, cabeçalho, rodapé. É a "casca" do site.

Plugin

Adiciona funcionalidades — formulário de contato, SEO, loja virtual, segurança, cache. Pense como "apps" que você instala no site.

Página vs Post

💡 Macete: Se o cliente precisa atualizar com frequência → Post. Se é conteúdo fixo → Página.

📦 Instalação (Passo a Passo)

1. Pré-requisitos

sudo apt update
sudo apt install -y nginx php8.3-fpm php8.3-mysql \
  php8.3-curl php8.3-gd php8.3-mbstring \
  php8.3-xml php8.3-zip mariadb-server

sudo mysql -e "CREATE DATABASE wordpress"
sudo mysql -e "CREATE USER 'wpuser'@'localhost' IDENTIFIED BY 'senha_segura'"
sudo mysql -e "GRANT ALL ON wordpress.* TO 'wpuser'@'localhost'"

2. Baixar WordPress

cd /tmp
wget https://wordpress.org/latest.tar.gz
tar -xzf latest.tar.gz
sudo mv wordpress /var/www/meusite
sudo chown -R www-data:www-data /var/www/meusite

3. Configurar Nginx

server {
    server_name meusite.com.br;
    root /var/www/meusite;
    index index.php;
    location / {
        try_files $uri $uri/ /index.php?$args;
    }
    location ~ \.php$ {
        fastcgi_pass unix:/var/run/php/php8.3-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }
}

4. Finalizar no navegador

Acessar o domínio → escolher idioma → preencher nome do site, usuário, senha → pronto!

💡 Na prática, toda hospedagem (Hostinger, HostGator, etc.) tem instalador 1-clique. Saber o jeito "raiz" te diferencia de quem só sabe clicar.

🎨 Temas — O Visual do Site

Temas Gratuitos (recomendo)

TemaPesoIdeal para
Astra< 50 KBSites institucionais, landing pages
GeneratePress< 10 KBPerformance máxima, blogs
Kadence~ 100 KBDesign moderno, e-commerce

Temas Pagos

💡 Estratégia freela: Comece com Astra gratuito + Elementor Free. Quando fechar o 5º projeto, invista no Elementor Pro. O ROI é absurdo.

🧩 Plugins Essenciais

PluginCategoriaPor que
ElementorPage BuilderCriar páginas arrastando
Yoast SEOSEOTítulo, descrição, sitemap pro Google
WPForms LiteFormuláriosFormulário de contato, orçamento
WordfenceSegurançaFirewall + scanner de malware
LiteSpeed CachePerformanceCache de páginas, minificação
UpdraftPlusBackupBackup automático diário

🖌️ Elementor — O Diviso de Águas

O Elementor é um page builder que transforma WordPress num editor visual tipo arrastar e soltar.

Estrutura

Seção (Section)
  └── Coluna (Column)
        └── Widget (Título, Texto, Imagem, Botão, Vídeo, Formulário...)

5 Widgets que você vai usar em TODO projeto

  1. Heading — Títulos e subtítulos
  2. Text Editor — Blocos de texto
  3. Image — Imagens com redimensionamento responsivo
  4. Button — Botões de call-to-action (CTA)
  5. Form — Formulário de contato

💰 Precificação

Tipo de ProjetoFaixa (R$)
Landing page (1 página)800 – 1.500
Site institucional (5-7 pág)2.000 – 6.000
Site + Blog + Landing Page3.500 – 8.000
E-commerce (WooCommerce)4.000 – 15.000

✏️ Exercícios

1. Conceitos:

  1. Qual a diferença entre Tema e Plugin?
  2. O que é um Page Builder? Dê um exemplo.
  3. Por que 95% dos projetos freela pedem WordPress?

2. Prática (no seu WordPress de teste):

  1. Instale o tema Astra
  2. Instale os plugins: Elementor, Yoast SEO, WPForms Lite
  3. Crie uma página "Home" usando Elementor com: título, parágrafo, imagem e botão
  4. Crie um formulário de contato simples com WPForms
  5. Visualize o site no mobile (modo responsivo do Elementor)

✅ Gabarito

1a: Tema = visual/design. Plugin = funcionalidade extra.

1b: Page Builder = construtor visual de páginas por arrastar e soltar. Ex: Elementor.

1c: Porque WordPress é o CMS mais usado do mundo (43% dos sites), tem curva de aprendizado baixa, e os clientes conseguem editar sozinhos depois.

💡 Próximo passo: Aula 02 — criando um site institucional completo do zero, com Elementor, formulários e SEO, em 4 horas.
← Voltar para as Aulas WordPress