Skip to content

Tudo para WordPress, desenvolvimento web — e não só

💻 Como começar o desenvolvimento WordPress: um roteiro para iniciantes

💻 Como começar o desenvolvimento WordPress: um roteiro para iniciantes

Está a olhar para o painel de administração do WordPress e a pensar: «Consigo fazer mais do que apenas arrastar e largar blocos.» Ou já escreve PHP/JavaScript e quer perceber como o CMS mais popular do mundo funciona por dentro. Ambos os cenários levam à mesma pergunta: por onde começar no desenvolvimento WordPress para não se afogar em documentação e desistir ao fim de uma semana?

O problema não é a complexidade do WordPress. O problema é que a maioria dos «guias para iniciantes» ou explica como instalar um tema através do painel de administração ou o atira imediatamente para a criação de um plugin com hooks e a REST API. Quase não existe meio-termo, nem um roteiro do zero até ao seu primeiro código com significado. Nós próprios passámos por isso e reunimos tudo aqui: sem palha, com ferramentas específicas e ligações para recursos ativos.

💡 Visão geral rápida:

  • PHP, CSS, HTML: três linguagens de que precisa de imediato; o JavaScript vem mais tarde, quando já dominar as bases
  • Ambiente local: WordPress Studio ou Local, a funcionar em 5 minutos, sem necessidade de alojamento
  • Temas: o melhor ponto de entrada para iniciantes; plugins: o nível seguinte; core: para programadores de PHP confiantes
  • Recursos oficiais: Developer Resources, Learn WordPress e WP-CLI cobrem a maioria das questões comuns
  • Comunidade: fóruns, WordCamps e canais do Slack, o que transforma a aprendizagem a solo numa carreira

1. Em que é que o WordPress é construído

O WordPress é escrito em PHP e armazena dados em MySQL. Isto não é uma combinação sem alma de «script mais base de dados»: ao longo de mais de 20 anos de evolução, cresceu um ecossistema em torno do núcleo com centenas de APIs, um sistema de hooks, a REST API, um editor de blocos e o seu próprio utilitário de CLI. Mas, ao começar, um programador só precisa de compreender três camadas.

O PHP trata da lógica. Cada página do site é montada a partir de templates PHP que chamam funções do núcleo e de plugins, consultam a base de dados através de WP_Query e geram a resposta HTML. Sem PHP não se escreve um único tema ou plugin; é um requisito obrigatório desde o primeiro dia.

O CSS e o HTML formam a camada de apresentação. Os temas do WordPress são essencialmente ficheiros PHP, mas têm o aspeto que se descreve em CSS. O WordPress moderno usa o editor de blocos (Gutenberg), e compreender CSS Flexbox/Grid é mais importante agora do que era há cinco anos. O HTML é a cola: marcação para widgets, menus e templates.

O JavaScript é a quarta linguagem. Não é necessário no início (pode escrever um tema sem qualquer JS), mas se planeia trabalhar com blocos Gutenberg ou elementos interativos, o React e o @wordpress/scripts tornar-se-ão as suas ferramentas. Deixe o JS para mais tarde, quando já dominar a combinação PHP + CSS.

2. Ambiente local: onde escrever código

A primeira regra do desenvolvimento WordPress: nunca faça experiências num site ativo. Um functions.php partido sem acesso FTP significa uma noite de pânico e de reposição de uma cópia de segurança. Felizmente, configurar um WordPress local é agora mais fácil do que nunca.

O WordPress Studio é uma aplicação gratuita da equipa oficial que funciona em Windows e macOS. Inicia com um clique, usa WebAssembly para isolar sites e não requer Docker nem XAMPP. Uma escolha ideal para o seu primeiro contacto com o código.

O Local (anteriormente Local by Flywheel) é uma alternativa com uma interface mais rica: alternância de versões do PHP, navegação na base de dados através do Adminer e URLs de demonstração para mostrar a clientes. É adequado se planeia gerir vários projetos em paralelo.

Para quem já está familiarizado com contentores, a imagem Docker oficial wordpress e o wp-env (um pacote da equipa do Gutenberg) dão-lhe controlo total sobre o ambiente. Mas, no início, isto é um exagero; o Studio ou o Local cobrirão as suas necessidades durante os próximos seis meses a um ano.

3. Percurso um: desenvolvimento de temas

Os temas são a entrada mais natural no desenvolvimento WordPress. Vê resultados instantaneamente, trabalha com as três principais linguagens (PHP, CSS, HTML) e pode espreitar como outros temas são construídos, já que o código é aberto.

Estrutura de ficheiros de um tema WordPress num editor de código

Comece com um tema filho. Esta é a abordagem mais segura: cria uma pasta, adiciona um style.css com um comentário de cabeçalho e um functions.php que faz o enqueue do tema pai. Depois, substitui um template, adiciona um ficheiro CSS, liga-se a uma ação. Pequenas vitórias todos os dias.

A hierarquia de templates do WordPress é um documento que vale a pena imprimir e pendurar por cima da secretária. Mostra qual o ficheiro PHP chamado para cada página: front-page.phphome.phpindex.php e assim por diante. Compreender esta cadeia é metade da profissão de programador de temas.

Depois de dominar o tema filho, experimente escrever um tema de raiz. O conjunto mínimo: index.php, style.css e functions.php. Adicione suporte ao editor de blocos através de add_theme_support('wp-block-styles') e menus através de register_nav_menus(). O Developer Resources do WordPress contém uma lista completa das opções add_theme_support disponíveis com exemplos; mantenha esse separador aberto.

4. Percurso dois: desenvolvimento de plugins

Os plugins são código que estende o WordPress independentemente do tema. Um fórum, uma loja online, um sistema de reservas, tipos de conteúdo personalizados: tudo plugins. A barreira de entrada é mais alta do que nos temas: precisa de compreender hooks (add_action, add_filter), conhecer o $wpdb e ser capaz de ler código de terceiros.

Código de um plugin WordPress num editor com realce de sintaxe

Um plugin mínimo é um único ficheiro PHP com um cabeçalho /* Plugin Name: ... */. Já pode conter um hook que, por exemplo, adiciona texto ao rodapé do site através de add_filter('the_content', ...). Experimente escrever um hoje; demora 10 minutos e elimina o receio da palavra «plugin».

O passo seguinte é estudar o Manual de Plugins no Developer Resources. Abrange a estrutura dos plugins, ativação/desativação, trabalho com a base de dados e criação de páginas de definições. Não tente ler tudo; abra a secção relevante conforme necessário.

A regra principal para principiantes em plugins: não reinvente a roda. Já existe um plugin para quase todas as tarefas. Veja como está resolvido num plugin gratuito popular do repositório; esse é o melhor manual. O repositório do WordPress.org contém mais de 60 000 plugins com código aberto.

5. Terceiro caminho: contribuir para o núcleo do WordPress

Este não é para principiantes, mas é útil saber que esta possibilidade existe. O WordPress é um projeto de código aberto e cada versão contém correções de centenas de programadores de todo o mundo.

A participação exige conhecimentos sólidos de PHP, conhecimento das Normas de Codificação e disponibilidade para passar por revisão de código. O processo decorre através de tickets Trac em core.trac.wordpress.org. Pode começar pela etiqueta good-first-bug: são pequenos erros selecionados especificamente para novos contribuidores.

Mesmo que não planeie corrigir o núcleo, ler os tickets Trac e as suas discussões é uma excelente forma de compreender como são tomadas as decisões de arquitetura num projeto com milhões de instalações.

O Codex morreu; vida longa aos Developer Resources. Este é o portal oficial que substituiu o antigo Codex: referência de código para cada função e classe, guias sobre temas e plugins, o editor de blocos, a REST API e o WP-CLI. Se vai abrir apenas um separador, abra este.

O Learn WordPress oferece cursos estruturados gratuitos da equipa do WordPress.org. Inclui vídeos, materiais de texto e ambientes de teste para praticar. O percurso «Beginner WordPress Developer» leva-o da instalação ao seu primeiro plugin em poucas horas.

Para perguntas específicas, utilize o fórum de suporte do WordPress.org e o Stack Overflow. No Stack Overflow, a etiqueta wordpress contém mais de 60 000 perguntas respondidas; quase de certeza que alguém já fez a sua. O fórum de suporte é útil para problemas com plugins e temas específicos.

O WP-CLI é uma ferramenta de linha de comandos que lhe poupará horas. O comando wp scaffold plugin cria o esqueleto de um plugin, wp search-replace altera URLs em toda a base de dados, wp cron event list mostra as tarefas agendadas. Domine pelo menos 10 comandos; o investimento compensa logo na primeira semana.

7. A comunidade sem a qual não terá sucesso

Um programador a solo que não se envolve com a comunidade inevitavelmente reinventa a roda e perde mudanças importantes. A comunidade WordPress é uma das mais acolhedoras do código aberto.

De um ponto de vista prático: o Slack do WordPress tem canais para cada área: #core para discussões do núcleo, #themes para temas, #plugins para plugins e #docs para documentação. Pode fazer uma pergunta lá e obter resposta dos programadores que escrevem o próprio núcleo. As WordCamps são conferências de um dia realizadas em todo o mundo (incluindo na Europa) onde conhece pessoas cujos plugins utiliza.

Há outras formas de participar: traduzir documentação e a interface para o seu idioma, testar versões beta, ajudar no fórum de suporte. Cada uma delas aprofunda a sua compreensão do sistema enquanto constrói a sua reputação. No ecossistema WordPress, a reputação converte-se diretamente em clientes.

🎥 Vídeo relacionado

Um guia em texto é uma estrutura, mas às vezes é mais fácil ver algo uma vez. Aqui está um roteiro detalhado para programadores WordPress com uma análise de ferramentas e etapas de aprendizagem:

⁉️🤔 Perguntas frequentes

Com que linguagem devo começar, PHP ou JavaScript?

PHP. O WordPress é construído em PHP e, sem ele, não entenderá hooks, templates ou o WP_Query. O JavaScript é necessário para o editor de blocos e interatividade no frontend, mas isso é o segundo passo. O percurso: PHP + HTML/CSS → bases → primeiro plugin → JavaScript/React.

Preciso de aprender MySQL?

Não no início. O WordPress abstrai o trabalho com a base de dados através do WP_Query e do $wpdb. Mas compreender a estrutura das tabelas wp_posts, wp_postmeta e wp_options poupar-lhe-á horas de depuração. Faça um pequeno tutorial de phpMyAdmin ou Adminer; é suficiente para os primeiros seis meses.

Quanto tempo demora para ir do zero ao primeiro plugin?

Se já souber PHP a um nível básico, 2 a 3 semanas com prática diária. A começar do zero em programação, 2 a 3 meses. O seu primeiro plugin será simples (por exemplo, um shortcode que mostre a data atual com formatação), mas é código real e funcional.

Tema ou plugin: o que é melhor para a carreira?

Os programadores de temas estão sempre em demanda porque todos os sites precisam de um tema. Os programadores de plugins ganham mais através da distribuição (o modelo freemium no WordPress.org). O percurso ideal: comece com temas para aprender o ecossistema, depois escreva um plugin que resolva uma necessidade específica. Os melhores especialistas fazem ambos.

Preciso do GitHub?

Absolutamente. Mesmo que esteja a escrever «para a gaveta», o Git salva-o quando estragar o código e não se lembrar do que alterou. Além disso, um link para um perfil do GitHub com repositórios ativos de temas e plugins WP é o melhor argumento ao procurar clientes. Comece com git init na pasta do seu tema hoje mesmo.

O que fazer agora mesmo: a sua primeira semana

Um roteiro não funciona se apenas o ler. Aqui está um plano para os próximos sete dias, concreto e exequível.

Instale o WordPress Studio ou o Local. Crie um site de teste. Abra a pasta wp-content/themes, crie um tema filho para o twentytwentyfive e faça-o carregar no painel de administração. Este é o primeiro dia, e possivelmente o mais importante: ultrapassou a barreira do «não sei onde clicar».

Dias dois e três: adicione um hook ao functions.php (por exemplo, wp_enqueue_scripts para carregar o seu próprio ficheiro CSS) e altere a cor de um título através desse ficheiro. Um pequeno resultado, mas já está a interagir com os hooks do WordPress.

Dias quatro e cinco: crie uma pasta separada em wp-content/plugins, escreva um plugin mínimo com um shortcode através de add_shortcode(). Insira o shortcode em qualquer artigo e veja o resultado. Pronto; já é um programador de plugins.

Dias seis e sete: registe-se no Slack oficial do WordPress, subscreva o canal #core e leia alguns tickets no sistema Trac do WordPress. Não para participar, mas para ver como são tomadas as decisões no projeto com o qual agora trabalha.

A regra principal para a primeira semana: programe todos os dias. 30 minutos de prática valem mais do que três horas a ler documentação. O WordPress é um ecossistema que se aprende com as mãos.

🔗 Developer Resources, documentação oficial do WordPress