Skip to content

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

🔍 3 Formas de descobrir que temas e plugins WordPress os teus sites favoritos usam

🔍 3 Formas de descobrir que temas e plugins WordPress os teus sites favoritos usam

Já aterrou no site de um concorrente ou simplesmente num projeto de que gostou, e o primeiro pensamento: «Com que é que isto foi feito? Que tema, que plugins?» Soa-lhe familiar.

Nos bastidores, o WordPress alimenta mais de um terço de toda a internet e praticamente todos os outros sites nesta CMS têm um aspeto e funcionamento diferentes. Temas diferentes, conjuntos de plugins diferentes, combinações de ferramentas únicas. O segredo por detrás do design de outra pessoa não tem de permanecer um segredo: há três formas de o revelar, e nenhuma das três exige dinheiro nem acesso ao painel de administração do site em questão.

Neste guia, três métodos comprovados: desde um clique do rato até à análise manual de código. Vai aprender não só que ferramentas podem ajudar, mas também como usá-las, mesmo que nunca tenha olhado para o código-fonte de um site.

💡 Visão geral rápida:

  • Detetores online (Scantower, ScanWP, BuiltWith): copie o URL e obtenha o nome do tema e a lista de plugins num segundo.
  • Extensão de navegador: deteção de CMS e plugins enquanto navega num site, sem visitar um serviço de terceiros.
  • Verificação manual via DevTools, para quem precisa do quadro completo: todos os ficheiros de tema e plugins associados são visíveis no código-fonte.

1. Detetores online de temas e plugins

O método mais simples e rápido: cole o URL do site que lhe interessa num formulário num site detetor. O serviço irá analisar a página, cruzar as assinaturas encontradas com a sua base de dados e fornecer resultados: nome do tema, versão, autor, link de compra e uma lista de plugins detetados.

Formulário de pesquisa de temas WordPress num detetor online

Existem várias ferramentas deste tipo, cada uma com o seu próprio foco. O Scantower mostra o tema e os plugins, e também identifica o fornecedor de alojamento. O ScanWP especializa-se especificamente em WordPress e consegue encontrar até plugins raramente usados; a sua base de dados inclui milhares de temas e plugins, e o algoritmo procura por caminhos característicos do WordPress como /wp-content/themes/theme-name/style.css.

Resultado da pesquisa de temas WordPress via serviço online

Se o detetor encontrar o tema na sua base de dados, receberá não só o nome, mas também a descrição, o autor e o link para a página do tema. Nota: temas personalizados sem distribuição pública não serão reconhecidos pelo detetor; em vez de um nome, verá uma mensagem de erro ou «tema não detetado». O mesmo se aplica a sites que não são WordPress: um bom detetor dir-lhe-á imediatamente que o CMS é diferente.

Interface do detetor de temas e plugins WordPress ScanWP

Além do nome do tema, o ScanWP e ferramentas semelhantes mostram um ou dois dos plugins mais proeminentes. Por exemplo, para um site WordPress, o detetor pode indicar que está a ser utilizado o WPBakery Page Builder, um construtor de páginas com arrastar e largar que deixa vestígios característicos no código.

Resultados da deteção de plugins WordPress num site de exemplo

Para uma análise técnica mais aprofundada, existe o BuiltWith. Este tem um alcance muito mais amplo: mostra não só o tema e os plugins, mas também a CDN, o fornecedor de alojamento, análises, redes de anúncios, certificado SSL, widgets e dezenas de outras tecnologias. Há muita informação, a interface do BuiltWith é mais complexa do que a dos detetores simples, mas se precisar de compreender toda a stack tecnológica de um site, esta ferramenta é indispensável.

2. Extensão de browser

Os detetores online são convenientes, mas obrigam-no a visitar um site de terceiros e a colar o URL de cada vez. Se estiver a pesquisar muitos sites seguidos, é mais rápido ter um detetor diretamente no seu browser.

Extensão do navegador Chrome para detetar temas WordPress

O ScanWP tem uma extensão para Chrome, gratuita, cuja instalação demora um minuto. Após a instalação, aparece um ícone no canto superior direito do browser que muda consoante o CMS do site atual. Num site WordPress, o ícone transforma-se numa letra W estilizada sobre um fundo azul. Clique nele e, na janela pop-up, verá o tema e os plugins principais.

Janela pop-up da extensão com informações do tema e plugins do site

A extensão funciona localmente: analisa o código da página aberta e cruza as assinaturas encontradas com a sua base de dados. Não são enviados dados sobre os sites visitados para nenhum servidor, ao contrário dos detetores online, onde introduz um URL num formulário no site de outra pessoa. Para a análise regular de dezenas de sites, a extensão poupa imenso tempo.

Uma alternativa, o Wappalyzer, é uma extensão mais universal que deteta tecnologias não só no WordPress, mas em quaisquer outras plataformas: Shopify, Wix, React, Vue, nginx, Cloudflare e centenas de outras. Mostra menos plugins WordPress do que os detetores especializados, mas cobre toda a stack tecnológica.

3. Verificação manual através das ferramentas de desenvolvimento

Os detetores online e as extensões mostram apenas parte do cenário, por exemplo, de uma dúzia de plugins podem detetar apenas dois ou três dos mais comuns. Se precisar do quadro completo, terá de olhar para o código.

Painel das ferramentas de programação do Chrome com o código-fonte do site

No Chrome (e em qualquer navegador moderno), abra a página, clique com o botão direito e selecione «Inspecionar» ou prima Ctrl+Shift+I. O painel das ferramentas de programação irá abrir, intimidante à primeira vista, mas para a nossa tarefa só precisa de encontrar uma coisa.

Prima Ctrl+F e introduza style.css na barra de pesquisa de código. Deverão aparecer poucos resultados, e um deles fará parte de um URL que contém o caminho para o tema: /wp-content/themes/theme-name/style.css. Desta forma, ficará a saber o nome exato do tema ativo, mesmo que seja personalizado e não esteja registado em nenhum catálogo público.

Pesquisa do ficheiro style.css no código da página para detetar o tema WordPress

Com os plugins é mais complexo. Eles deixam rastos no HTML: cada plugin liga os seus ficheiros CSS e JS através de /wp-content/plugins/plugin-name/. No painel das DevTools, vá ao separador «Sources» e expanda o domínio do site, verá uma árvore de pastas wp-content/plugins/, onde cada subpasta corresponde a um plugin instalado. O método é trabalhoso, mas fornece a lista mais completa.

Esta mesma abordagem funciona no Firefox e no Safari. Se houver muitos plugins e não quiser percorrer as pastas manualmente, pode usar o serviço Codeable, que descreve um método combinado: primeiro o detetor, depois a verificação manual por classes características no HTML.

Na prática, os três métodos funcionam melhor em conjunto: um detetor rápido dá a imagem geral num segundo, uma extensão para a navegação diária e as DevTools quando precisa de aprofundar e encontrar o que as ferramentas automatizadas não detetaram.

⁉️🤔 Perguntas frequentes

Porque é que o detetor não mostra todos os plugins?

Serviços como o ScanWP encontram plugins através de assinaturas no código HTML da página. Mas nem todos os plugins deixam rastos visíveis externamente: plugins de backend, segurança ou caching podem funcionar completamente nos bastidores. Quanto mais popular for o plugin, maior a probabilidade de o detetor o reconhecer. Os plugins do catálogo oficial WordPress.org com milhares de instalações são detetados quase sempre. Os altamente especializados ou personalizados, quase nunca. É exatamente para isso que serve o método manual via DevTools.

É possível esconder o tema e os plugins dos detetores?

Sim, tecnicamente é possível. Pode renomear a pasta do tema, remover os comentários padrão do WordPress do style.css, usar plugins de ocultação de caminhos (como o Hide My WP). Mas, na prática, muito poucos o fazem: a maioria dos proprietários de sites não se preocupa em esconder porque isso não oferece proteção real, e os plugins de ofuscação frequentemente quebram a funcionalidade do site. A invisibilidade total é quase impossível de garantir, permanecem sempre sinais indiretos: estrutura HTML, nomes de classes CSS, ordem de carregamento de scripts. Um programador experiente detetará o tema e os plugins mesmo num site «protegido».

E se o site nem sequer for em WordPress?

Detetores como o BuiltWith e a extensão Wappalyzer determinam a plataforma antes de procurar um tema. Para Shopify, existem detetores dedicados (Shopify Inspector, Coala), para Wix e Squarespace também. Se um site for escrito em HTML puro sem CMS, verá isso imediatamente: o código não terá caminhos característicos como /wp-content/, /skin/ ou /assets/themes/. Em qualquer caso, verifique sempre a plataforma primeiro. Perder tempo à procura de um tema WordPress num site que corre em Tilda ou PHP personalizado é inútil.

É preciso pagar pelos detetores?

Todas as ferramentas mencionadas no artigo são gratuitas para uso básico. O ScanWP, o Scantower e o BuiltWith mostram o tema e os plugins principais sem necessidade de registo. O BuiltWith tem planos pagos para análise em massa e acesso a dados históricos, mas para uma pesquisa pontual de tema não são necessários. As extensões do Chrome também são gratuitas. O método manual via DevTools não requer quaisquer ferramentas de terceiros, apenas um navegador.

É possível copiar o design do site de outra pessoa sabendo o tema e os plugins?

Tecnicamente, sim. Se descobriu que um site usa o tema Astra e o plugin Elementor, pode instalá-los e obter a mesma base. Mas a replicação exata do design exigirá configuração: cores, fontes, disposição dos blocos, ajustes de CSS personalizado, tudo isto é único em cada site e não é copiado automaticamente. Além disso, não se esqueça dos direitos de autor sobre imagens e textos. O tema e os plugins são a fundação. O design por cima disso é o resultado do trabalho de um designer ou do proprietário do site. As ferramentas descritas no artigo ajudam-no a compreender a base tecnológica, mas não farão um clone exato por si.

Vale a pena escavar o código alheio ou um detetor é suficiente?

Um detetor online cobre a grande maioria das tarefas: pode descobrir o tema, os plugins principais e o alojamento em segundos. Se está apenas a analisar o mercado ou à procura de inspiração, isso é suficiente.

Uma extensão de navegador acelera o processo muitas vezes quando há muitos sites e funciona diretamente durante a navegação, sem sequer se distrair da consulta.

As DevTools são para quem precisa da imagem completa e não tem medo de espreitar por baixo do capô. É a única forma de encontrar todos os plugins, incluindo os de backend, e compreender a estrutura do site a fundo.

Comece com um detetor. Se o resultado for incompleto, instale uma extensão. Se isso não for suficiente, abra as DevTools. Três ferramentas, três níveis de profundidade, e todas as três são gratuitas.