Você já se apaixonou pela aparência ou pelos recursos de outro site, mas não conseguiu descobrir exatamente como eles fizeram isso?
Como dizia Picasso, “bons artistas copiam, grandes artistas roubam”.
Se você quer que seu site seja ótimo, não custa nada roubar ideias e inspiração de outras pessoas!
Claro que isso não significa copiar descaradamente o trabalho de outra pessoa.
Mas usar os mesmos temas e plugins e dar o seu próprio toque neles? É assim que se faz. Por que reinventar a roda quando o que você precisa já existe?
Neste post você vai aprender como espionar outros sites para descobrir:
- Se eles estão usando o WordPress
- Qual empresa de hospedagem eles usam
- Qual tema está alimentando o site deles
- Quais plugins eles estão usando
1. Como saber se um site está usando o WordPress
A primeira coisa que você vai querer descobrir é se esse site está usando o WordPress.
Existem três maneiras de você fazer isso:
A. Use o WhatCMS.org
Uma ferramenta rápida que você pode usar para verificar é um site chamado WhatCMS.org .
Basta digitar o nome do site e ele informará:
Às vezes, porém, não funciona.
Se não puder dizer, você pode usar alguns outros truques para descobrir.
B. Tente encontrar a tela de login do administrador
Se for um site WordPress, o proprietário precisa de uma maneira de fazer login no painel.
Em uma instalação padrão do WordPress, o login do administrador pode ser encontrado anexando “/wp-admin” à URL (www.example.com/wp-admin). Se você vir uma página de login do WordPress nesse endereço, aí está sua oferta!
Claro, isso nem sempre funciona. Alguns plug-ins de segurança alteram o URL de login padrão para dificultar a localização dos hackers (como www.example.com/get-inside). E às vezes o WordPress é instalado em um subdiretório (como www.example.com/blog/wp-admin) em vez do domínio raiz.
C. Dê uma olhada no código-fonte
Se isso não funcionar, tente olhar para a fonte da página.
No navegador Chrome, você pode clicar com o botão direito do mouse em qualquer lugar da página e selecionar “Exibir fonte da página”.
Olhando para o código-fonte, se você vir chamadas para a pasta “wp-content” para quaisquer folhas de estilo ou plugins, isso é uma oferta inoperante de que o site é executado no WordPress.
Tente pesquisar (Ctrl+F) por “wp-” e ele destacará todas as instâncias para você.
2. Como saber qual empresa de hospedagem um site usa
Quando você encontra um site super-rápido nos confins da web, você pode querer saber qual host eles estão usando para obter tempos de carregamento tão rápidos.
Claro, o host não é o único fator na velocidade de um site: também existem plugins de cache , CDNs e outras maneiras de acelerar seu site. Mas a hospedagem na web é um fator importante, e se você usar um host lento, não importa o que mais você faça para acelerar seu site – ele ainda será lento.
Minha ferramenta favorita para isso é WhoIsHostingThis.com .
(Divulgação completa: também escrevo para WhoIsHostingThis.com. Mas não recebo nada por recomendá-los; só acho que a ferramenta é bastante útil.)
Basta digitar a URL na página inicial e clicar em pesquisar:
E você verá quem é o anfitrião.
Nem sempre é 100% preciso: às vezes, pode mostrar um resultado errado se for uma empresa de hospedagem menor que aluga espaço em um data center maior ou um site que usa um CDN pode descartá-lo.
Mas como eles usam várias fontes de dados para determinar o host, ele tende a acertar com mais frequência do que outras ferramentas semelhantes.
3. Como saber qual tema WordPress um site está usando
Já encontrou um site bonito e queria saber qual tema eles estão usando?
Talvez você queira usar o mesmo tema ou descobrir qual designer o criou para poder contratá-los para desenvolver um tema personalizado para você.
Se sim, você está com sorte! Este é bem fácil.
A. Use a ferramenta “Que tema do WordPress é esse”
Esta é a maneira mais simples. Você pode acessar WhatWPThemeIsThat.com e inserir a URL do site na caixa de pesquisa:
E ele vai te dar todos os detalhes:
Você pode ver que o WPSuperstars usa Paperback (edit: trocamos de tema desde que este artigo foi escrito).
Ele também fornecerá uma lista de plugins detectados na parte inferior:
Você pode ver que usamos Thrive Leads entre outros plugins.
Se for um tema personalizado, você verá uma mensagem como esta:
B. Veja a fonte
Se por algum motivo ele não conseguir detectar o tema, ou se você preferir fazer isso sozinho, poderá visualizar a fonte da página novamente.
Basta pesquisar (Ctrl+F) por “tema” e você deverá ver a folha de estilo do tema:
O nome do tema (Paperback, neste caso) está na subpasta logo após a pasta “themes”.
Você pode clicar nesse link e obter mais informações sobre o tema na folha de estilo:
Esta informação é realmente necessária na parte superior do documento style.css do tema para que o tema funcione , então todo tema deve tê-la.
4. Como saber quais plugins um site está usando
Você também pode usar WhatWPThemeIsThat.com para ver quais plugins ele pode detectar na página.
Mas essa ferramenta apenas fornece uma lista de plugins. Pode não dizer exatamente o que o plugin está fazendo na página.
Digamos que você encontre um site em que realmente goste da aparência dos formulários de inscrição . Mas você procura o site usando WhatWPThemeIsThat e lista 2 ou 3 plugins de criação de listas diferentes. Como você sabe qual plugin eles estão usando para esse formulário específico?
Tome este site como exemplo.
Digamos que você queira descobrir qual plug-in estamos usando para esse belo formulário de inscrição minimalista na barra lateral:
Usando o navegador Chrome, você pode clicar com o botão direito do mouse no formulário para abrir o menu de contexto e clicar em “Inspecionar”:
Em um quadro na parte inferior ou lateral da tela, você verá o código por trás desse elemento:
Não se preocupe; você não precisa entender todo esse código.
Mas dar uma olhada no ID ou nos nomes das classes pode realmente nos ajudar.
Para este elemento <div> destacado em azul à direita, você vê uma lista de classes. A primeira classe é “thrv-leads-widget”. Ei, deve ser o plugin Thrive Leads funcionando!
Se seus resultados não forem tão óbvios, você pode tentar pesquisar no Google os nomes das classes para ver se alguma coisa corresponde. Muitas vezes, os resultados incluirão vários tópicos de suporte para o plug-in específico que está sendo usado.
Conclusão
É muito fácil descobrir o que está nos bastidores com alguns truques na manga. É útil saber quais CMS, temas e plugins o site que você admira está usando.
Da próxima vez que você encontrar um site que goste, anote quais plugins e temas eles estão usando! Você nunca sabe quando o conhecimento pode ser útil.
