Forem: Willian Rodrigues

Configurando um Ambiente de Desenvolvimento WordPress com DDEV (Docker) — rápido, padronizado e sem dor de cabeça

Willian Rodrigues — Fri, 26 Dec 2025 22:21:59 +0000

O DDEV é uma ferramenta que facilita muito a criação de ambientes locais para aplicações web — e isso inclui WordPress. A proposta é simples: você sobe um WordPress local com Docker em poucos comandos, com um setup replicável pro time inteiro (sem aquela de que “na minha máquina funciona”).

Neste guia, vou mostrar como instalar e configurar um ambiente WordPress com DDEV, e também como resolver um problema clássico que pode aparecer na primeira vez: erro 403 Forbidden no Nginx.

Por que usar DDEV para WordPress?

Se você trabalha com WordPress profissionalmente (agência, freelas, produto, etc.), DDEV é o tipo de coisa que vira padrão porque:

padroniza o ambiente entre devs (menos variação, menos bug “fantasma”)
acelera onboarding do time
evita XAMPP e setups manuais cheios de gambiarra
melhora a produtividade com rotinas automáticas (hooks, pull de banco, etc.)

Requisitos para rodar WordPress com DDEV

Antes de começar, você precisa ter:

Docker
DDEV

Depois disso, bora pro setup.

Criando o projeto WordPress com DDEV

Crie uma pasta pro projeto e :

mkdir wp-test-site
cd wp-test-site

Configure o DDEV:

ddev config

Aqui você escolhe:

nome do projeto
tipo do projeto: selecione WordPress

Agora inicie o ambiente:

ddev start

O terminal vai mostrar os endereços do seu site local, algo como:

Acesse no navegador e finalize a instalação do WordPress.

Simples assim. Ou deveria ser.

Eu travei feio nisso na primeira vez. Mas o motivo é bem direto: não existiam arquivos do core do WordPress na raiz do projeto.

Ou seja: DDEV subiu o servidor, mas o WordPress (wp-admin, wp-load.php, etc.) não estava lá.

Solução “raiz”: baixar o WordPress na raiz do projeto no link https://wordpress.org/latest.tar.gz

Você pode baixar e colocar os arquivos manualmente, mas isso é chato e nada escalável — principalmente pra um time.

Ou rodar o comando no SSH:

ddev ssh

wp core install --url=YOUR_DOMAIN --title=YOUR_BLOG_TITLE --admin_user=YOUR_USER --admin_password=YOUR_PASSWORD --admin_email=YOUR_EMAIL

Então a ideia é automatizar.

Automação: baixar o WordPress automaticamente ao rodar ddev start

Edite o arquivo: ./.ddev/config.yaml (ou config.yml, dependendo do seu projeto)

E adicione este hook:

hooks:
  post-start:
    - exec: "curl -O https://wordpress.org/latest.tar.gz"
    - exec: "tar -xzf latest.tar.gz --strip-components=1"
    - exec: "rm latest.tar.gz"

O que isso faz?

post-start: executa depois do DDEV iniciar
baixa o WordPress
extrai na pasta atual
remove o arquivo baixado (limpeza)

Resultado:

Primeira vez: baixa e extrai
Próximas vezes: ignora e segue a vida

Iniciando o projeto (do jeito certo)

Rode sempre a partir da raiz do projeto (onde está o .ddev): ddev start

Na primeira execução pode demorar um pouco (download do core). Depois, fica ligeiro.

E dá pra ir além:

configurar scripts para puxar banco/arquivos de um staging
variáveis de ambiente pra configurações por projeto
scripts de provisionamento (plugins, tema, seeds, etc.)

Mas isso já é papo pra outro post.

Conclusão

Se você desenvolve WordPress e ainda perde tempo configurando ambiente, DDEV é um upgrade obrigatório. Você sobe o projeto em minutos, padroniza pro time e ainda automatiza coisas chatas como baixar o core do WordPress.

Começa com o básico e depois turbina.

Happy coding. 🚀

Referências:

by sarahcssiqueira

Magento 1 — Como criar um atributo personalizado na página do produto?

Willian Rodrigues — Tue, 25 Jul 2023 05:29:29 +0000

O Magento oferece a opção de criar atributos personalizados nos produtos.

Mas o que é isto?
É alguma informação extra que você precisa por no seu produto e que não vem, por padrão, no Magento.
Por exemplo, um produto elétrico no qual você precisa exibir as informações de voltagem, amperagem, watts, etc…

Quando que vou usar?
Além de usar para definir as características isoladas de um produto não padrão, você pode criar atributos para usar em selos (frete grátis, extras).

Também para definir a quantidade de parcelas em que o produto pode ser pago.

Se utilizar a criatividade você encontrar uma série de outras vantagem desse recurso.

Como fazer um atributo personalizado no produto?

Pelo admin acessar o menu:
Catálogo > Atributos > Gerenciar Atributos
Catalog > Attributes > Manage Attributes

Depois associar seu atributo criado no grupo de atributos

Catálogo > Atributos > Gerenciar Grupo de Atributos
Catalog > Attributes > Manage Attribute Sets

Quais são os tipos de atributo que posso criar?

Materiais para estudar (em inglês):
How do Attributes work in Magento?

Magento — Knowledge Base — Tutorial: Creating Attributes (custom fields)

Magento — Wiki — ADMIN: Catalog → Attributes → Manage Attributes

Chega de historinha!!!

Quero saber como faço para exibir estes dados no lugar que eu desejar!!!

Lembre-se que a variável que recebe a instância do produto pode ter nome diferente dependendo do módulo que você está.

Você gostou deste texto?

Compartilhe ele para que mais pessoas possam ler!
E me siga para ler mais conteúdo como este. ☻

Magento 1 - Atributos personalizados nos Top Links utilizando XML

Willian Rodrigues — Tue, 25 Jul 2023 05:02:45 +0000

E ai, Devs!
A dica que darei a vocês é como colocar atributos personalizados para um link que pertence ao bloco Top Links.

Índice

    * [Por que isto parece uma tarefa difícil?](#chapter-1)
    * [liparams](#liparams)
    * [aparams](#aparams)

Por que isto parece uma tarefa difícil?

Porque os links são inseridos através do layout.xml, então o HTML é renderizado pela aplicação do Magento, parecendo ficar difícil inserir outros atributos das tags <li> e <a>, como por exemplo: class ou id.

Digamos que você tem um menu de acesso rápido com os seguintes links:

Entrar
Cadastre-se
Minha Conta
Meu Carrinho

E no design da loja que você está montando o link "Cadastre-se" tem um estilo completamente diferente dos outros links.
Iria ser fácil aplicar um estilo se este link fosse o primeiro ou o último da lista, pois além dos pseudo-seletores do CSS (:first-child e :last-child) o Magento põe, por padrão, uma classe first e last nesse tipo de lista.
Mas o layout foi desenhado com o link lá no meio e o cliente quer que seja assim.

Então vamos lá:
No customer.xml você tem a seguinte instrução:

<customer_logged_out>
    <reference name="top.links">
        <action method="addLink" translate="label title" module="customer">
            <label>Log In</label>
            <url helper="customer/getLoginUrl"/>
            <title>Log In</title>
            <prepare/>
            <urlParams/>
            <position>1</position>
        </action>

        <action method="addLink" module="customer">
            <label>Cadastre-se</label>
            <url helper="customer/getRegisterUrl"/>
            <title>Cadastre-se</title>
            <prepare/>
            <urlParams/>
            <position>2</position>
        </action>
    </reference>
</customer_logged_out>

liparams

Com a tag <liparams> você pode por o atributo que precisar na sua tag. Como no exemplo, colocando uma class:

<action method="addLink" module="customer">
    <label>Cadastre-se</label>
    <url helper="customer/getRegisterUrl"/>
    <title>Cadastre-se</title>
    <prepare/>
    <urlParams/>
    <position>2</position>
    <liParams>class="cadastro"</liParams>
</action>

aparams

Para colocar um atributo na tag <a> que está dentro da <li> você pode usar a tag xml: <aparams>

<action method="addLink" module="customer">
    <label>Cadastre-se</label>
    <url helper="customer/getRegisterUrl"/>
    <title>Cadastre-se</title>
    <prepare/>
    <urlParams/>
    <position>2</position>
    <liParams>class="cadastro"</liParams>
    <aParams>rel="subsection"</aParams>
</action>

Basicamente é isto, qualquer dúvida deixe um comentário!

Você gostou deste texto?

Compartilhe ele para que mais pessoas possam ler!
E me siga para ler mais conteúdo como este. ☻