Engenharia reversa do WordPress: como replicar um site WordPress

Este site parece tão bom. Eu gostaria de ter um site assim.

Isso soa familiar?

Esse é o pensamento de quase todos os blogueiros quando veem um site, exibindo uma interface de usuário legal, cores, fontes etc.

Já me peguei na mesma situação várias vezes e sabia que algo precisava ser feito. Então, fui em frente e fiz minha pesquisa.

Mais especificamente, encontrei ferramentas que podem decodificar um site, revelando todos os segredos subjacentes que o alimentam.

Neste post, estou compartilhando minha estratégia de engenharia reversa do WordPress e uma lista de ferramentas que você pode usar para replicar qualquer site WordPress.

Mas Shafi, por que WordPress? Você pode perguntar.

A razão é bem simples. O WordPress é um dos sistemas de gerenciamento de conteúdo mais populares e alimenta 28,6% de todos os sites na internet.

Surpreendentemente, todos os dias mais 50.000 sites WordPress são lançados ( fonte ) e sites populares como TechCrunch, Disney, Sony, etc.

Espero que isso responda sua pergunta.

[click_to_tweet tweet=”Todos os dias 50.000 blogs WordPress são lançados e torna-se importante ter um ótimo design e funcionalidade. Aqui estão 5 passos para copiar qualquer blog WordPress. #WordPress #OceanWP #WordPressFacts” quote=”Você sabia que todos os dias 50.000 novos blogs WordPress são lançados. #WordPressFacts”]

Pronto para rolar? Vamos começar.

Etapa 0: verificar se o site está usando o WordPress

Você viu isso chegando, não é?

Claro, a primeira coisa que precisamos fazer é verificar se nosso site favorito está usando o WordPress. Se não for, não faz sentido seguir essa estratégia e você continuará coçando a cabeça nas etapas posteriores.

Para verificar qual sistema de gerenciamento de conteúdo (CMS) alimenta um site, usaremos o WhatCMS.org – uma ferramenta online gratuita.

O uso da ferramenta é simples, copie o site a ser testado, insira-o na caixa do site fornecida e pressione Enter.

A ferramenta executará conjuntos de algoritmos e fornecerá um resultado mostrando qual CMS está sendo usado pelo site.

Passo 1: Copiando o desenho

O próximo passo óbvio é verificar qual tema WordPress está sendo usado pelo site em questão. Só para você saber, existem pelo menos dez mil diferentes temas WordPress gratuitos e premium disponíveis para uso, o que oferece aos proprietários de sites opções suficientes.

Além disso, muitos proprietários de sites usam um tema desenvolvido personalizado que pode ser uma versão personalizada de uma estrutura ou um tema codificado do zero.

Para verificar qual tema do WordPress está sendo usado, você pode usar WPThemeDetector.com – outra ferramenta gratuita.

A ferramenta é avançada e detecta facilmente o tema ou a estrutura subjacente (mesmo que esteja oculta), o que não é possível com outras ferramentas semelhantes, como WhatWPThemeIsThat.com.

Além de detectar o tema, a ferramenta também dará mais informações sobre o desenvolvedor, quantos outros sites o utilizam e links oficiais.

O que fazer se o site estiver usando um tema personalizado?

Conforme discutido anteriormente, é muito possível que alguns sites possam estar usando um tema personalizado desenvolvido do zero. Nesses casos, a ferramenta acima não será de muita ajuda.

Mas não perca as esperanças, você pode pregar o mesmo design de site usando uma combinação de tema OceanWP e construtores de páginas como o Elementor.

O OceanWP é facilmente o tema mais personalizável que você encontraria e com um construtor de páginas, tão intuitivo e fácil de usar quanto o Elementor, oferece todo o poder em suas mãos.

Você pode literalmente arrastar e soltar componentes pré-fabricados, ajustar o tamanho/cor, adicionar alguns ajustes de CSS e obter um design quase semelhante.

Passo 2: Obtenha as funcionalidades certas!

Ok, então você tem os designs certos e seu site WordPress recém-criado parece semelhante. Mas, não é nada sem funcionalidades semelhantes ou devo dizer plugins.

Um site WordPress médio é alimentado por pelo menos 10 plugins diferentes, cada um fornecendo uma funcionalidade única.

Seu site ideal também está usando vários plugins para ter essa funcionalidade elegante e experiência do usuário. Além disso, é uma boa ideia obter informações de plugins, pois eles teriam tentado vários plugins antes de se decidir por aquele específico.

Embora seja difícil obter uma lista exata de plugins sendo usados ​​(muitos desenvolvedores ocultam o nome e as informações), o scanwp.net pode recuperar as informações com eficiência.

Ele também encontra o link oficial para plugins disponíveis no repositório WordPress e se é gratuito ou não.

Passo 3: Não se esqueça da experiência de leitura

Conforme explicado aqui , a fonte usada pode realmente afetar a forma como as respostas individuais a um conteúdo.

No experimento acima, o primeiro grupo de pessoas (com fonte de fácil leitura) estimou que a tarefa levaria 8,2 minutos para ser concluída. Considerando que, o segundo grupo (com fonte difícil de ler) estimou impressionantes 15,1 minutos.

Isso é uma diferença enorme e faz todo o sentido. Se você achar difícil ler a instrução, sua mente irá processá-la mais lentamente e, portanto, um tempo de estimativa alto. Definitivamente, o que você quer para o seu blog.

Se você deseja uma experiência de leitura semelhante, tente usar a mesma fonte usada por esse site. Você pode detectar facilmente qual fonte um site está usando a extensão WhatFont Chrome .

Instale a extensão, visite o site (de preferência uma página de artigo), clique no botão de extensão WhatFont (disponível no canto superior direito da tela) e passe o mouse sobre o texto.

Você não apenas obtém a fonte exata, mas também o tamanho da fonte, estilo, peso e um link para a fonte da web do Google para fazer o download.

Passo 4: Alguém disse cor?

Novamente, as cores são algo que se relaciona com a psicologia humana e os especialistas sugerem usar uma paleta de cores ideal com base no nicho do site.

De acordo com a Kissmetrics , as cores afetam o comportamento de compra e, com base no tipo de público, você deve escolher um esquema de cores adequado.

Embora você possa dar uma olhada e obter o esquema de cores usado pelo seu site favorito, faz mais sentido obter o tom de cor exato e o código hexadecimal.

ColorCombos.com tem uma ferramenta online que pode pegar as paletas de cores usadas por uma página web. Você só precisa inserir o URL da página e pressionar enter.

Em poucos segundos, você obterá uma lista de todas as paletas de cores usadas com frequência no site com código hexadecimal e uma opção para baixar o esquema de cores.

Etapa 5: velocidade do site

Estou bastante confiante de que a primeira boa impressão que você teve sobre o site foi por causa da velocidade de carregamento. Não importa quão bom seja o design ou a interface do usuário, se ele carregar em 3-4 segundos ou mais, você terá fechado a guia e nunca mais retornará.

A hospedagem na Web é uma das principais razões por trás de um bom tempo de carregamento e você provavelmente pode se perguntar qual hospedagem está sendo usada para alimentar este site. Se você não conseguir obter a resposta navegando no site (na maioria dos casos, estará escrito no rodapé), você pode usar a ferramenta do HostAdvice.com para obter o provedor de hospedagem.

Ao contrário de outras ferramentas que usam apenas o Nameserver para detectar o host da Web, essa ferramenta pode revelar o host oculto em caso de uso da CDN.

Sem essa ferramenta, eu nunca saberia que o OceanWP.org está hospedado no Google Cloud Platform com CloudFlare CDN (isso explica o tempo de carregamento super rápido)

Além disso, você pode ver os planos de hospedagem e as avaliações dos usuários na mesma página.

Conclusão

Ai está!

Agora você é um assassino secreto que pode rapidamente fazer engenharia reversa de um site WordPress e replicá-lo desde o design até as funcionalidades do site.

Se houver qualquer outra coisa que você queira em seu site, mas não conseguiu encontrar como isso é feito, considere entrar em contato diretamente com o proprietário do site. Na maioria dos casos, eles o guiarão em direção à fonte da funcionalidade ou ao desenvolvedor que a escreveu.

Você tem alguma ferramenta secreta que usa para replicar um site WordPress? Eu adoraria ouvir sobre isso. Deixe um comentário e podemos discutir isso. Certifique-se de compartilhar este artigo com seus amigos amantes do WordPress que podem achar útil.