Ingénierie inversée WordPress : comment répliquer un site WordPress

Ce site a l'air tellement bien. J'aimerais avoir un site Web comme celui-là.

Cela vous semble-t-il familier ?

C'est la pensée de presque tous les blogueurs lorsqu'ils voient un site Web, affichant une interface utilisateur sympa, des couleurs, des polices, etc.

Je me suis retrouvé plusieurs fois dans la même situation et je savais qu'il fallait faire quelque chose. Alors, je suis allé de l'avant et j'ai fait mes recherches.

Plus précisément, j'ai trouvé des outils capables de décoder un site Web, révélant tous les secrets sous-jacents qui l'alimentent.

Dans cet article, je partage ma stratégie d' ingénierie inversée WordPress et la liste des outils que vous pouvez utiliser pour répliquer n'importe quel site WordPress.

Mais Shafi, pourquoi WordPress ? Tu peux demander.

La raison est assez simple. WordPress est l'un des systèmes de gestion de contenu les plus populaires et alimente 28,6% de tous les sites Web sur Internet.

Étonnamment, chaque jour, 50 000 sites WordPress supplémentaires sont lancés ( source ) et des sites populaires comme TechCrunch, Disney, Sony, etc. utilisent WordPress pour faire fonctionner leur site ( source )

J'espère que cela répond à votre question.

[click_to_tweet tweet=”Chaque jour 50 000 blogs WordPress sont lancés et il devient important d'avoir un design et des fonctionnalités de qualité. Voici 5 étapes pour copier n'importe quel blog WordPress. #WordPress #OceanWP #WordPressFacts » quote= »Le saviez-vous, chaque jour 50 000 nouveaux blogs WordPress sont lancés. #WordPressFacts”]

Prêt à partir? Commençons.

Étape 0 : Vérifiez si le site utilise WordPress

Vous l'aviez vu venir, n'est-ce pas ?

Bien sûr, la première chose que nous devons faire est de vérifier si notre site préféré utilise WordPress. Si ce n'est pas le cas, il ne sert à rien de suivre cette stratégie et vous continuerez à vous gratter la tête dans les étapes ultérieures.

Pour vérifier quel système de gestion de contenu (CMS) alimente un site Web, nous utiliserons WhatCMS.org - un outil en ligne gratuit.

L'utilisation de l'outil est simple, copiez le site Web à tester, entrez-le dans la zone de site Web fournie et appuyez sur Entrée.

L'outil exécutera des ensembles d'algorithmes et fournira un résultat montrant quel CMS est utilisé par le site Web.

Étape 1 : copier le dessin

La prochaine étape évidente consiste à vérifier quel thème WordPress est utilisé par le site en question. Juste pour que vous le sachiez, il existe au moins dix mille thèmes WordPress gratuits et premium différents disponibles, ce qui donne aux propriétaires de sites Web suffisamment de choix.

De plus, de nombreux propriétaires de sites Web utilisent un thème développé sur mesure qui peut être une version personnalisée d'un cadre ou un thème codé à partir de zéro.

Pour vérifier quel thème WordPress est utilisé, vous pouvez utiliser WPThemeDetector.com – un autre outil gratuit.

L'outil est avancé et détecte facilement le thème ou le cadre sous-jacent (même s'il est caché), ce qui n'est pas possible avec d'autres outils similaires comme WhatWPThemeIsThat.com.

En plus de détecter le thème, l'outil donnera également plus d'informations sur le développeur, le nombre d'autres sites qui l'utilisent et les liens officiels.

Que faire si le site utilise un thème personnalisé ?

Comme indiqué précédemment, il est très possible que certains sites utilisent un thème personnalisé développé à partir de zéro. Dans de tels cas, l'outil ci-dessus ne sera pas d'une grande aide.

Mais ne perdez pas espoir, vous pouvez créer la même conception de site Web en utilisant une combinaison de thèmes OceanWP et de constructeurs de pages comme Elementor.

OceanWP est facilement le thème le plus personnalisable que vous rencontrerez et associé à un constructeur de pages, aussi intuitif et facile à utiliser qu'Elementor, donne tout le pouvoir dans votre main.

Vous pouvez littéralement faire glisser et déposer des composants prédéfinis, ajuster la taille/la couleur, ajouter quelques modifications CSS et obtenir un design presque similaire.

Étape 2 : Obtenez les bonnes fonctionnalités !

D'accord, vous avez donc les bonnes conceptions et votre nouveau site WordPress se ressemble. Mais, ce n'est rien sans des fonctionnalités similaires ou devrais-je dire des plugins.

Un site WordPress moyen est alimenté par au moins 10 plugins différents, chacun offrant une fonctionnalité unique.

Votre site Web idéal utilise également plusieurs plugins pour avoir cette fonctionnalité élégante et cette expérience utilisateur. De plus, c'est une bonne idée d'obtenir des informations sur les plugins car ils auraient essayé plusieurs plugins avant de se contenter de celui-ci.

Bien qu'il soit difficile d'obtenir une liste exacte des plugins utilisés (de nombreux développeurs cachent le nom et les informations), scanwp.net peut récupérer efficacement les informations.

Il trouve également le lien officiel des plugins disponibles sur le référentiel WordPress et s'il est gratuit ou non.

Étape 3 : N'oubliez pas l'expérience de lecture

Comme expliqué ici , la police utilisée peut en fait affecter la façon dont les individus répondent à un élément de contenu.

Dans l'expérience ci-dessus, le premier groupe de personnes (avec une police facile à lire) a estimé que la tâche prendrait 8,2 minutes à accomplir. Alors que le deuxième groupe (avec une police difficile à lire) a estimé un énorme 15,1 minutes.

C'est une énorme différence et c'est logique. Si vous avez du mal à lire l'instruction, votre esprit la traitera plus lentement, et donc un temps d'estimation élevé. Certainement, ce que vous voulez pour votre blog.

Si vous souhaitez une expérience de lecture similaire, vous devez essayer d'utiliser la même police que celle utilisée par ce site. Vous pouvez facilement détecter quelle police un site utilise l'extension WhatFont Chrome .

Installez l'extension, visitez le site (de préférence une page d'article), cliquez sur le bouton d'extension WhatFont (disponible dans le coin supérieur droit de l'écran) et survolez le texte.

Vous obtenez non seulement la police exacte, mais également la taille, le style, le poids de la police et un lien vers la police Web Google pour la télécharger.

Étape 4 : Quelqu'un a-t-il parlé de couleur ?

Encore une fois, les couleurs sont liées à la psychologie humaine et les experts suggèrent d'utiliser une palette de couleurs optimale basée sur la niche du site Web.

Selon Kissmetrics , les couleurs affectent le comportement d'achat et en fonction du type d'audience, vous devez choisir une palette de couleurs appropriée.

Bien que vous puissiez jeter un coup d'œil et obtenir le schéma de couleurs utilisé par votre site Web préféré, il est plus logique d'obtenir la nuance de couleur exacte et le code hexadécimal.

ColorCombos.com dispose d'un outil en ligne qui peut saisir les palettes de couleurs utilisées par une page Web. Il vous suffit de saisir l'URL de la page et d'appuyer sur Entrée.

En quelques secondes, vous obtiendrez une liste de toutes les palettes de couleurs fréquemment utilisées sur le site Web avec un code hexadécimal et une option pour télécharger le jeu de couleurs.

Étape 5 : Vitesse du site Web

Je suis assez confiant que la première bonne impression que vous avez eue du site était à cause de la vitesse de chargement. Quelle que soit la qualité de la conception ou de l'interface utilisateur, si elle se charge en 3 à 4 secondes ou plus, vous auriez fermé l'onglet et ne reviendriez jamais.

L'hébergement Web est l'une des principales raisons d'un bon temps de chargement et vous vous demandez peut-être quel hébergement est utilisé pour alimenter ce site. Si vous ne pouvez pas obtenir la réponse en naviguant sur le site (dans la plupart des cas, ce sera écrit dans le pied de page), vous pouvez utiliser l'outil HostAdvice.com pour obtenir l'hébergeur.

Contrairement à d'autres outils qui n'utilisent que Nameserver pour détecter l'hôte Web, cet outil peut en fait révéler l'hôte caché en cas d'utilisation du CDN.

Sans cet outil, je n'aurais jamais su qu'OceanWP.org est hébergé sur Google Cloud Platform associé à CloudFlare CDN (ce qui explique un temps de chargement ultra rapide)

De plus, vous pouvez voir les plans d'hébergement et les avis des utilisateurs directement sur la même page.

Conclusion

Voilà!

Vous êtes maintenant un assassin secret qui peut rapidement désosser un site Web WordPress et le reproduire directement de la conception aux fonctionnalités du site Web.

S'il y a autre chose que vous voulez sur votre site mais que vous ne trouvez pas comment cela est fait, envisagez de contacter directement le propriétaire du site. Dans la plupart des cas, ils vous guideront vers la source de la fonctionnalité ou le développeur qui l'a écrite.

Avez-vous un outil secret que vous utilisez pour répliquer un site Web WordPress ? J'aimerais en entendre parler. Laissez un commentaire et nous pourrons en discuter. Assurez-vous de partager cet article avec vos amis amateurs de WordPress qui pourraient le trouver utile.