Continuez \u00e0 lire pour en savoir plus.<\/p>\n
Pourquoi devriez-vous convertir HTML en WordPress ?<\/strong><\/h3>\nLes raisons pour lesquelles une personne devrait convertir HTML en WordPress sont tr\u00e8s diverses. Voici une s\u00e9lection des plus importantes :<\/p>\n
\n- La conversion vers WordPress vous donne un contr\u00f4le total sur chaque d\u00e9tail de votre site Web. Chaque fois que vous n’aimez pas une partie de votre site, vous pouvez facilement la modifier \u00e0 votre guise.<\/li>\n
- Les sites WordPress sont beaucoup plus faciles d’acc\u00e8s, de gestion et de maintenance que les sites HTML statiques. C’est une raison tr\u00e8s importante pour faire une migration HTML vers WordPress.<\/li>\n
- En convertissant votre style de mod\u00e8le HTML en WordPress, vous vous retrouverez avec un th\u00e8me unique qu’aucune autre personne utilisant le CMS ne poss\u00e9dera.<\/li>\n
- WordPress aide \u00e0 l’optimisation des moteurs de recherche et vous assurera que votre site Web sera d\u00e9couvert par plus de personnes.<\/li>\n
- En tant que d\u00e9veloppeur de site Web, votre travail sera r\u00e9duit de moiti\u00e9 car WordPress g\u00e9rera la plupart des activit\u00e9s qui prenaient inutilement du temps auparavant.<\/li>\n<\/ul>\n
Passer du HTML statique \u00e0 WordPress\u00a0: les m\u00e9thodes<\/strong><\/h3>\nMaintenant que vous avez toutes les raisons de convertir HTML en WordPress, vous pouvez commencer \u00e0 apprendre comment le faire.<\/p>\n
Vous avez le choix entre deux m\u00e9thodes: la m\u00e9thode manuelle, qui consiste \u00e0 tout faire par vous-m\u00eame, \u00e0 partir de rien ; et la m\u00e9thode du th\u00e8me enfant, qui consiste \u00e0 utiliser un th\u00e8me WordPress de base et \u00e0 le modifier en fonction de vos besoins.<\/p>\n
Le choix d’une m\u00e9thode d\u00e9pend de votre exp\u00e9rience en mati\u00e8re de codage, du temps que vous souhaitez investir dans cette t\u00e2che, ainsi que de vos propres pr\u00e9f\u00e9rences. Chacune de ces m\u00e9thodes sera pr\u00e9sent\u00e9e dans les sections ci-dessous, o\u00f9 vous apprendrez comment convertir HTML en WordPress.<\/p>\n
La m\u00e9thode manuelle<\/strong><\/h2>\n1 Cr\u00e9er un nouveau dossier de th\u00e8me<\/strong><\/h3>\nCr\u00e9ez un nouveau dossier sur votre bureau o\u00f9 vos fichiers de th\u00e8me seront stock\u00e9s. Nommez ce dossier comme bon vous semble (il repr\u00e9sentera le nom du th\u00e8me). Cr\u00e9ez ces fichiers dans votre \u00e9diteur de code<\/a> pr\u00e9f\u00e9r\u00e9 et laissez-les ouverts\u00a0:<\/p>\n\n- style.css<\/li>\n
- index.php<\/li>\n
- header.php<\/li>\n
- sidebar.php<\/li>\n
- footer.php<\/li>\n<\/ul>\n
2 Copiez le code CSS existant dans votre nouvelle feuille de style<\/strong><\/h3>\nUne fois que vous avez cr\u00e9\u00e9 les fichiers, vous pouvez passer \u00e0 la copie de votre code CSS. Ceux qui souhaitent dupliquer leurs sites et les relocaliser sur WordPress devront exporter et importer le code CSS de leur site pr\u00e9c\u00e9dent. Le CSS est responsable de l’apparence du site. Modifiez donc le fichier style.css en y ajoutant les lignes de code suivantes\u00a0:<\/p>\n
\/*\nTheme Name: Replace with your Theme's name.\nTheme URI: Your Theme's URI\nDescription: A brief description.\nVersion: 1.0\nAuthor: You\nAuthor URI: Your website address.\n*\/<\/code><\/pre>\nRemplacez les informations requises par les v\u00f4tres, ajoutez les lignes CSS restantes et vous \u00eates pr\u00eat. N’oubliez pas de sauvegarder le fichier. Vous \u00eates maintenant libre de fermer style.css.<\/p>\n
3 Obtenez votre code HTML actuel<\/strong><\/h3>\n![\"Convertir](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204374-61e8c8ae824c8.jpg\")
<\/a><\/p>\nAcc\u00e9dez au fichier index.html de votre site et mettez en surbrillance tout le contenu depuis le d\u00e9but du document jusqu’\u00e0 la balise div class="main". Cette section doit \u00eatre coll\u00e9e dans le fichier header.php que vous avez cr\u00e9\u00e9 \u00e0 l’\u00e9tape 1.<\/p>\n
Revenez au fichier index.html et mettez en surbrillance tout ce qui se trouve \u00e0 l’int\u00e9rieur de l’\u00e9l\u00e9ment class="sidebar". Copiez le contenu et collez-le dans le fichier sidebar.php que vous avez cr\u00e9\u00e9. Faites de m\u00eame pour le pied de page, avec tout le contenu apr\u00e8s l’\u00e9l\u00e9ment de la barre lat\u00e9rale.<\/p>\n
Pour le fichier index.php, s\u00e9lectionnez tout le contenu qui reste apr\u00e8s la mise en surbrillance et collez-le dans le nouveau fichier, enregistrez-le et laissez-le ouvert pour l’\u00e9tape suivante.<\/p>\n
4 Editez le fichier index.php<\/strong><\/h3>\n
Passer du HTML statique \u00e0 WordPress\u00a0: les m\u00e9thodes<\/strong><\/h3>\nMaintenant que vous avez toutes les raisons de convertir HTML en WordPress, vous pouvez commencer \u00e0 apprendre comment le faire.<\/p>\n
Vous avez le choix entre deux m\u00e9thodes: la m\u00e9thode manuelle, qui consiste \u00e0 tout faire par vous-m\u00eame, \u00e0 partir de rien ; et la m\u00e9thode du th\u00e8me enfant, qui consiste \u00e0 utiliser un th\u00e8me WordPress de base et \u00e0 le modifier en fonction de vos besoins.<\/p>\n
Le choix d’une m\u00e9thode d\u00e9pend de votre exp\u00e9rience en mati\u00e8re de codage, du temps que vous souhaitez investir dans cette t\u00e2che, ainsi que de vos propres pr\u00e9f\u00e9rences. Chacune de ces m\u00e9thodes sera pr\u00e9sent\u00e9e dans les sections ci-dessous, o\u00f9 vous apprendrez comment convertir HTML en WordPress.<\/p>\n
La m\u00e9thode manuelle<\/strong><\/h2>\n1 Cr\u00e9er un nouveau dossier de th\u00e8me<\/strong><\/h3>\nCr\u00e9ez un nouveau dossier sur votre bureau o\u00f9 vos fichiers de th\u00e8me seront stock\u00e9s. Nommez ce dossier comme bon vous semble (il repr\u00e9sentera le nom du th\u00e8me). Cr\u00e9ez ces fichiers dans votre \u00e9diteur de code<\/a> pr\u00e9f\u00e9r\u00e9 et laissez-les ouverts\u00a0:<\/p>\n\n- style.css<\/li>\n
- index.php<\/li>\n
- header.php<\/li>\n
- sidebar.php<\/li>\n
- footer.php<\/li>\n<\/ul>\n
2 Copiez le code CSS existant dans votre nouvelle feuille de style<\/strong><\/h3>\nUne fois que vous avez cr\u00e9\u00e9 les fichiers, vous pouvez passer \u00e0 la copie de votre code CSS. Ceux qui souhaitent dupliquer leurs sites et les relocaliser sur WordPress devront exporter et importer le code CSS de leur site pr\u00e9c\u00e9dent. Le CSS est responsable de l’apparence du site. Modifiez donc le fichier style.css en y ajoutant les lignes de code suivantes\u00a0:<\/p>\n
\/*\nTheme Name: Replace with your Theme's name.\nTheme URI: Your Theme's URI\nDescription: A brief description.\nVersion: 1.0\nAuthor: You\nAuthor URI: Your website address.\n*\/<\/code><\/pre>\nRemplacez les informations requises par les v\u00f4tres, ajoutez les lignes CSS restantes et vous \u00eates pr\u00eat. N’oubliez pas de sauvegarder le fichier. Vous \u00eates maintenant libre de fermer style.css.<\/p>\n
3 Obtenez votre code HTML actuel<\/strong><\/h3>\n<\/a><\/p>\nAcc\u00e9dez au fichier index.html de votre site et mettez en surbrillance tout le contenu depuis le d\u00e9but du document jusqu’\u00e0 la balise div class="main". Cette section doit \u00eatre coll\u00e9e dans le fichier header.php que vous avez cr\u00e9\u00e9 \u00e0 l’\u00e9tape 1.<\/p>\n
Revenez au fichier index.html et mettez en surbrillance tout ce qui se trouve \u00e0 l’int\u00e9rieur de l’\u00e9l\u00e9ment class="sidebar". Copiez le contenu et collez-le dans le fichier sidebar.php que vous avez cr\u00e9\u00e9. Faites de m\u00eame pour le pied de page, avec tout le contenu apr\u00e8s l’\u00e9l\u00e9ment de la barre lat\u00e9rale.<\/p>\n
Pour le fichier index.php, s\u00e9lectionnez tout le contenu qui reste apr\u00e8s la mise en surbrillance et collez-le dans le nouveau fichier, enregistrez-le et laissez-le ouvert pour l’\u00e9tape suivante.<\/p>\n
4 Editez le fichier index.php<\/strong><\/h3>\n
1 Cr\u00e9er un nouveau dossier de th\u00e8me<\/strong><\/h3>\nCr\u00e9ez un nouveau dossier sur votre bureau o\u00f9 vos fichiers de th\u00e8me seront stock\u00e9s. Nommez ce dossier comme bon vous semble (il repr\u00e9sentera le nom du th\u00e8me). Cr\u00e9ez ces fichiers dans votre \u00e9diteur de code<\/a> pr\u00e9f\u00e9r\u00e9 et laissez-les ouverts\u00a0:<\/p>\n\n- style.css<\/li>\n
- index.php<\/li>\n
- header.php<\/li>\n
- sidebar.php<\/li>\n
- footer.php<\/li>\n<\/ul>\n
2 Copiez le code CSS existant dans votre nouvelle feuille de style<\/strong><\/h3>\nUne fois que vous avez cr\u00e9\u00e9 les fichiers, vous pouvez passer \u00e0 la copie de votre code CSS. Ceux qui souhaitent dupliquer leurs sites et les relocaliser sur WordPress devront exporter et importer le code CSS de leur site pr\u00e9c\u00e9dent. Le CSS est responsable de l’apparence du site. Modifiez donc le fichier style.css en y ajoutant les lignes de code suivantes\u00a0:<\/p>\n
\/*\nTheme Name: Replace with your Theme's name.\nTheme URI: Your Theme's URI\nDescription: A brief description.\nVersion: 1.0\nAuthor: You\nAuthor URI: Your website address.\n*\/<\/code><\/pre>\nRemplacez les informations requises par les v\u00f4tres, ajoutez les lignes CSS restantes et vous \u00eates pr\u00eat. N’oubliez pas de sauvegarder le fichier. Vous \u00eates maintenant libre de fermer style.css.<\/p>\n
3 Obtenez votre code HTML actuel<\/strong><\/h3>\n<\/a><\/p>\nAcc\u00e9dez au fichier index.html de votre site et mettez en surbrillance tout le contenu depuis le d\u00e9but du document jusqu’\u00e0 la balise div class="main". Cette section doit \u00eatre coll\u00e9e dans le fichier header.php que vous avez cr\u00e9\u00e9 \u00e0 l’\u00e9tape 1.<\/p>\n
Revenez au fichier index.html et mettez en surbrillance tout ce qui se trouve \u00e0 l’int\u00e9rieur de l’\u00e9l\u00e9ment class="sidebar". Copiez le contenu et collez-le dans le fichier sidebar.php que vous avez cr\u00e9\u00e9. Faites de m\u00eame pour le pied de page, avec tout le contenu apr\u00e8s l’\u00e9l\u00e9ment de la barre lat\u00e9rale.<\/p>\n
Pour le fichier index.php, s\u00e9lectionnez tout le contenu qui reste apr\u00e8s la mise en surbrillance et collez-le dans le nouveau fichier, enregistrez-le et laissez-le ouvert pour l’\u00e9tape suivante.<\/p>\n
4 Editez le fichier index.php<\/strong><\/h3>\n
- \n
- style.css<\/li>\n
- index.php<\/li>\n
- header.php<\/li>\n
- sidebar.php<\/li>\n
- footer.php<\/li>\n<\/ul>\n
2 Copiez le code CSS existant dans votre nouvelle feuille de style<\/strong><\/h3>\n
Une fois que vous avez cr\u00e9\u00e9 les fichiers, vous pouvez passer \u00e0 la copie de votre code CSS. Ceux qui souhaitent dupliquer leurs sites et les relocaliser sur WordPress devront exporter et importer le code CSS de leur site pr\u00e9c\u00e9dent. Le CSS est responsable de l’apparence du site. Modifiez donc le fichier style.css en y ajoutant les lignes de code suivantes\u00a0:<\/p>\n
\/*\nTheme Name: Replace with your Theme's name.\nTheme URI: Your Theme's URI\nDescription: A brief description.\nVersion: 1.0\nAuthor: You\nAuthor URI: Your website address.\n*\/<\/code><\/pre>\nRemplacez les informations requises par les v\u00f4tres, ajoutez les lignes CSS restantes et vous \u00eates pr\u00eat. N’oubliez pas de sauvegarder le fichier. Vous \u00eates maintenant libre de fermer style.css.<\/p>\n
3 Obtenez votre code HTML actuel<\/strong><\/h3>\n
<\/a><\/p>\nAcc\u00e9dez au fichier index.html de votre site et mettez en surbrillance tout le contenu depuis le d\u00e9but du document jusqu’\u00e0 la balise div class="main". Cette section doit \u00eatre coll\u00e9e dans le fichier header.php que vous avez cr\u00e9\u00e9 \u00e0 l’\u00e9tape 1.<\/p>\n
Revenez au fichier index.html et mettez en surbrillance tout ce qui se trouve \u00e0 l’int\u00e9rieur de l’\u00e9l\u00e9ment class="sidebar". Copiez le contenu et collez-le dans le fichier sidebar.php que vous avez cr\u00e9\u00e9. Faites de m\u00eame pour le pied de page, avec tout le contenu apr\u00e8s l’\u00e9l\u00e9ment de la barre lat\u00e9rale.<\/p>\n
Pour le fichier index.php, s\u00e9lectionnez tout le contenu qui reste apr\u00e8s la mise en surbrillance et collez-le dans le nouveau fichier, enregistrez-le et laissez-le ouvert pour l’\u00e9tape suivante.<\/p>\n
4 Editez le fichier index.php<\/strong><\/h3>\n
![\"Convertir](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204374-61e8c8af77ad7.jpg\")
<\/a><\/p>\n![\"Convertir](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204374-61e8c8b0c00ca.jpg\")
<\/a><\/p>\n