• Articles
• admin

Désireux de convertir votre ancien site Web de HTML en WordPress? Sauter à n’importe quelle technologie tendance vous oblige à plonger dans des informations complètes et à rassembler tous les détails nécessaires avant de vous décider.

Le marché de WordPress se développe dynamiquement chaque jour qui passe. En 2021, plus de 455 millions de sites Web sont actifs sur WordPress, et le nombre de sites Web devrait augmenter dans les années à venir.

Statistiques clés Sur WordPress

• WordPress est le système de gestion de contenu open source le plus convivial, avec 1,1 million de nouveaux téléchargements tous les six mois et plus de 2 millions chaque année.
• Il alimente 62% de tous les sites Web CMS, tels que Joomla ou Shopify.
• Il propose plus de 54 000 plugins, 11 000 thèmes et différentes mises en page pour le développement de sites Web personnalisés.
• WooCommerce est le plugin de commerce électronique le plus utilisé de WordPress et contribue à 7% des ventes globales en ligne.

Pourquoi choisir WordPress pour le développement de sites Web?

Prendre la peine d’importer votre site Web sur WordPress ne vaut rien si vous ne comprenez pas l’importance de ce système de gestion de contenu. Avant de passer à WordPress, expliquons un peu pourquoi vous devriez penser à WordPress pour votre développement web:

• Les sites Web WordPress sont adaptés au référencement et aident les utilisateurs à renforcer leur solide présence numérique sur le SERP de Google.
• Lorsque vous projetez votre entreprise via des sites Web, vous recherchez l’accessibilité, la personnalisation et l’expansion pour l’engagement des utilisateurs. Avec WordPress, il devient facile d’étendre et de mettre à jour les sites Web pour partager des informations précieuses.
• L’intégration des fonctionnalités sur mesure dans vos sites Web sera facile en utilisant 54 000 plugins prêts à l’emploi. Cela aidera à rendre votre projet de site Web plus dynamique et réactif.
• WordPress est un système de gestion de contenu open source. Il dispose d’une vaste communauté d’experts en ligne qui rend ce CMS plus progressif et accessible. Cela rend la maintenance du site Web plus productive.

Conversion étape par étape de HTML en WordPress

Tout en vous dirigeant vers la conversion de HTML en WordPress, vous devez changer le design HTML en un thème WordPress. En tant que débutant dans le monde de l’informatique, vous pouvez vous sentir une tâche lourde pour convertir votre site Web. Par conséquent, recherchez les meilleurs services de développement de sites Web WordPress pour une conversion transparente. Cela aidera à cloner un site Web dans WordPress.

Cependant, si vous souhaitez remplacer le site Web existant par WordPress, assurez-vous de suivre un plan prêt à être mis en œuvre étape par étape:

Maintenant, il est temps de montrer votre expertise technique et vos connaissances en HTML, CSS et PHP. Dans cette conversion manuelle, vous devez effectuer un copier-coller:

Étape 1: Créez un nouveau dossier de thème et des fichiers

Créez un nouveau dossier de thème sur votre bureau et nommez-le. Accédez à l’éditeur de code et créez cinq fichiers texte:

• Style.index css
• .en-tête php
• .barre latérale php
• .php
• Pied de page.php

Étape 2: Remplacer les CSS existants par une feuille de style WordPress

Une autre étape essentielle pour convertir un site Web en WordPress consiste à copier-coller. Assurez-vous de copier le codage CSS complet du site Web dans une feuille de style WordPress. Cela signifie que vous devez créer un style.fichier css et complétez les détails suivants:

• Nom du thème: Reflète le nom de votre thème
• URL du thème: Adresse du site Web
• Auteur: Votre nom
• URL de l’auteur: Signifie un lien vers votre page d’accueil dans laquelle vous travaillez
• Description (facultatif): Décrivez votre thème
• Version: Il s’agit de votre thème. Vous pouvez mettre 1.0 car il ne sera pas publié.
• Licence, URL de licence, Tags: Ces détails sont significatifs lorsque vous soumettez votre thème dans le répertoire des thèmes WordPress.

Étape 3: Séparer HTML existant

Sur WordPress, les développeurs utilisent PHP pour extraire les informations de la base de données. C’est pourquoi ils doivent diviser le HTML en plusieurs morceaux et permettre aux CMS de lier ces morceaux ensemble pour refléter des détails complets.

Cliquez pour indexer.fichier html et ouvrez-le. Maintenant, copiez le code de WordPress et collez-le dans les sections suivantes:

En-tête.php: Il couvre la zone située entre le haut de votre code HTML et le contenu principal en termes de « < main> ou < div class= »main »>. »Copier et coller <?php wp_tête();?> juste après < / tête >.

Barre latérale.php: Copiez le contenu sous la section < de côté > dans le fichier WordPress.

Pied de page.php: La section Pied de page décrit les informations de la fin de la barre latérale à la fin du fichier. Après cela, collez <?php wp_footer();?> avant < / corps >.

Fermez l’index « .fichier html » et enregistrez les données nécessaires dans le dossier du thème.

Ferme tous les fichiers sauf l’en-tête.php et index.php.

Étape 4: Changez l’en-tête.php et Index.php pour WordPress

Changer l’en-tête.php et Index.php pour les rendre compatibles avec le format WordPress.

Pour l’en-tête.php

Commencez par rechercher un lien similaire à « < link rel= »stylesheet » href= »style.css « > » dans la section < head>.

Remplacez le lien par:

< link rel= »feuille de style » href= »<?php echo get_template_directory_uri(); ?> / style.css »type= »text/css » media= »all » />.

Enregistrez et fermez le fichier d’en-tête.

Pour l’Index.php

Votre index.php peut être vide, alors collez-y les informations mentionnées ci-dessous:

<?php get_header();?>

<?php get_sidebar(); ?>

<?php get_footer();?>

Remarque: Maintenez l’espace entre l’en-tête et la barre latérale pour ajouter la boucle.

Étape 5: Capturez une capture d’écran et téléchargez

Une dernière étape essentielle consiste à prendre une capture d’écran de votre thème. Avant de le télécharger, assurez-vous qu’il serait d’environ 880 × 660 pixels.

Pour plus de précisions, la capture d’écran concerne le processus backend de WordPress. Vous pouvez prévisualiser votre site à l’aide de la capture d’écran. Enregistrez donc le fichier sous forme de capture d’écran.png et incluez-le dans votre dossier de thème.

Téléchargez le thème sur WordPress en procédant comme suit:

• Créez un fichier zip.
• Allez sur WordPress. Choisissez l’apparence et les thèmes souhaités, puis cliquez sur Ajouter un nouveau en haut.
• Téléchargez le thème, puis téléchargez le fichier zip.
• Onglet « Installer maintenant. »
• Activer le thème

Méthode 2: Utilisation du thème Enfant WordPress

La conversion manuelle semble technique et un peu compliquée. Mais, vous pouvez tout gérer en utilisant le thème enfant WordPress. Il a besoin d’un thème parent mais vous permet d’apporter les modifications nécessaires.

Étape 1: Sélectionnez un thème

Choisissez un thème dans le répertoire des thèmes WordPress ressemblant à votre conception existante.

Installez-le, mais ne l’activez pas.

Étape 2: Créez un nouveau dossier

Créez un nouveau dossier de thème comme vous l’avez créé dans la méthode précédente. Assurez-vous de nommer le dossier comme thème parent et ajoutez l’adjectif « enfant » à la fin sans espace.

Étape 3: Préparez une feuille de style

Configurez une feuille de style comme nous l’avons effectuée sur la méthode précédente et ajoutez une balise appelée « modèle. »Pour le bon fonctionnement de la feuille, assurez-vous d’inclure le nom du thème parent.

Étape 4: Créer une fonction.php

Lorsque vous travaillez sur un thème enfant, vous devez créer une fonction.fichier php et hériter des styles parents. Pour cela, créez un nouveau fichier et nommez-le comme fonctions.php qui devrait commencer par <?PHP. Maintenant, collez les codes suivants dans le fichier:

Étape 5: Activez le thème enfant

Enfin, activez le thème enfant. Assurez-vous de prendre d’abord une capture d’écran qui doit être présentée sur le traitement du backend WordPress. Créez un fichier zip et téléchargez-le. Maintenant, ajustez la conception en conséquence.

Méthode 3: Installer le plugin pour importer du contenu

Connectez-vous avec une société de développement de sites Web WordPress si vous ne savez pas comment créer un nouveau site WordPress sans supprimer l’ancien site. Ou, appliquez la troisième méthode et convertissez le site Web en WordPress via des plugins.

Étape 1: Installez un plugin

Allez dans Plugins dans WordPress et recherchez HTML Import 2. Trouvez le plugin requis, installez-le et activez-le.

Étape 2: Prêt à importer

Téléchargez les pages que vous souhaitez importer sur le même serveur que votre installation WordPress. Pour importer les fichiers nécessaires, vous devez entrer les informations suivantes dans les onglets requis:

• Répertoire à importer: Entrez le chemin d’accès des fichiers de code HTML existants.
• URL de l’ancien site : Entrez votre ancienne URL. Il est utilisé comme redirection.
• Fichier par défaut: Partager les informations de l’index.HTML.
• Extensions de fichier à inclure : Les extensions de fichiers qui doivent être importées.
• Répertoires à exclure : Tout fichier que vous ne souhaitez pas importer.
• Conserver les noms de fichiers: Il utilisera par défaut le nom du fichier comme nouvelle URL.

Une fois que vous avez terminé les étapes ci-dessus, accédez à l’onglet contenu et configurez la balise HTML. Maintenant, passez aux onglets suivants:

• Informez votre plugin des titres que vous souhaitez sur les modèles HTML.
• Utilisez une balise personnalisée pour importer les données personnalisées.
• Définissez vos catégories et balises sur le contenu importé.
• Dans l’onglet outil, importez les outils nécessaires de HTML vers WordPress.

Enregistrez vos paramètres et commencez à importer

Créer un site Web plus dynamique et réactif est l’exigence ultime pour dépasser l’entreprise avec précision. La mise en œuvre de la compréhension et de l’apprentissage des affaires dans un site Web éclaire le concept de conception Web personnalisée.

Aujourd’hui, nous accordons plus d’attention à la conception Web personnalisée pour répondre complètement à nos demandes commerciales. Si vous devez également concevoir un site Web personnalisé ou projeter vos besoins sur un site Web existant, il est préférable d’embaucher des développeurs WordPress. Approchez-vous d’une société de développement WordPress de premier plan et partagez vos besoins pour que votre site Web exprime vos points de vue de la manière la plus appropriée.

Pensées finales

Par conséquent, vous pouvez choisir la meilleure façon selon votre compréhension de remplacer votre ancien site par un nouveau site WordPress. WordPress vous aidera à implémenter la conception et les fonctionnalités Web souhaitées sur vos sites Web. En dehors de cela, embauchez un développeur WordPress expérimenté de la société de conception de sites Web WordPress et accédez aux meilleurs services de développement Web WordPress.