{"id":44845,"date":"2021-02-24T15:40:55","date_gmt":"2021-02-24T14:40:55","guid":{"rendered":"https:\/\/kinsta.com\/?p=83776"},"modified":"2025-09-16T11:29:05","modified_gmt":"2025-09-16T10:29:05","slug":"html-vers-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/","title":{"rendered":"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML"},"content":{"rendered":"<p>T\u00e9l\u00e9verser et convertir du HTML vers WordPress sont des actions effectu\u00e9s pour des raisons tr\u00e8s diverses. Vous pouvez vouloir convertir un ancien <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-vs-html-statique\/\">site HTML statique<\/a> et le faire fonctionner sur le syst\u00e8me de gestion de contenu WordPress. Il est \u00e9galement possible que vous ayez simplement besoin d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/docs\/facturation\/plans-hebergement-wordpress\/depassements\/#disk-space-addon\">endroit pour stocker<\/a> ou partager un fichier HTML, et WordPress offre une solution viable pour ces deux cas de figure.<\/p>\n<p>Passer du HTML \u00e0 WordPress est souvent intimidant ou improductif. Nous sommes l\u00e0 pour vous guider tout au long du processus afin que vous appreniez les outils n\u00e9cessaires pour convertir des fichiers HTML et effectuer une conversion par vous-m\u00eame.<\/p>\n<p>HTML est un langage de balisage simple, et WordPress, bien que puissant et <a href=\"https:\/\/kinsta.com\/fr\/blog\/pourquoi-utiliser-wordpress\/\">rempli de fonctionnalit\u00e9s<\/a>, est assez simple et intuitif. Par cons\u00e9quent, la conversion entre HTML et WordPress ne devrait pas \u00eatre une corv\u00e9e.<\/p>\n<p>Continuez cette lecture pour en savoir plus sur les bases de la conversion du HTML vers WordPress, ainsi que sur les situations r\u00e9elles dans lesquelles vous pouvez envisager une telle conversion.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Raisons principales pour t\u00e9l\u00e9verser ou convertir du HTML vers WordPress<\/h2>\n<p>Si vous vous demandez pourquoi vous pouvez convertir ou t\u00e9l\u00e9verser du HTML vers WordPress, jetez un coup d&rsquo;\u0153il aux exemples suivants pour comprendre les raisons de r\u00e9aliser une t\u00e2che comme celle-ci.<\/p>\n<ul>\n<li>Convertir un ancien site web HTML pour qu&rsquo;il fonctionne sur le syst\u00e8me WordPress. Peut-\u00eatre que l&rsquo;ancien design est l&rsquo;un de vos pr\u00e9f\u00e9r\u00e9s ou que vous ne voulez tout simplement pas passer par le travail de refonte. C&rsquo;est \u00e9galement important pour conserver votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/exemples-de-sites-wordpress\/\">image de marque<\/a>.<\/li>\n<li>Convertir une simple page web HTML ou un article de blog et le publier sur votre site WordPress actuel. C&rsquo;est particuli\u00e8rement utile si votre th\u00e8me actuel ne dispose pas d&rsquo;une mise en page personnalis\u00e9e que vous souhaitez.<\/li>\n<li>Changer un mod\u00e8le de site web HTML en un format de th\u00e8me qui peut \u00eatre install\u00e9 sur WordPress.<\/li>\n<li>T\u00e9l\u00e9verser un fichier de v\u00e9rification HTML, prouvant la propri\u00e9t\u00e9 de votre site web \u00e0 un moteur de recherche ou \u00e0 un autre service.<\/li>\n<li>Stocker un fichier HTML sur votre site web pour une utilisation ult\u00e9rieure.<\/li>\n<li>Cr\u00e9er un lien vers ce fichier afin de pouvoir le partager ou demander aux utilisateurs de t\u00e9l\u00e9charger le fichier sur leur propre ordinateur.<\/li>\n<li>G\u00e9n\u00e9rer un composant de design HTML sur une page ou un article WordPress, comme une bo\u00eete d&rsquo;auteur personnalis\u00e9e ou un <a href=\"https:\/\/kinsta.com\/fr\/blog\/formulaire-inscription-wordpress\/\">formulaire d&rsquo;inscription par e-mail<\/a>.<\/li>\n<li>Faites correspondre votre th\u00e8me WordPress avec un design de site web HTML que vous avez trouv\u00e9 en ligne mais auquel vous n&rsquo;avez pas acc\u00e8s.<\/li>\n<\/ul>\n<p>Comme vous pouvez le constater, les raisons d&rsquo;ajouter un fichier HTML \u00e0 WordPress varient en fonction de vos objectifs. Parfois, le processus est assez simple, comme le t\u00e9l\u00e9versement d&rsquo;un fichier HTML vers un article ou une page de blog WordPress. D&rsquo;autres fois, il s&rsquo;agit d&rsquo;un long processus de conversion d&rsquo;un site web HTML entier avec des dizaines de fichiers et de t\u00e2ches annexes qui doivent \u00eatre effectu\u00e9es, comme le transfert du contenu du site web en m\u00eame temps que le HTML.<\/p>\n<p>Pour ce guide sur la conversion et le t\u00e9l\u00e9versement de fichiers HTML vers WordPress, nous commencerons par les bases (comment t\u00e9l\u00e9verser un fichier HTML vers WordPress), puis nous aborderons les exigences plus approfondies comme la duplication ou la conversion de sites Web HTML complets pour qu&rsquo;ils fonctionnent sur le syst\u00e8me WordPress.<\/p>\n<p>Enfin, nous parlerons des avantages et des inconv\u00e9nients des convertisseurs HTML automatis\u00e9s et des outils disponibles sur le march\u00e9.<\/p>\n<p>Lisez ce qui suit pour commencer votre premier t\u00e9l\u00e9versement ou conversion de HTML vers WordPress !<\/p>\n\n<h2>Comment t\u00e9l\u00e9verser un fichier HTML vers WordPress<\/h2>\n<p>La premi\u00e8re \u00e9tape pour apprendre \u00e0 transformer un fichier HTML en une page WordPress ou un site web complet est de voir comment fonctionne le processus de t\u00e9l\u00e9versement d&rsquo;un fichier HTML.<\/p>\n<p>Consultez <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-envoyer-fichier-html-vers-wordpress\/\">ce guide pour savoir comment t\u00e9l\u00e9verser un fichier HTML dans WordPress<\/a><\/p>\n<p>Nous vous donnons ci-dessous un bref r\u00e9sum\u00e9 de ce processus afin de nous assurer que vous \u00eates sur la bonne voie alors que nous passons \u00e0 d&rsquo;autres \u00e9tapes plus loin dans cet article.<\/p>\n<p>Il existe trois m\u00e9thodes pour t\u00e9l\u00e9verser un fichier HTML vers WordPress :<\/p>\n<ol>\n<li>Via le tableau de bord WordPress.<\/li>\n<li>Avec un client FTP.<\/li>\n<li>En utilisant cPanel.<\/li>\n<\/ol>\n<p>Le t\u00e9l\u00e9versement d&rsquo;un fichier HTML vers le <a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-wordpress-personnalise\/\">tableau de bord WordPress<\/a> se fait dans la <a href=\"https:\/\/kinsta.com\/fr\/blog\/bibliotheque-medias-wordpress\/\">m\u00e9diath\u00e8que<\/a>. Nous aborderons certains des chemins \u00e0 suivre dans les tutoriels ci-dessous, mais gardez \u00e0 l&rsquo;esprit que le t\u00e9l\u00e9versement d&rsquo;un fichier via le tableau de bord WordPress peut se faire sur une page, un article, ou directement via la m\u00e9diath\u00e8que.<\/p>\n<p>Un <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-clients-ftp\/\">client FTP<\/a> (comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/afficher-fichiers-caches-filezilla\/\">FileZilla<\/a>) renvoie aux fichiers de votre site WordPress, comme les fichiers de votre ordinateur. Cela vous permet de transf\u00e9rer des fichiers locaux vers les fichiers du site h\u00e9berg\u00e9, \u00e0 condition de vous connecter au client FTP avec vos <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-utiliser-sftp\/\">informations SFTP d&rsquo;h\u00e9bergement<\/a>.<\/p>\n<p>Enfin, un <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-cpanel\/\">cPanel d&rsquo;h\u00e9bergement<\/a> offre l&rsquo;acc\u00e8s \u00e0 un <a href=\"https:\/\/kinsta.com\/fr\/blog\/gestionnaire-telechargements-wordpress\/\">gestionnaire de fichiers en ligne<\/a>. Il fonctionne un peu comme un client FTP, vous donnant le contr\u00f4le de tous les m\u00eames fichiers. La principale diff\u00e9rence est que cPanel est une application web en ligne, qui vous oblige \u00e0 t\u00e9l\u00e9verser vos fichiers sur cPanel au lieu de les transf\u00e9rer instantan\u00e9ment d&rsquo;un environnement local \u00e0 un site r\u00e9el dans un client FTP.<\/p>\n<p>Chaque m\u00e9thode a ses avantages et ses inconv\u00e9nients. L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress<\/a> de Kinsta n&rsquo;offre pas d&rsquo;exp\u00e9rience cPanel, il est donc pr\u00e9f\u00e9rable de t\u00e9l\u00e9verser de petits fichiers HTML que vous souhaitez stocker ou partager via le tableau de bord WordPress.<\/p>\n<p>Un client FTP\/SFTP est la m\u00e9thode choisie pour cr\u00e9er un site web enti\u00e8rement nouveau \u00e0 partir d&rsquo;un site web HTML statique. La raison en est qu&rsquo;un client FTP\/SFTP offre un contr\u00f4le incroyable sur les fichiers de votre site et peut transf\u00e9rer n&rsquo;importe quoi, des fichiers multi-m\u00e9dias aux r\u00e9pertoires HTML, directement depuis votre ordinateur.<\/p>\n<h2>Comment ajouter du code HTML \u00e0 une page ou un article WordPress<\/h2>\n<p>Il existe quelques m\u00e9thodes pour t\u00e9l\u00e9verser un fichier HTML directement sur un article ou une page WordPress. La premi\u00e8re consiste \u00e0 t\u00e9l\u00e9verser un fichier HTML zip ou TXT en tant qu&rsquo;\u00e9l\u00e9ment multim\u00e9dia. Cette m\u00e9thode fonctionne de la m\u00eame mani\u00e8re que le t\u00e9l\u00e9versement d&rsquo;une image vers le gestionnaire de m\u00e9dias, sauf que vous le faites par le biais d&rsquo;une page ou d&rsquo;un article, et qu&rsquo;il s&rsquo;agit d&rsquo;un fichier HTML au lieu d&rsquo;une photo.<\/p>\n<p>Vous pouvez utiliser cette m\u00e9thode pour avoir un lien permettant aux gens de t\u00e9l\u00e9charger le fichier HTML ou d&rsquo;acc\u00e9der vous-m\u00eame au fichier sur l\u2019administration de votre site.<\/p>\n<p>Une autre option consiste \u00e0 coller un bloc HTML dans une page ou un article pour ajouter des \u00e9l\u00e9ments de conception. Par exemple, vous pouvez avoir un formulaire d&rsquo;inscription personnalis\u00e9 fait juste pour cette page que vous voudriez ins\u00e9rer avec un peu de HTML.<\/p>\n<p>Les deux m\u00e9thodes ont des objectifs et des processus diff\u00e9rents pour atteindre les r\u00e9sultats finaux.<\/p>\n<p>Pour t\u00e9l\u00e9verser un fichier HTML sur un article ou une page, suivez les \u00e9tapes suivantes.<\/p>\n<p>Allez dans <strong>Pages &gt; Toutes les pages<\/strong> dans le tableau de bord WordPress. Si vous souhaitez commencer avec une page blanche, allez dans <strong>Pages &gt; Ajouter<\/strong>.<\/p>\n<figure id=\"attachment_84338\" aria-describedby=\"caption-attachment-84338\" style=\"width: 934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84338 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/pages-all.png\" alt=\"Ajouter des nouvelles pages dans WordPress\" width=\"934\" height=\"441\"><figcaption id=\"caption-attachment-84338\" class=\"wp-caption-text\">Ajouter des nouvelles pages dans WordPress<\/figcaption><\/figure>\n<p>Choisissez la page o\u00f9 vous souhaitez t\u00e9l\u00e9verser le fichier HTML. Vous pouvez \u00e9galement cliquer sur le bouton <strong>Ajouter<\/strong> si vous cr\u00e9ez une toute nouvelle page.<\/p>\n<p>Ces \u00e9tapes sont pratiquement les m\u00eames pour l&rsquo;ajout de fichiers HTML aux articles WordPress. Nous expliquons simplement comment le faire avec une page WordPress. Si vous souhaitez utiliser un article \u00e0 la place, allez dans <strong>Articles &gt; Tous les articles<\/strong> ou <strong>Articles &gt; Ajouter<\/strong>.<\/p>\n<figure id=\"attachment_84337\" aria-describedby=\"caption-attachment-84337\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84337 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/about-us.png\" alt=\"Page \u00c0 propos de nous dans WordPress\" width=\"1000\" height=\"690\"><figcaption id=\"caption-attachment-84337\" class=\"wp-caption-text\">Page \u00c0 propos de nous dans WordPress<\/figcaption><\/figure>\n<p>Cette partie diff\u00e8re si vous utilisez l&rsquo;\u00e9diteur de blocs Gutenberg ou l&rsquo;\u00e9diteur WordPress classique.<\/p>\n<p>Dans Gutenberg, vous pouvez trouver le bouton du signe <strong>+<\/strong> et cliquer sur celui-ci pour rechercher un nouvel \u00e9l\u00e9ment visuel. Recherchez le bloc <strong>Fichier<\/strong>, que vous pouvez soit saisir dans le champ de recherche, soit faire d\u00e9filer la liste des blocs \u00e0 localiser.<\/p>\n<p>S\u00e9lectionnez le bloc <strong>Fichier<\/strong> pour le placer sur votre page ou votre article.<\/p>\n<p><strong>Note :<\/strong> si vous utilisez l&rsquo;\u00e9diteur WordPress classique, il vous suffit de cliquer sur le bouton <strong>Ajouter un m\u00e9dia<\/strong> et de t\u00e9l\u00e9verser votre fichier HTML. Cela cr\u00e9e un lien vers votre fichier que les gens peuvent t\u00e9l\u00e9charger sur l\u2019interface publique de votre site.<\/p>\n<figure id=\"attachment_84336\" aria-describedby=\"caption-attachment-84336\" style=\"width: 1073px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84336 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/file-block.png\" alt=\"Ajouter un module \u00ab Fichier \u00bb dans WordPress\" width=\"1073\" height=\"676\"><figcaption id=\"caption-attachment-84336\" class=\"wp-caption-text\">Ajouter un module \u00ab Fichier \u00bb dans WordPress<\/figcaption><\/figure>\n<p>Pour le bloc Gutenberg, le module <strong>Fichier<\/strong> doit afficher un bouton <strong>T\u00e9l\u00e9verser<\/strong>. Cliquez sur le bouton <strong>T\u00e9l\u00e9verser<\/strong> et localisez le fichier HTML souhait\u00e9 sur votre ordinateur. Ceux-ci sont g\u00e9n\u00e9ralement stock\u00e9s sous forme de fichiers TXT, de collections de fichiers TXT dans un r\u00e9pertoire, ou de fichiers ZIP.<\/p>\n<p>Une fois qu&rsquo;il est t\u00e9l\u00e9vers\u00e9 sur votre site web, le fichier est r\u00e9v\u00e9l\u00e9 sous la forme d&rsquo;un lien. Tout utilisateur peut alors se rendre sur votre site web et cliquer sur le lien de cette page ou article pour visualiser le fichier HTML et m\u00eame le t\u00e9l\u00e9charger sur son propre ordinateur.<\/p>\n<p>En outre, ce fichier est stock\u00e9 dans votre m\u00e9diath\u00e8que, vous pouvez donc vous y rendre \u00e0 tout moment pour obtenir l&rsquo;URL du fichier et la placer o\u00f9 vous voulez. Vous pouvez \u00e9galement utiliser WordPress pour stocker le fichier.<\/p>\n<p>Si vous souhaitez uniquement stocker le fichier dans WordPress et ne pas disposer d&rsquo;un lien t\u00e9l\u00e9chargeable sur lequel tous vos utilisateurs peuvent cliquer, il vous suffit de supprimer le lien cr\u00e9\u00e9 sur la page ou l&rsquo;article.<\/p>\n<figure id=\"attachment_84335\" aria-describedby=\"caption-attachment-84335\" style=\"width: 907px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84335 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/upload-button-2.png\" alt=\"Bouton \u00ab T\u00e9l\u00e9verser \u00bb sous le bloc \u00ab Fichiers \u00bb de WordPress\" width=\"907\" height=\"442\"><figcaption id=\"caption-attachment-84335\" class=\"wp-caption-text\">Bouton \u00ab T\u00e9l\u00e9verser \u00bb sous le bloc \u00ab Fichier \u00bb de WordPress<\/figcaption><\/figure>\n<p>Vous pourriez voir une erreur qui vous indique que le type de fichier n&rsquo;est pas autoris\u00e9 pour des raisons de s\u00e9curit\u00e9. C&rsquo;est assez courant, alors <a href=\"https:\/\/kinsta.com\/fr\/blog\/desole-ce-type-de-fichier-n-est-pas-autorise-pour-des-raisons-de-securite\/\">consultez ce guide pour supprimer cette erreur<\/a> et autoriser la plupart des types de fichiers dans votre m\u00e9diath\u00e8que WordPress. Dans l&rsquo;ensemble, le processus consiste soit \u00e0 modifier votre fichier <strong>wp-config.php<\/strong>, soit \u00e0 utiliser une extension pour \u00e9liminer l&rsquo;erreur.<\/p>\n<figure id=\"attachment_84334\" aria-describedby=\"caption-attachment-84334\" style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84334 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/error-card.png\" alt=\"Erreur de type de fichier non valide dans WordPress\" width=\"927\" height=\"511\"><figcaption id=\"caption-attachment-84334\" class=\"wp-caption-text\">Erreur de type de fichier non valide dans WordPress<\/figcaption><\/figure>\n<h3>Ajoutez du code HTML \u00e0 la conception de votre page ou de votre article<\/h3>\n<p>Comme mentionn\u00e9 pr\u00e9c\u00e9demment, l&rsquo;une des raisons pour lesquelles vous pouvez envisager d&rsquo;ajouter un fichier HTML \u00e0 une page ou \u00e0 un article est de rendre un simple design sur cette page ou cet article.<\/p>\n<p>La m\u00e9thode pr\u00e9c\u00e9dente consiste plut\u00f4t \u00e0 stocker des fichiers HTML sur WordPress et \u00e0 ajouter un lien pour que les gens puissent les t\u00e9l\u00e9charger.<\/p>\n<p>Il s&rsquo;agit d&rsquo;une solution plus fonctionnelle, puisque vous avez la possibilit\u00e9 de copier-coller ou de cr\u00e9er votre propre code HTML pour des \u00e9l\u00e9ments tels que des formulaires, des bo\u00eetes d&rsquo;auteur, des banni\u00e8res, etc.<\/p>\n<p>Allez \u00e0 la page ou \u00e0 l&rsquo;article de votre choix et choisissez la section dans laquelle vous souhaitez placer le bout de code HTML.<\/p>\n<p>Cliquez sur le signe <strong>+<\/strong> pour voir la s\u00e9lection des blocs. Trouvez le bloc HTML personnalis\u00e9 en le saisissant dans le champ de recherche ou en faisant d\u00e9filer la liste des blocs.<\/p>\n<p>Choisissez le bloc HTML personnalis\u00e9 pour l&rsquo;ins\u00e9rer dans la page ou l&rsquo;article.<\/p>\n<figure id=\"attachment_84341\" aria-describedby=\"caption-attachment-84341\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84341 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/html-module.png\" alt=\"Ajouter un bloc \u00ab HTML personnalis\u00e9 \u00bb dans Gutenberg\" width=\"1060\" height=\"688\"><figcaption id=\"caption-attachment-84341\" class=\"wp-caption-text\">Ajouter un bloc \u00ab HTML personnalis\u00e9 \u00bb dans Gutenberg<\/figcaption><\/figure>\n<p>Ce bloc fournit un champ de code simple et vierge que vous pouvez coller ou saisir, quel que soit le code HTML dont vous disposez.<\/p>\n<p>Pour ce tutoriel, je vais coller un formulaire de contact simple avec un champ pour l&rsquo;adresse e-mail et un bouton Envoyer.<\/p>\n<p>Une fois que vous avez le code HTML dans le bloc, cliquez sur le bouton Mettre \u00e0 jour ou Publier pour qu&rsquo;il soit affich\u00e9 sur l\u2019interface publique de votre page ou de votre article.<\/p>\n<figure id=\"attachment_84340\" aria-describedby=\"caption-attachment-84340\" style=\"width: 973px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84340 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/free-form-html.png\" alt=\"Module HTML vers WordPress\" width=\"973\" height=\"517\"><figcaption id=\"caption-attachment-84340\" class=\"wp-caption-text\">Module HTML vers WordPress<\/figcaption><\/figure>\n<p>Si vous allez au d\u00e9but de la page ou de l&rsquo;article, le HTML devrait faire son travail et r\u00e9v\u00e9ler la conception ou la fonctionnalit\u00e9 que vous essayez d&rsquo;ajouter \u00e0 la mise en page.<\/p>\n<p>Dans ce cas, vous pouvez voir le formulaire o\u00f9 je demande un e-mail et o\u00f9 je dispose \u00e9galement d&rsquo;un bouton Envoyer.<\/p>\n<figure id=\"attachment_84339\" aria-describedby=\"caption-attachment-84339\" style=\"width: 906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84339 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/simple-form-on-frontend.png\" alt=\"La vue publique du formulaire\" width=\"906\" height=\"807\"><figcaption id=\"caption-attachment-84339\" class=\"wp-caption-text\">La vue publique du formulaire<\/figcaption><\/figure>\n<p>Le processus et le r\u00e9sultat ne sont pas tr\u00e8s diff\u00e9rents dans l&rsquo;\u00e9diteur WordPress classique, sauf que vous n&rsquo;utiliserez pas un bloc Gutenberg en glisser-d\u00e9poser. Au lieu de cela, rendez-vous sur l&rsquo;onglet Texte de votre \u00e9diteur (au lieu de l&rsquo;onglet Visuel) et collez le code HTML \u00e0 l&rsquo;endroit o\u00f9 vous voulez qu&rsquo;il apparaisse sur la page.<\/p>\n<h2>Comment t\u00e9l\u00e9verser un fichier de v\u00e9rification HTML vers WordPress<\/h2>\n<p>Une autre raison pour laquelle vous pourriez vouloir t\u00e9l\u00e9verser du HTML dans WordPress est pour des raisons d&rsquo;optimisation de recherche. Google, et certains autres moteurs de recherche, proposent des consoles et des outils pour les webmasters afin de visualiser les performances de votre site et d&rsquo;optimiser votre contenu \u00e0 l&rsquo;aide d&rsquo;analyses et de rapports qui permettent de v\u00e9rifier les probl\u00e8mes et d&rsquo;y rem\u00e9dier.<\/p>\n<p>Cependant, Google ne peut pas supposer que vous \u00eates le propri\u00e9taire d&rsquo;un site web simplement parce que vous pr\u00e9tendez l&rsquo;\u00eatre. C&rsquo;est l\u00e0 qu&rsquo;un fichier de v\u00e9rification HTML entre en jeu.<\/p>\n<p>Pour simplifier, Google fournit un fichier HTML que vous devez t\u00e9l\u00e9verser sur votre site web. Seul le propri\u00e9taire du site doit avoir acc\u00e8s aux fichiers du site web. Google utilise donc ce moyen pour s&rsquo;assurer que vous n&rsquo;essayez pas de contr\u00f4ler les outils d&rsquo;un autre webmaster.<\/p>\n<p>Le fichier de v\u00e9rification HTML t\u00e9l\u00e9vers\u00e9 envoie ensuite un message \u00e0 Google indiquant que le fichier a \u00e9t\u00e9 ajout\u00e9 \u00e0 ce domaine et que vous en \u00eates, en fait, le propri\u00e9taire.<\/p>\n<p>Il est prudent de se renseigner sur le t\u00e9l\u00e9versement d&rsquo;un fichier de v\u00e9rification HTML, car Google et les moteurs de recherche ne sont pas les seuls services qui vous demandent de v\u00e9rifier votre identit\u00e9 ou votre propri\u00e9t\u00e9 avec des fichiers de ce type. Plusieurs extensions, annuaires et extensions tierces veulent \u00e9galement s&rsquo;assurer que vous n&rsquo;\u00eates pas un intrus.<\/p>\n<h3>Raisons de t\u00e9l\u00e9verser un fichier de v\u00e9rification HTML<\/h3>\n<ul>\n<li>Pour v\u00e9rifier que vous poss\u00e9dez un site web pour les outils d&rsquo;optimisation pour les moteurs de recherche.<\/li>\n<li>Pour prouver la propri\u00e9t\u00e9 dans certains annuaires en ligne.<\/li>\n<li>Si vous avez besoin d&rsquo;un lien vers une int\u00e9gration ou une extension tierce, vous devez d\u00e9terminer si vous restez effectivement le propri\u00e9taire de votre site.<\/li>\n<\/ul>\n<p>Comme vous pouvez le voir, ce fichier HTML peut provenir de diff\u00e9rentes sources. Vous n&rsquo;avez g\u00e9n\u00e9ralement pas besoin de conna\u00eetre le contenu du fichier HTML, mais seulement de savoir qu&rsquo;il est utilis\u00e9 pour envoyer un ping au service afin d&rsquo;indiquer que vous avez le contr\u00f4le sur les fichiers du site.<\/p>\n<p>Cela dit, notre d\u00e9monstration de t\u00e9l\u00e9versement d&rsquo;un fichier de v\u00e9rification HTML dans WordPress fera intervenir la console de recherche Google, car c&rsquo;est l&rsquo;une des raisons les plus courantes d&rsquo;utiliser un fichier de v\u00e9rification.<\/p>\n<p>Pour commencer, enregistrez votre site web aupr\u00e8s de Google. Pour ce faire, rendez-vous sur l&rsquo;<a href=\"https:\/\/search.google.com\/search-console\/about\">outil Google Search Console<\/a>. Cliquez sur le bouton D\u00e9marrer maintenant et connectez-vous \u00e0 votre compte Google ou enregistrez un compte aupr\u00e8s de Google.<\/p>\n<figure id=\"attachment_83781\" aria-describedby=\"caption-attachment-83781\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83781 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/click-the-start-now-button.png\" alt=\"Cliquez sur \u00ab D\u00e9marrer maintenant \u00bb dans la console de recherche Google\" width=\"900\" height=\"730\"><figcaption id=\"caption-attachment-83781\" class=\"wp-caption-text\">Cliquez sur \u00ab D\u00e9marrer maintenant \u00bb dans la console de recherche Google<\/figcaption><\/figure>\n<p>Une fois connect\u00e9 \u00e0 la console de recherche Google, vous pouvez voir une liste de propri\u00e9t\u00e9s que vous avez g\u00e9r\u00e9es ou test\u00e9es dans le pass\u00e9. En revanche, il se peut que vous voyiez une liste vide.<\/p>\n<p>Quoi qu&rsquo;il en soit, allez dans l&rsquo;onglet Recherche de propri\u00e9t\u00e9 dans le coin sup\u00e9rieur gauche du tableau de bord.<\/p>\n<p>Dans le menu d\u00e9roulant, s\u00e9lectionnez le choix <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-search-console\/#step-4--add-your-domain\">Ajouter une propri\u00e9t\u00e9<\/a>. Cela vous permet d&rsquo;ajouter votre site web en tant que propri\u00e9t\u00e9 g\u00e9r\u00e9e dans la console de recherche Google.<\/p>\n<figure id=\"attachment_83785\" aria-describedby=\"caption-attachment-83785\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83785 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/add-property.png\" alt=\"Ajouter une propri\u00e9t\u00e9 dans la console de recherche Google\" width=\"900\" height=\"458\"><figcaption id=\"caption-attachment-83785\" class=\"wp-caption-text\">Ajouter une propri\u00e9t\u00e9 dans la console de recherche Google<\/figcaption><\/figure>\n<p>La fen\u00eatre contextuelle suivante vous demande de s\u00e9lectionner un type de propri\u00e9t\u00e9. L&rsquo;option Domaine vous permet de v\u00e9rifier toutes les URL dans tous les sous-domaines. C&rsquo;est souvent la fa\u00e7on la plus simple de v\u00e9rifier une page, mais elle n\u00e9cessite une v\u00e9rification DNS &#8211; qui se trouve dans votre compte d&rsquo;h\u00e9bergement.<\/p>\n<p>Cependant, nous parlons actuellement de t\u00e9l\u00e9versement de fichiers HTML, nous allons donc avancer vers l&rsquo;option de pr\u00e9fixe d&rsquo;URL, qui est une m\u00e9thode plus ancienne mais toujours fiable pour v\u00e9rifier que vous poss\u00e9dez un site web. De plus, cette m\u00e9thode permet d&rsquo;identifier des URL sp\u00e9cifiques sous l&rsquo;adresse que vous saisissez.<\/p>\n<p>Par cons\u00e9quent, prenez l&rsquo;URL de votre site web et collez-la dans le champ <strong>Pr\u00e9fixe d&rsquo;URL<\/strong>.<\/p>\n<p>Cliquez sur le bouton <strong>Continuer<\/strong>.<\/p>\n<figure id=\"attachment_83783\" aria-describedby=\"caption-attachment-83783\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83783 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/url-prefix.png\" alt=\"Saisie de l'URL du site dans la GSC\" width=\"900\" height=\"620\"><figcaption id=\"caption-attachment-83783\" class=\"wp-caption-text\">Saisie de l&rsquo;URL du site dans la GSC<\/figcaption><\/figure>\n<p>Maintenant, la console de recherche Google vous demande de v\u00e9rifier la propri\u00e9t\u00e9 du site web.<\/p>\n<p>Il existe plusieurs autres m\u00e9thodes de v\u00e9rification, mais celle-ci utilise un t\u00e9l\u00e9versement de fichier HTML.<\/p>\n<p>Cliquez sur le bouton qui vous demande de t\u00e9l\u00e9charger le fichier.<\/p>\n<p>Enregistrez ce fichier HTML sur votre ordinateur dans un r\u00e9pertoire dont vous vous souviendrez.<\/p>\n<p>L&rsquo;\u00e9tape suivante consiste \u00e0 t\u00e9l\u00e9verser le fichier sur le site WordPress que vous avez coll\u00e9 dans la console de recherche Google auparavant.<\/p>\n<figure id=\"attachment_83782\" aria-describedby=\"caption-attachment-83782\" style=\"width: 900px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-83782 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/download-the-file.png\" alt=\"V\u00e9rification de la propri\u00e9t\u00e9 du site dans GSC\" width=\"900\" height=\"706\"><figcaption id=\"caption-attachment-83782\" class=\"wp-caption-text\">V\u00e9rification de la propri\u00e9t\u00e9 du site dans GSC<\/figcaption><\/figure>\n<p>Comme mentionn\u00e9 pr\u00e9c\u00e9demment, <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-envoyer-fichier-html-vers-wordpress\/\">il existe trois options pour t\u00e9l\u00e9verser un fichier HTML vers WordPress<\/a>.<\/p>\n<p>La premi\u00e8re m\u00e9thode, le t\u00e9l\u00e9versement par le tableau de bord, est certainement une option viable. De nombreuses personnes sont encore laiss\u00e9es pour compte lorsqu&rsquo;une erreur courante se produit lors du t\u00e9l\u00e9versement d&rsquo;un fichier HTML vers la m\u00e9diath\u00e8que. Pour cette raison, il est souvent plus rapide de faire vos t\u00e9l\u00e9versements avec un client FTP. Si, toutefois, vous pr\u00e9voyez de t\u00e9l\u00e9verser via le tableau de bord de WordPress et que vous voyez l&rsquo;erreur \u00ab\u00a0D\u00e9sol\u00e9, ce type de fichier n\u2019est pas autoris\u00e9\u00a0\u00bb, utilisez <a href=\"https:\/\/kinsta.com\/fr\/blog\/desole-ce-type-de-fichier-n-est-pas-autorise-pour-des-raisons-de-securite\/\">ce guide pour r\u00e9soudre le probl\u00e8me<\/a>.<\/p>\n<p>Vous avez maintenant les deux autres solutions : utiliser un client FTP\/SFTP ou t\u00e9l\u00e9verser avec cPanel depuis votre compte d&rsquo;h\u00e9bergement.<\/p>\n<p>cPanel n&rsquo;est pas un mauvais choix pour certains h\u00e9bergeurs, mais encore une fois, Kinsta ne propose pas cPanel. Par cons\u00e9quent, nous nous concentrerons principalement sur le t\u00e9l\u00e9versement du fichier HTML via un client FTP\/SFTP. Les \u00e9tapes d\u00e9taill\u00e9es sont d\u00e9crites dans l&rsquo;article li\u00e9 ci-dessus, mais voici un bref r\u00e9capitulatif pour vous guider dans votre d\u00e9marche.<\/p>\n<p>Pour commencer, <a href=\"https:\/\/filezilla-project.org\/\">t\u00e9l\u00e9chargez FileZilla<\/a> sur votre ordinateur. Vous pouvez \u00e9galement essayer d&rsquo;autres <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-clients-ftp\/\">clients FTP\/SFTP<\/a>.<\/p>\n<p><strong>Note :<\/strong> Nous vous recommandons de faire une sauvegarde de votre site web avant cette proc\u00e9dure. Il est rare de causer des probl\u00e8mes \u00e0 un site lors du transfert de fichiers par FTP\/SFTP, mais c&rsquo;est tout \u00e0 fait possible. Vous ne voulez pas faire planter votre site ou perdre des donn\u00e9es, alors cr\u00e9ez un <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/sauvegardes-wordpress\/#external-backups-addon\">fichier de sauvegarde du site<\/a>.<\/p>\n<p>Ouvrez le client FTP\/SFTP et saisissez vos identifiants FTP\/SFTP pour vous connecter \u00e0 l&rsquo;h\u00f4te web.<\/p>\n<figure id=\"attachment_84166\" aria-describedby=\"caption-attachment-84166\" style=\"width: 1266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84166 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creds.png\" alt=\"Saisissez vos informations SFTP dans Filezilla\" width=\"1266\" height=\"899\"><figcaption id=\"caption-attachment-84166\" class=\"wp-caption-text\">Saisissez vos informations SFTP dans Filezilla<\/figcaption><\/figure>\n<p>Les informations n\u00e9cessaires sont les suivantes :<\/p>\n<ul>\n<li>H\u00f4te<\/li>\n<li>Nom d&rsquo;utilisateur<\/li>\n<li>Mot de passe<\/li>\n<li>Port<\/li>\n<\/ul>\n<p>O\u00f9 trouver les informations de votre site WordPress ?<\/p>\n<p>Ils se trouvent g\u00e9n\u00e9ralement dans votre tableau de bord d&rsquo;h\u00e9bergement, vous pouvez donc soit contacter votre h\u00e9bergeur, soit les rechercher vous-m\u00eame.<\/p>\n<p>Kinsta vous permet de trouver facilement les identifiants FTP\/SFTP en allant dans l&rsquo;onglet Sites de votre panneau d&rsquo;h\u00e9bergement Kinsta et en s\u00e9lectionnant le site web d\u00e9sir\u00e9.<\/p>\n<p>Sous l&rsquo;onglet Info, cherchez la zone SFTP\/SSH. Copiez les informations d&rsquo;identification correspondantes dans le client FTP\/SFTP.<\/p>\n<p>Par exemple, vous pouvez voir les \u00e9l\u00e9ments H\u00f4te, Nom d&rsquo;utilisateur, Mot de passe et Port, tous bien organis\u00e9s chez Kinsta.<\/p>\n<figure id=\"attachment_54787\" aria-describedby=\"caption-attachment-54787\" style=\"width: 1908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-54787\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/mykinsta-sftp-credentials-under-dashboard-3.png\" alt=\"Informations SFTP dans le tableau de bord MyKinsta\" width=\"1908\" height=\"1350\" srcset=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/mykinsta-sftp-credentials-under-dashboard-3.png 1908w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/mykinsta-sftp-credentials-under-dashboard-3-300x212.png 300w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/mykinsta-sftp-credentials-under-dashboard-3-1024x725.png 1024w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/mykinsta-sftp-credentials-under-dashboard-3-768x543.png 768w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/mykinsta-sftp-credentials-under-dashboard-3-1536x1087.png 1536w\" sizes=\"auto, (max-width: 1908px) 100vw, 1908px\" \/><figcaption id=\"caption-attachment-54787\" class=\"wp-caption-text\">Informations SFTP dans le tableau de bord MyKinsta<\/figcaption><\/figure>\n<p>Collez ces \u00e9l\u00e9ments dans le client FTP\/SFTP et cliquez sur le bouton Connexion rapide.<\/p>\n<p>Si vous voyez une erreur, c&rsquo;est tr\u00e8s probablement parce que FileZilla utilise par d\u00e9faut le protocole FTP et non le protocole SFTP. Pour corriger cela, allez dans <strong>Fichier &gt; Gestionnaire de site<\/strong>. Ajoutez un nouveau site dans FileZilla et s\u00e9lectionnez SFTP. Collez les identifiants d&rsquo;h\u00e9bergement dans cette zone et essayez de vous connecter \u00e0 nouveau.<\/p>\n<figure id=\"attachment_88607\" aria-describedby=\"caption-attachment-88607\" style=\"width: 1204px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88607 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-site-manager.png\" alt=\"Le gestionnaire de site\" width=\"1204\" height=\"797\"><figcaption id=\"caption-attachment-88607\" class=\"wp-caption-text\">Le gestionnaire de site<\/figcaption><\/figure>\n<p>Apr\u00e8s la connexion \u00e0 votre h\u00f4te, tous les fichiers du site WordPress apparaissent.<\/p>\n<figure id=\"attachment_88605\" aria-describedby=\"caption-attachment-88605\" style=\"width: 1215px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88605 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/see-the-new-site-files.png\" alt=\"Saisissez vos identifiants pour voir les fichiers du site\" width=\"1215\" height=\"805\"><figcaption id=\"caption-attachment-88605\" class=\"wp-caption-text\">Saisissez vos identifiants pour voir les fichiers du site<\/figcaption><\/figure>\n<p>Localisez le fichier racine de votre site, qui contient des r\u00e9pertoires comme <strong>wp-content<\/strong> et <strong>wp-admin<\/strong>.<\/p>\n<figure id=\"attachment_88606\" aria-describedby=\"caption-attachment-88606\" style=\"width: 1225px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88606 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/the-root.png\" alt=\"Trouver le dossier racine de votre site.\" width=\"1225\" height=\"803\"><figcaption id=\"caption-attachment-88606\" class=\"wp-caption-text\">Trouver le dossier racine de votre site.<\/figcaption><\/figure>\n<p>Trouvez le fichier de v\u00e9rification HTML (dans ce cas, je l&rsquo;ai renomm\u00e9 pour le trouver plus facilement) sous la zone qui affiche les fichiers de votre ordinateur. Par exemple, vous pouvez le voir sous <strong>T\u00e9l\u00e9chargements<\/strong> si c&rsquo;est l\u00e0 que vont vos t\u00e9l\u00e9chargements sur Internet.<\/p>\n<p>Faites glisser ce fichier vers le fichier racine de votre site web. Tout cela se fait dans le client FTP\/SFTP.<\/p>\n<figure id=\"attachment_84497\" aria-describedby=\"caption-attachment-84497\" style=\"width: 1205px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84497 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/move-it-over.png\" alt=\"Faites glisser le fichier pour le t\u00e9l\u00e9verser sur votre serveur\" width=\"1205\" height=\"815\"><figcaption id=\"caption-attachment-84497\" class=\"wp-caption-text\">Faites glisser le fichier pour le t\u00e9l\u00e9verser sur votre serveur<\/figcaption><\/figure>\n<p>Le t\u00e9l\u00e9versement ne devrait prendre que quelques secondes.<\/p>\n<figure id=\"attachment_88603\" aria-describedby=\"caption-attachment-88603\" style=\"width: 1195px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88603 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/done-2.png\" alt=\"Le fichier est maintenant t\u00e9l\u00e9vers\u00e9\" width=\"1195\" height=\"797\"><figcaption id=\"caption-attachment-88603\" class=\"wp-caption-text\">Le fichier est maintenant t\u00e9l\u00e9vers\u00e9<\/figcaption><\/figure>\n<p>Une fois qu&rsquo;il est dans les fichiers de votre site, vous pouvez retourner \u00e0 la page de v\u00e9rification de Google et v\u00e9rifier s&rsquo;il enregistre que vous \u00eates le propri\u00e9taire du site. Un message de r\u00e9ussite devrait appara\u00eetre sur la console de recherche Google, et plusieurs fonctionnalit\u00e9s s&rsquo;ouvriront pour vous permettre d&rsquo;optimiser et d&rsquo;analyser la sant\u00e9 de votre site web.<\/p>\n<h2>Conversion manuelle d&rsquo;un site HTML entier vers WordPress<\/h2>\n<p>Pour convertir un site HTML vers WordPress, vous pouvez soit utiliser une extension\/application, soit convertir manuellement vos fichiers, soit utiliser un th\u00e8me enfant et transf\u00e9rer les fichiers HTML dans ce th\u00e8me enfant.<\/p>\n<p>La premi\u00e8re m\u00e9thode consiste \u00e0 convertir manuellement ce HTML pour en faire un th\u00e8me WordPress.<\/p>\n<p>Certains disent que c&rsquo;est la m\u00e9thode la plus redoutable, mais d&rsquo;autres la pr\u00e9f\u00e8rent car elle permet de contr\u00f4ler totalement le processus et de ne pas avoir \u00e0 se fier \u00e0 des applications ou des extensions qui peuvent parfois \u00eatre peu fiables. Suivez les \u00e9tapes ci-dessous pour effectuer manuellement une conversion compl\u00e8te d&rsquo;un site HTML en site WordPress.<\/p>\n<h3>Cr\u00e9ez un r\u00e9pertoire pour votre th\u00e8me et ajoutez les fichiers du th\u00e8me standard<\/h3>\n<p>Sur votre ordinateur, cr\u00e9ez un r\u00e9pertoire pour enregistrer tous les fichiers basiques de votre th\u00e8me. Appelez ce r\u00e9pertoire comme vous le souhaitez, de pr\u00e9f\u00e9rence en lui donnant un nom dont vous pouvez vous souvenir.<\/p>\n<p>Cr\u00e9ez les fichiers de th\u00e8me suivants :<\/p>\n<ul>\n<li><strong>style.css<\/strong><\/li>\n<li><strong>index.php<\/strong><\/li>\n<li><strong>header.php<\/strong><\/li>\n<li><strong>sidebar.php<\/strong><\/li>\n<li><strong>footer.php<\/strong><\/li>\n<\/ul>\n<p>N&rsquo;h\u00e9sitez pas \u00e0 les ouvrir dans votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeurs-html-gratuits\/\">votre \u00e9diteur de texte ou de code<\/a> puisque vous les modifierez plus tard. Pour l&rsquo;instant, il n&rsquo;est pas n\u00e9cessaire d&rsquo;ajouter du code aux fichiers. Il suffit de les laisser dans le r\u00e9pertoire.<\/p>\n<p><strong>Note :<\/strong> Vous pouvez commencer par les cr\u00e9er en tant que fichiers TXT. Si vous changez ensuite l&rsquo;extension du fichier &#8211; par exemple de <strong>.txt<\/strong> en <strong>.php<\/strong> ou de <strong>.txt<\/strong> en <strong>.css<\/strong> &#8211; votre ordinateur les ajuste automatiquement au bon format de fichier. Par exemple, l&rsquo;ajout d&rsquo;une extension <strong>.css<\/strong> transforme le fichier en <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\">feuille de style<\/a>.<\/p>\n<figure id=\"attachment_84404\" aria-describedby=\"caption-attachment-84404\" style=\"width: 1018px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/files-in-folder.png\" alt=\"Les fichiers du site pour HTML vers WordPress\" width=\"1018\" height=\"529\"><figcaption id=\"caption-attachment-84404\" class=\"wp-caption-text\">Les fichiers du site pour HTML vers WordPress<\/figcaption><\/figure>\n<h3>Transfert du CSS actuel de votre site WordPress vers le nouveau r\u00e9pertoire<\/h3>\n<p>Vous devriez d\u00e9j\u00e0 avoir un th\u00e8me install\u00e9 sur votre site WordPress actuel. Si ce n&rsquo;est pas le cas, <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/\">installez un th\u00e8me<\/a> pour vous aider dans cette partie.<\/p>\n<p>Vous utiliserez le CSS du th\u00e8me actuel comme base, en vous basant sur celui-ci dans le fichier <strong>style.css<\/strong> avec les fichiers HTML de votre site.<\/p>\n<p>Par cons\u00e9quent, copiez l&rsquo;en-t\u00eate de la feuille de style de votre site WordPress dans le nouveau fichier <strong>style.css<\/strong>.<\/p>\n<p>Cela devrait ressembler \u00e0 quelque chose comme \u00e7a :<\/p>\n<pre><code class=\"language-html\">\/*\nTheme Name: Twenty Seventeen\nTheme URI: https:\/\/wordpress.org\/themes\/twentyseventeen\/\nAuthor: the WordPress team\nAuthor URI: https:\/\/wordpress.org\/\nDescription: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.\nVersion: 2.4\nRequires at least: 4.7\nRequires PHP: 5.2.4\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nText Domain: twentyseventeen\nTags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready\n\nThis theme, like WordPress, is licensed under the GPL.\nUse it to make something cool, have fun, and share what you've learned with others.\n*\/<\/code><\/pre>\n<p>Dans ce cas, le site utilis\u00e9 a pour th\u00e8me Twenty Seventeen. Si vous utilisez un th\u00e8me diff\u00e9rent, vous verrez quelques variations dans l&rsquo;en-t\u00eate de la feuille de style.<\/p>\n<p>Il est maintenant temps de remplacer les \u00e9l\u00e9ments de l&rsquo;ancien th\u00e8me par des informations sur votre nouveau th\u00e8me.<\/p>\n<p>Pour ce faire, changez les \u00e9l\u00e9ments suivants :<\/p>\n<ul>\n<li>Theme Name : N&rsquo;h\u00e9sitez pas \u00e0 appeler votre th\u00e8me comme vous le souhaitez, mais ce n&rsquo;est pas une mauvaise id\u00e9e de le nommer de la m\u00eame fa\u00e7on que votre r\u00e9pertoire de th\u00e8me.<\/li>\n<li>Theme URI &#8211; Vous pouvez utiliser l&rsquo;URL principale de votre site pour cela.<\/li>\n<li>Author &#8211; Saisissez votre nom ici, ou n&rsquo;importe quel nom que vous souhaitez utiliser.<\/li>\n<li>Author URI &#8211; Faites de ceci un lien vers votre page d&rsquo;accueil.<\/li>\n<li>Description &#8211; Vous pouvez faire une description de votre th\u00e8me pour qu&rsquo;elle apparaisse sur l\u2019administration de votre site WordPress.<\/li>\n<\/ul>\n<p>Laissez tout le reste tel quel. La plupart des autres \u00e9l\u00e9ments comme la licence et les balises ne sont valables que si vous pr\u00e9voyez de publier le nouveau th\u00e8me dans le r\u00e9pertoire des th\u00e8mes de WordPress.<\/p>\n<p>N&rsquo;oubliez pas que ce que vous venez de coller et de modifier est l&rsquo;en-t\u00eate de votre th\u00e8me.<\/p>\n<p>Trouvez le CSS existant \u00e0 partir de votre site web HTML. Copiez et collez ce CSS apr\u00e8s l&rsquo;en-t\u00eate dans le nouveau fichier <strong>style.css<\/strong>.<\/p>\n<p>Enregistrez et fermez le fichier <strong>style.css<\/strong>.<\/p>\n<h3>Prenez votre HTML actuel et divisez-le en plusieurs morceaux<\/h3>\n<p>WordPress utilise g\u00e9n\u00e9ralement PHP pour extraire de sa base de donn\u00e9es des \u00e9l\u00e9ments tels que des fichiers et du code, ainsi que des m\u00e9dias. Par cons\u00e9quent, un site web HTML doit \u00eatre d\u00e9coup\u00e9 en fichiers PHP s\u00e9par\u00e9s pour se fondre dans l&rsquo;infrastructure de WordPress.<\/p>\n<p>Cela peut para\u00eetre intimidant, mais il suffit de diviser votre document HTML en plusieurs parties, en transformant chacune de ces parties en fichiers PHP.<\/p>\n<p>Chaque fichier HTML aura un aspect diff\u00e9rent, mais il est utile d&rsquo;avoir un exemple visuel. Nous allons donc afficher quelques mod\u00e8les de sites web HTML pour en faire la d\u00e9monstration.<\/p>\n<p>Le code suivant est une excellente option pour \u00e9tablir des r\u00e9f\u00e9rences crois\u00e9es avec votre propre fichier HTML. Il s&rsquo;agit d&rsquo;une simple page web HTML avec un en-t\u00eate, des \u00e9l\u00e9ments de menu, des sous-titres, une colonne lat\u00e9rale et un pied de page. Vous pouvez trouver un code similaire dans votre propre fichier <strong>index.html<\/strong>.<\/p>\n<pre><code class=\"language-html\">&lt;!doctype html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\"&gt;\n&lt;title&gt;Test Site&lt;\/title&gt;\n&lt;meta name=\"description\" content=\"Website description\"&gt;\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n\n&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n&lt;div class=\"header-container\"&gt;\n&lt;header class=\"wrapper clearfix\"&gt;\n&lt;h1 class=\"title\"&gt;Website Title&lt;\/h1&gt;\n&lt;nav&gt;\n&lt;ul&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #1&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #2&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=\"#\"&gt;menu item #3&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/nav&gt;\n&lt;\/header&gt;\n&lt;\/div&gt;\n\n&lt;div class=\"main-container\"&gt;\n&lt;main class=\"main wrapper clearfix\"&gt;\n&lt;article&gt;\n&lt;header class=\"entry-header\"&gt;\n&lt;h2 class=\"entry-title\"&gt;Article&lt;\/h2&gt;\n&lt;\/header&gt;\n&lt;p&gt;Test text right here..&lt;\/p&gt;\n&lt;h2&gt;Subheading&lt;\/h2&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;\/p&gt;\n&lt;h2&gt;A Sub&lt;\/h2&gt;\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. &lt;\/p&gt;\n&lt;\/article&gt;\n&lt;aside&gt;\n&lt;h3&gt;Sidebar here&lt;\/h3&gt;\n&lt;p&gt;Etiam ullamcorper lorem dapibus velit suscipit ultrices. &lt;\/p&gt;\n&lt;\/aside&gt;\n&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2019 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Le mod\u00e8le suivant est un autre exemple pour vos propres strat\u00e9gies.<\/p>\n<p>\u00a0<\/p>\n<figure id=\"attachment_84407\" aria-describedby=\"caption-attachment-84407\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/spacial-html-template.png\" alt=\"Un exemple de site HTML\" width=\"938\" height=\"761\"><figcaption id=\"caption-attachment-84407\" class=\"wp-caption-text\">Un exemple de site HTML<\/figcaption><\/figure>\n<p>Comme vous pouvez le voir, le fichier <strong>index.html<\/strong> de celui-ci est un peu plus compliqu\u00e9, mais sa structure reste famili\u00e8re.<\/p>\n<figure id=\"attachment_88608\" aria-describedby=\"caption-attachment-88608\" style=\"width: 1078px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-88608 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/html-index.png\" alt=\"Exemple d'un fichier d'index HTML\" width=\"1078\" height=\"685\"><figcaption id=\"caption-attachment-88608\" class=\"wp-caption-text\">Exemple d&rsquo;un fichier d&rsquo;index HTML<\/figcaption><\/figure>\n<p>Les deux exemples comprennent des en-t\u00eates, des zones de contenu, des colonnes lat\u00e9rales et des pieds de page.<\/p>\n<p>Vous aurez tr\u00e8s probablement un design diff\u00e9rent. Pour cette raison, vous devrez modifier les \u00e9tapes d\u00e9crites ci-dessous.<\/p>\n<p>Chaque \u00e9tape consiste \u00e0 modifier et \u00e0 ajouter chacun des nouveaux fichiers WordPress que vous avez cr\u00e9\u00e9s auparavant. Cela dit, gardez le fichier <strong>index.html<\/strong> de votre site HTML ouvert. Vous l&rsquo;utiliserez plus tard.<\/p>\n<h4>Le fichier header.php<\/h4>\n<p>Dans votre fichier HTML ouvert, recherchez tout ce qui se trouve au d\u00e9but du fichier et qui se termine par la zone de contenu principale. La zone de contenu principale est g\u00e9n\u00e9ralement repr\u00e9sent\u00e9e par une balise <strong><code>&lt;div class=\"main\"&gt;<\/code><\/strong> ou <strong><code>&lt;main&gt;<\/code><\/strong>.<\/p>\n<p>Copiez et collez cette section du fichier HTML dans votre nouveau fichier <strong>header.php<\/strong>.<\/p>\n<p>Apr\u00e8s cela, trouvez o\u00f9 il est \u00e9crit <code><strong>&lt;\/head&gt;<\/strong><\/code>.<\/p>\n<p>Juste avant cela, collez ce qui suit :<\/p>\n<pre><code class=\"language-css\">&lt;?php wp_head();?&gt;<\/code><\/pre>\n<p>Ce bout de code est important pour le fonctionnement de la plupart des extensions WordPress.<\/p>\n<h4>Le fichier sidebar.php<\/h4>\n<p>Cherchez la section <code><strong>&lt;aside&gt;<\/strong><\/code> dans votre fichier <strong>index.html<\/strong>.<\/p>\n<p>Tout ce qui se trouve dans les balises\u00a0 <strong><code>&lt;aside&gt;<\/code><\/strong> et <strong><code>&lt;\/aside&gt;<\/code><\/strong>, y compris les balises aside elles-m\u00eames, doit \u00eatre copi\u00e9 dans le nouveau fichier <strong>sidebar.php<\/strong>.<\/p>\n<p>D&rsquo;apr\u00e8s notre exemple de fichier, cela ressemble \u00e0 ceci :<\/p>\n<pre><code class=\"language-html\">&lt;aside&gt;\n&lt;h3&gt;Sidebar here&lt;\/h3&gt;\n&lt;p&gt;Etiam ullam corper lorem dapibus velit suscipit ultrices. &lt;\/p&gt;\n&lt;\/aside&gt;<\/code><\/pre>\n<h4>Le fichier footer.php<\/h4>\n<p>Si vous avez un site web HTML simple, il se peut qu&rsquo;il ne vous reste que les informations de pied de page \u00e0 transf\u00e9rer. D&rsquo;autres sites sont un peu plus compliqu\u00e9s. Quoi qu&rsquo;il en soit, ce n&rsquo;est pas une mauvaise id\u00e9e de terminer par la modification du pied de page, \u00e9tant donn\u00e9 qu&rsquo;il s&rsquo;agit d&rsquo;un des \u00e9l\u00e9ments de base qui composent les fichiers du site WordPress.<\/p>\n<p>Dans le fichier <strong>index.html<\/strong>, trouvez et copiez tout le code apr\u00e8s la balise <strong><code>&lt;\/aside&gt;<\/code><\/strong> (la colonne lat\u00e9rale).<\/p>\n<p>Encore une fois, vous pouvez avoir plus de contenu apr\u00e8s la section de la colonne lat\u00e9rale, mais il est possible pour les sites HTML plus simples, de n&rsquo;avoir que le pied de page \u00e0 traiter.<\/p>\n<p>Dans notre exemple, le pied de page ressemble \u00e0 ceci :<\/p>\n<pre><code class=\"language-html\">&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2020 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Mais pas si vite. Apr\u00e8s avoir coll\u00e9 ce code de pied de page dans le nouveau fichier <strong>footer.php<\/strong>, ajoutez <strong><code>&lt;?php wp_footer();?&gt;<\/code><\/strong> juste avant <strong><code>&lt;\/body&gt;<\/code><\/strong>. Cela aide le pied de page \u00e0 fonctionner correctement avec WordPress.<\/p>\n<p>Vous pouvez voir ci-dessous un exemple du code <code>&lt;?php wp_footer();?&gt;<\/code> coll\u00e9 dans le fichier de pied de page.<\/p>\n<pre><code class=\"language-html\">&lt;\/main&gt; &lt;!-- #main --&gt;\n&lt;\/div&gt; &lt;!-- #main-container --&gt;\n&lt;div class=\"footer-container\"&gt;\n&lt;footer class=\"wrapper\"&gt;\n&lt;p class=\"footer-credits\"&gt;\u00a9 2020 My Test Site&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/div&gt;\n&lt;?php wp_footer();?&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>Veillez \u00e0 enregistrer tous ces nouveaux fichiers dans le r\u00e9pertoire de votre th\u00e8me. Par exemple, apr\u00e8s avoir coll\u00e9 ce code de bas de page dans le fichier <strong>footer.php<\/strong>, vous devez cliquer sur le bouton Enregistrer dans votre \u00e9diteur et le fermer.<\/p>\n<p>Maintenant que les fichiers de base sont faits, fermez le fichier <strong>index.html<\/strong> original de votre site web HTML.<\/p>\n<h3>Liez vos fichiers header.php et index.php \u00e0 WordPress<\/h3>\n<p>Vous l&rsquo;avez d\u00e9j\u00e0 ajout\u00e9 au fichier <strong>header.php<\/strong>, mais vous devez encore prendre des mesures suppl\u00e9mentaires. Pour l&rsquo;essentiel, vous voulez modifier l&rsquo;appel dans la feuille de style, en passant du HTML qui s&rsquo;y trouve actuellement au format standard PHP de WordPress.<\/p>\n<p>De retour dans le fichier <strong>header.php<\/strong>, trouvez la section <strong><code>&lt;head&gt;<\/code><\/strong>.<\/p>\n<p>Nous recherchons l&rsquo;appel pour la feuille de style. \u00c7a ressemble \u00e0 quelque chose comme \u00e7a :<\/p>\n<pre><code class=\"language-css\">&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;<\/code><\/pre>\n<p>Supprimez cet appel et remplacez-le par le suivant :<\/p>\n<pre><code class=\"language-css\">&lt;link rel=\"stylesheet\" href=\"&lt;?php echo get_template_directory_uri(); ?&gt;\/style.css\" type=\"text\/css\" media=\"all\" \/&gt;<\/code><\/pre>\n<p>C&rsquo;est tout ce que vous avez \u00e0 faire pour le fichier <strong>header.php<\/strong>. L&rsquo;appel \u00e0 la feuille de style fonctionne d\u00e9sormais avec le format WordPress, et non plus du HTML.<\/p>\n<p>Allez-y, enregistrez et fermez le fichier <strong>header.php<\/strong>.<\/p>\n<p>Ensuite, ouvrez le fichier <strong>index.php<\/strong> (pas le fichier <strong>index.html<\/strong> que vous utilisiez auparavant, mais le nouveau fichier <strong>index.php<\/strong>).<\/p>\n<p>Pour l&rsquo;instant, le fichier <strong>index.php<\/strong> est vide.<\/p>\n<p>Prenez le code suivant et copiez-le et collez-le dans le nouveau fichier <strong>index.php<\/strong>. Laissez l&rsquo;espace entre les deux premi\u00e8res lignes. Il &lsquo;est l\u00e0 pour une raison, que vous verrez bient\u00f4t.<\/p>\n<p>Ces lignes servent d&rsquo;appels aux autres fichiers de votre site, notamment <strong>header.php<\/strong>, <strong>sidebar.php<\/strong> et <strong>footer.php<\/strong>.<\/p>\n<pre><code class=\"language-css\">&lt;?php get_header(); ?&gt;\n\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>L&rsquo;espace ouvert sur la deuxi\u00e8me ligne est r\u00e9serv\u00e9 \u00e0 ce que nous appelons la boucle (The Loop), ou un processus dynamique dans WordPress qui s&rsquo;ex\u00e9cute en arri\u00e8re-plan pour ajouter de nouveaux articles \u00e0 votre site. Il s&rsquo;agit essentiellement de faire savoir \u00e0 WordPress que du contenu suppl\u00e9mentaire est encore \u00e0 venir et qu&rsquo;il doit utiliser la boucle pour ajouter ce contenu. Pour en savoir plus sur la boucle, cliquez <a href=\"https:\/\/codex.wordpress.org\/The_Loop\">ici<\/a>.<\/p>\n<p>Pour ajouter la boucle, collez le code suivant dans l&rsquo;espace que vous avez laiss\u00e9 dans le fichier <strong>index.php<\/strong> avant (juste sous &lt;?php get_header() ; ?&gt;).<\/p>\n<pre><code class=\"language-css\">&lt;?php while ( have_posts() ) : the_post(); ?&gt;\n&lt;article class=\"&lt;?php post_class(); ?&gt;\" id=\"post-&lt;?php the_ID(); ?&gt;\"&gt;\n&lt;h2 class=\"entry-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\n&lt;?php if ( !is_page() ):?&gt;\n&lt;section class=\"entry-meta\"&gt;\n&lt;p&gt;Posted on &lt;?php the_date();?&gt; by &lt;?php the_author();?&gt;&lt;\/p&gt;\n&lt;\/section&gt;\n&lt;?php endif; ?&gt;\n&lt;section class=\"entry-content\"&gt;\n&lt;?php the_content(); ?&gt;\n&lt;\/section&gt;\n&lt;section class=\"entry-meta\"&gt;&lt;?php if ( count( get_the_category() ) ) : ?&gt;\n&lt;span class=\"category-links\"&gt;\nPosted under: &lt;?php echo get_the_category_list( ', ' ); ?&gt;\n&lt;\/span&gt;\n&lt;?php endif; ?&gt;&lt;\/section&gt;\n&lt;\/article&gt;\n&lt;?php endwhile; ?&gt;<\/code><\/pre>\n<p>Le r\u00e9sultat devrait ressembler \u00e0 ceci :<\/p>\n<pre><code class=\"language-css\">&lt;?php get_header(); ?&gt;\n&lt;?php while ( have_posts() ) : the_post(); ?&gt;\n&lt;article class=\"&lt;?php post_class(); ?&gt;\" id=\"post-&lt;?php the_ID(); ?&gt;\"&gt;\n&lt;h2 class=\"entry-title\"&gt;&lt;?php the_title(); ?&gt;&lt;\/h2&gt;\n&lt;?php if ( !is_page() ):?&gt;\n&lt;section class=\"entry-meta\"&gt;\n&lt;p&gt;Posted on &lt;?php the_date();?&gt; by &lt;?php the_author();?&gt;&lt;\/p&gt;\n&lt;\/section&gt;\n&lt;?php endif; ?&gt;\n&lt;section class=\"entry-content\"&gt;\n&lt;?php the_content(); ?&gt;\n&lt;\/section&gt;\n&lt;section class=\"entry-meta\"&gt;&lt;?php if ( count( get_the_category() ) ) : ?&gt;\n&lt;span class=\"category-links\"&gt;\nPosted under: &lt;?php echo get_the_category_list( ', ' ); ?&gt;\n&lt;\/span&gt;\n&lt;?php endif; ?&gt;&lt;\/section&gt;\n&lt;\/article&gt;\n&lt;?php endwhile; ?&gt;\n&lt;?php get_sidebar(); ?&gt;\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Allez-y et enregistrez le fichier <strong>index.php<\/strong>. Vous pouvez \u00e9galement fermer le fichier maintenant.<\/p>\n<p>Une fois cela fait, un th\u00e8me WordPress bas\u00e9 sur votre site web original en HTML est pr\u00eat \u00e0 \u00eatre t\u00e9l\u00e9vers\u00e9 dans WordPress.<\/p>\n<h3>T\u00e9l\u00e9versez le nouveau th\u00e8me sur WordPress<\/h3>\n<p>La derni\u00e8re \u00e9tape consiste \u00e0 t\u00e9l\u00e9verser le th\u00e8me sur votre site WordPress. Une option consiste \u00e0 simplement compresser en .zip le r\u00e9pertoire du site et \u00e0 le t\u00e9l\u00e9verser dans la section des th\u00e8mes de WordPress sans ajouter une capture d&rsquo;\u00e9cran de votre site pour r\u00e9f\u00e9rence.<\/p>\n<p>Bien que votre th\u00e8me fonctionne toujours de la m\u00eame mani\u00e8re sans capture d&rsquo;\u00e9cran de r\u00e9f\u00e9rence, nous vous recommandons de cr\u00e9er une capture d&rsquo;\u00e9cran afin qu&rsquo;il vous soit plus facile d&rsquo;organiser vos th\u00e8mes et de comprendre lequel est r\u00e9ellement actif sur votre site web.<\/p>\n<p>Par capture d&rsquo;\u00e9cran, nous entendons le petit aper\u00e7u qui appara\u00eet pour tous les th\u00e8mes install\u00e9s sur votre tableau de bord WordPress. M\u00eame ceux qui ne sont pas actifs ont des captures d&rsquo;\u00e9cran. Il est obligatoire de faire une capture d&rsquo;\u00e9cran si vous pr\u00e9voyez de t\u00e9l\u00e9verser votre th\u00e8me dans la biblioth\u00e8que de th\u00e8mes de WordPress.<\/p>\n<figure id=\"attachment_84416\" aria-describedby=\"caption-attachment-84416\" style=\"width: 1284px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84416 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/screenshots.png\" alt=\"Le panneau de th\u00e8mes dans WordPress\" width=\"1284\" height=\"506\"><figcaption id=\"caption-attachment-84416\" class=\"wp-caption-text\">Le panneau de th\u00e8mes dans WordPress<\/figcaption><\/figure>\n<p>Vous ne t\u00e9l\u00e9versez peut-\u00eatre pas publiquement votre th\u00e8me, mais une capture d&rsquo;\u00e9cran vous aide \u00e0 g\u00e9rer votre propre th\u00e8me. Comme vous pouvez le voir, il est assez difficile de savoir \u00e0 quoi ressemble le th\u00e8me si aucune capture d&rsquo;\u00e9cran n&rsquo;est disponible. Le th\u00e8me Twenty Seventeen Child n&rsquo;a pas de capture d&rsquo;\u00e9cran, donc c&rsquo;est juste une image vide. Cela pourrait en embrouiller plus d&rsquo;un.<\/p>\n<p>Pour ajouter une capture d&rsquo;\u00e9cran, ouvrez l&rsquo;ancien site HTML dans un navigateur et faites une capture d&rsquo;\u00e9cran de la page d&rsquo;accueil avec l&rsquo;outil de d\u00e9coupage ou le logiciel de capture d&rsquo;\u00e9cran dont vous disposez.<\/p>\n<p>Ouvrez votre logiciel de retouche d&rsquo;images pr\u00e9f\u00e9r\u00e9 et recadrez la capture d&rsquo;\u00e9cran \u00e0 880\u00d7660 pixels. Cela permettra de s&rsquo;assurer que la capture d&rsquo;\u00e9cran n&rsquo;est pas \u00e9tir\u00e9e ou disproportionn\u00e9e lorsqu&rsquo;elle est ajout\u00e9e \u00e0 WordPress.<\/p>\n<p>Enregistrez la version modifi\u00e9e de la capture d&rsquo;\u00e9cran dans le r\u00e9pertoire de votre nouveau th\u00e8me. Il n&rsquo;est pas n\u00e9cessaire de la placer dans un r\u00e9pertoire sp\u00e9cial &#8211; il suffit de la placer dans le r\u00e9pertoire du th\u00e8me \u00e0 c\u00f4t\u00e9 des autres fichiers comme <strong>header.php<\/strong> et <strong>footer.php<\/strong>.<\/p>\n<figure id=\"attachment_84418\" aria-describedby=\"caption-attachment-84418\" style=\"width: 987px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84418 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-shot.png\" alt=\"Capture d'\u00e9cran dans le r\u00e9pertoire du th\u00e8me\" width=\"987\" height=\"553\"><figcaption id=\"caption-attachment-84418\" class=\"wp-caption-text\">Capture d&rsquo;\u00e9cran dans le r\u00e9pertoire du th\u00e8me<\/figcaption><\/figure>\n<p>Maintenant, vous avez deux options pour t\u00e9l\u00e9verser le nouveau th\u00e8me dans WordPress.<\/p>\n<p>La premi\u00e8re consiste \u00e0 faire glisser ces fichiers dans le r\u00e9pertoire wp-content\/themes via FTP. Si vous suivez ce chemin, il n&rsquo;est pas n\u00e9cessaire de compresser le fichier. Il suffit d&rsquo;utiliser un client FTP comme FileZilla et de faire glisser le r\u00e9pertoire dans le r\u00e9pertoire wp-content\/themes.<\/p>\n<p>L&rsquo;autre option consiste \u00e0 t\u00e9l\u00e9verser une version compress\u00e9e dans le tableau de bord de WordPress.<\/p>\n<p>Pour commencer, compressez tout le r\u00e9pertoire du th\u00e8me dans un fichier zip.<\/p>\n<p>Ensuite, dans le tableau de bord WordPress, allez sur <strong>Apparence &gt; Th\u00e8mes<\/strong>.<\/p>\n<figure id=\"attachment_84425\" aria-describedby=\"caption-attachment-84425\" style=\"width: 954px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84425 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/app-themes.png\" alt=\"Aller au panneau des th\u00e8mes dans WordPress\" width=\"954\" height=\"414\"><figcaption id=\"caption-attachment-84425\" class=\"wp-caption-text\">Aller au panneau des th\u00e8mes dans WordPress<\/figcaption><\/figure>\n<p>Cliquez sur le bouton Ajouter.<\/p>\n<figure id=\"attachment_84424\" aria-describedby=\"caption-attachment-84424\" style=\"width: 946px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84424 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-new-button-s.png\" alt=\"Ajouter un nouveau th\u00e8me dans WordPress\" width=\"946\" height=\"414\"><figcaption id=\"caption-attachment-84424\" class=\"wp-caption-text\">Ajouter un nouveau th\u00e8me dans WordPress<\/figcaption><\/figure>\n<p>S\u00e9lectionnez le bouton T\u00e9l\u00e9verser un th\u00e8me.<\/p>\n<figure id=\"attachment_84423\" aria-describedby=\"caption-attachment-84423\" style=\"width: 1041px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84423 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/upload-a-theme.png\" alt=\"T\u00e9l\u00e9verser un th\u00e8me dans WordPress\" width=\"1041\" height=\"516\"><figcaption id=\"caption-attachment-84423\" class=\"wp-caption-text\">T\u00e9l\u00e9verser un th\u00e8me dans WordPress<\/figcaption><\/figure>\n<p>Cliquez sur <strong>Choisir un fichier<\/strong> et recherchez le fichier compress\u00e9 sur votre ordinateur. S\u00e9lectionnez le fichier pour qu&rsquo;il apparaisse sur le tableau de bord de WordPress.<\/p>\n<figure id=\"attachment_84422\" aria-describedby=\"caption-attachment-84422\" style=\"width: 948px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84422 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-the-file.png\" alt=\"Choisissez le fichier de th\u00e8me \u00e0 t\u00e9l\u00e9verser\" width=\"948\" height=\"361\"><figcaption id=\"caption-attachment-84422\" class=\"wp-caption-text\">Choisissez le fichier de th\u00e8me \u00e0 t\u00e9l\u00e9verser<\/figcaption><\/figure>\n<p>Cliquez sur Installer maintenant pour traiter le fichier dans WordPress.<\/p>\n<figure id=\"attachment_84421\" aria-describedby=\"caption-attachment-84421\" style=\"width: 913px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84421 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/install-it.png\" alt=\"Installer le th\u00e8me apr\u00e8s son t\u00e9l\u00e9versement\" width=\"913\" height=\"341\"><figcaption id=\"caption-attachment-84421\" class=\"wp-caption-text\">Installer le th\u00e8me apr\u00e8s son t\u00e9l\u00e9versement<\/figcaption><\/figure>\n<p>WordPress doit vous indiquer que le paquet est en cours d&rsquo;installation et qu&rsquo;il est bien install\u00e9.<\/p>\n<p>Cliquez sur le bouton Activer pour terminer le travail.<\/p>\n<figure id=\"attachment_84420\" aria-describedby=\"caption-attachment-84420\" style=\"width: 921px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84420 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-the-theme.png\" alt=\"Activer le th\u00e8me apr\u00e8s son installation\" width=\"921\" height=\"298\"><figcaption id=\"caption-attachment-84420\" class=\"wp-caption-text\">Activer le th\u00e8me apr\u00e8s son installation<\/figcaption><\/figure>\n<p>Maintenant, le th\u00e8me, avec sa capture d&rsquo;\u00e9cran, appara\u00eet dans la liste des th\u00e8mes comme le th\u00e8me actif. Vous pouvez aller sur l\u2019interface publique de votre site WordPress pour voir maintenant une version WordPress de votre site HTML original.<\/p>\n<figure id=\"attachment_84419\" aria-describedby=\"caption-attachment-84419\" style=\"width: 1032px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84419 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/theres-the-theme.png\" alt=\"Le nouveau th\u00e8me appara\u00eet dans le tableau de bord\" width=\"1032\" height=\"599\"><figcaption id=\"caption-attachment-84419\" class=\"wp-caption-text\">Le nouveau th\u00e8me appara\u00eet dans le tableau de bord<\/figcaption><\/figure>\n<p>Gardez \u00e0 l&rsquo;esprit qu&rsquo;aucune conversion de HTML vers WordPress n&rsquo;est identique. Vous trouverez peut-\u00eatre que la v\u00f4tre est un peu plus complexe que celle que nous venons de parcourir. En g\u00e9n\u00e9ral, plusieurs autres mesures doivent \u00eatre prises pour obtenir une copie exacte de votre site web HTML.<\/p>\n<p>Par exemple, vous devrez ajouter des zones de widgets et de commentaires et m\u00eame ajuster le titre et la description de votre blog pour qu&rsquo;ils soient modifiables dans WordPress.<\/p>\n<p>Le passage d&rsquo;un site HTML \u00e0 un site WordPress n\u00e9cessite beaucoup de travail manuel, et vous constaterez peut-\u00eatre que certaines modifications ne sont possibles qu&rsquo;avec un petit balisage CSS.<\/p>\n<p>De plus, ce tutoriel n&rsquo;a rien \u00e0 voir avec l&rsquo;ajout de contenu comme des articles et des images. Cela peut \u00eatre fait manuellement en t\u00e9l\u00e9verseant des images dans la m\u00e9diath\u00e8que et en ajustant des \u00e9l\u00e9ments comme les structures d&rsquo;URL.<\/p>\n<p>Il existe des extensions pour automatiser l&rsquo;importation de contenu, mais la plupart d&rsquo;entre elles ne sont pas \u00e0 jour avec les nouvelles versions de WordPress. Nous vous sugg\u00e9rons donc de les essayer pour voir si elles fonctionnent pour vous, mais vous ne devez pas vous attendre \u00e0 grand-chose.<\/p>\n<h2>Convertir du HTML vers WordPress via un th\u00e8me enfant<\/h2>\n<p>C&rsquo;est sans doute l&rsquo;une des m\u00e9thodes les plus simples pour convertir un site HTML entier en un site WordPress. Elle fonctionne en utilisant n&rsquo;importe lequel des <a href=\"https:\/\/kinsta.com\/fr\/blog\/themes-wordpress-gratuits-vs-payants\/\">th\u00e8mes WordPress gratuits<\/a> d\u00e9j\u00e0 existants, de sorte que vous pouvez choisir votre pr\u00e9f\u00e9r\u00e9 et le combiner avec le design de votre site HTML.<\/p>\n<p>Dans l&rsquo;ensemble, vous utilisez le th\u00e8me WordPress d\u00e9j\u00e0 cr\u00e9\u00e9 comme th\u00e8me parent. Ensuite, le site web HTML est converti pour fonctionner avec WordPress et est li\u00e9 au th\u00e8me parent en tant que th\u00e8me enfant. Si vous avez des questions sur les th\u00e8mes parents et enfants, veuillez <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">lire ici notre guide sur le sujet<\/a>.<\/p>\n<p>En guise d&rsquo;explication rapide, le th\u00e8me parent g\u00e8re les fonctionnalit\u00e9s de votre site tandis que le th\u00e8me enfant est construit sur le th\u00e8me parent. Le th\u00e8me parent peut techniquement se suffire \u00e0 lui-m\u00eame, mais pas le th\u00e8me enfant. Par cons\u00e9quent, nous utilisons le th\u00e8me enfant pour modifier la conception du th\u00e8me parent tout en conservant les puissantes fonctionnalit\u00e9s d\u00e9j\u00e0 fournies dans le th\u00e8me parent.<\/p>\n<p>Voici comment proc\u00e9der \u00e0 la conversion du HTML vers WordPress via un th\u00e8me enfant.<\/p>\n<h3>Choisisr un th\u00e8me parent<\/h3>\n<p>La premi\u00e8re chose \u00e0 faire est de choisir un th\u00e8me qui vous pla\u00eet. Le th\u00e8me que vous choisirez sera votre th\u00e8me parent et vous l&rsquo;utiliserez comme base de la conception de votre site web.<\/p>\n<p>Id\u00e9alement, vous trouverez un th\u00e8me dont la conception est d\u00e9j\u00e0 proche de l&rsquo;aspect et de la convivialit\u00e9 de votre ancien site HTML. Une autre option consiste \u00e0 utiliser un <a href=\"https:\/\/kinsta.com\/fr\/blog\/frameworks-php\/\">framework WordPress<\/a> ou un th\u00e8me de d\u00e9marrage (starter), en voyant comment les deux <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">types de th\u00e8mes<\/a> sont d\u00e9j\u00e0 utilis\u00e9s pour les bases de la conception.<\/p>\n<p>Par exemple, un th\u00e8me de d\u00e9marrage de qualit\u00e9 est le <a href=\"https:\/\/wordpress.org\/themes\/twentyseventeen\/\">th\u00e8me Twenty Twenty<\/a> ou n&rsquo;importe lequel des th\u00e8mes de d\u00e9marrage par d\u00e9faut de WordPress portant le nom de l&rsquo;ann\u00e9e o\u00f9 il a \u00e9t\u00e9 cr\u00e9\u00e9. Nous vous recommandons de remonter dans le temps (Twenty Nineteen, Twenty Seventenn, etc) pour voir si l&rsquo;un d&rsquo;entre eux correspond mieux au design de votre site HTML.<\/p>\n<p>Nous choisirons le <a href=\"https:\/\/wordpress.org\/themes\/twentyseventeen\/\">th\u00e8me Twenty Seventeen<\/a> pour ce tutoriel en raison de sa propret\u00e9 et de sa capacit\u00e9 \u00e0 s&rsquo;adapter \u00e0 de nombreux designs web HTML simples.<\/p>\n<p>Quoi qu&rsquo;il en soit, tous ces th\u00e8mes constituent de merveilleux points de d\u00e9part.<\/p>\n<p>Pour commencer, <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-theme-wordpress\/\">installez le th\u00e8me sur votre site WordPress<\/a>.<\/p>\n<figure id=\"attachment_84388\" aria-describedby=\"caption-attachment-84388\" style=\"width: 1602px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84388 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-s-s.png\" alt=\"Activer un th\u00e8me WordPress\" width=\"1602\" height=\"823\"><figcaption id=\"caption-attachment-84388\" class=\"wp-caption-text\">Activer un th\u00e8me WordPress<\/figcaption><\/figure>\n<p>Vous pouvez activer le th\u00e8me si vous le souhaitez, mais vous activerez un nouveau th\u00e8me enfant plus tard et n&rsquo;utiliserez le th\u00e8me de d\u00e9marrage que comme base pour le design.<\/p>\n<h3>Cr\u00e9er un nouveau r\u00e9pertoire<\/h3>\n<p>Tous les <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">th\u00e8mes WordPress<\/a> n\u00e9cessitent des r\u00e9pertoires pour stocker les fichiers de votre site. Par cons\u00e9quent, vous devez cr\u00e9er un nouveau r\u00e9pertoire pour le th\u00e8me enfant cr\u00e9\u00e9 \u00e0 partir du site HTML.<\/p>\n<p>Nous vous recommandons de nommer le r\u00e9pertoire d&rsquo;apr\u00e8s votre th\u00e8me parent et d&rsquo;ajouter \u00ab\u00a0-child\u00a0\u00bb \u00e0 la fin du nom r\u00e9pertoire.<\/p>\n<p>Par exemple, nous appellerons le r\u00e9pertoire \u00ab\u00a0twentyseventeen-child\u00a0\u00bb dans ce cas.<\/p>\n<figure id=\"attachment_84389\" aria-describedby=\"caption-attachment-84389\" style=\"width: 1310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84389 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-folder.png\" alt=\"R\u00e9pertoire du th\u00e8me enfant pour HTML vers WordPress\" width=\"1310\" height=\"795\"><figcaption id=\"caption-attachment-84389\" class=\"wp-caption-text\">R\u00e9pertoire du th\u00e8me enfant pour HTML vers WordPress<\/figcaption><\/figure>\n<p>Globalement, n&rsquo;importe quel nom fera l&rsquo;affaire, \u00e0 condition de se souvenir du nom du r\u00e9pertoire et de ne pas y ajouter d&rsquo;espace.<\/p>\n<h3>Configurez votre feuille de style<\/h3>\n<p>Tous les th\u00e8mes enfants n\u00e9cessitent des feuilles de style qui vont dans le r\u00e9pertoire du th\u00e8me.<\/p>\n<p>Par cons\u00e9quent, cr\u00e9ez un document texte et nommez-le <strong>style.css<\/strong>. Enregistrez-le dans le r\u00e9pertoire du th\u00e8me et incluez le code suivant dans ce fichier texte :<\/p>\n<pre><code class=\"language-css\">\/*\n Theme Name:   Twenty Seventeen Child\n Theme URI:    http:\/\/examplesite.com\/twenty-seventeen-child\/\n Description:  Twenty Seventeen Child Theme\n Author:       Jane Doe\n Author URI:   http:\/\/examplesite.com\n Template:     twentyseventeen\n Version:      1.0.0\n License:      GNU General Public License v2 or later\n License URI:  http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready\n Text Domain:  twenty-seventeen-child\n*\/<\/code><\/pre>\n<p>Veillez \u00e0 remplacer les \u00e9l\u00e9ments qui sont personnalis\u00e9s pour votre site. Vous devrez \u00e9ventuellement modifier des \u00e9l\u00e9ments comme le nom du th\u00e8me, l&rsquo;URI du th\u00e8me, l&rsquo;auteur, le mod\u00e8le et d&rsquo;autres \u00e9l\u00e9ments pour vous assurer qu&rsquo;ils correspondent \u00e0 vos propres noms de fichiers. Cette proc\u00e9dure est similaire \u00e0 certaines des \u00e9tapes de la section ci-dessus intitul\u00e9e \u00ab\u00a0Conversion manuelle d&rsquo;un site HTML entier en WordPress\u00a0\u00bb, qui explique la signification de chaque ligne.<\/p>\n<p>Le plus important est la balise Template. Elle doit \u00eatre nomm\u00e9e d&rsquo;apr\u00e8s le th\u00e8me parent pour que le th\u00e8me enfant fonctionne correctement.<\/p>\n<h3>Cr\u00e9er un fichier functions.php<\/h3>\n<p>Si vous utilisiez simplement la feuille de style du site et activiez le th\u00e8me enfant, un site HTML sans aucun style serait disponible. Toutefois, nous souhaitons \u00e9galement ajouter un style au th\u00e8me enfant pour lui donner l&rsquo;aspect que nous souhaitons.<\/p>\n<p>Tous les styles seront tir\u00e9s du th\u00e8me principal.<\/p>\n<p>Par cons\u00e9quent, un fichier <strong>functions.php<\/strong> est n\u00e9cessaire pour h\u00e9riter des styles du th\u00e8me parent dans le th\u00e8me enfant.<\/p>\n<p>Cr\u00e9ez un fichier appel\u00e9 <strong>functions.php<\/strong> dans le r\u00e9pertoire de votre th\u00e8me.<\/p>\n<figure id=\"attachment_84397\" aria-describedby=\"caption-attachment-84397\" style=\"width: 1309px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/function-file-2.png\" alt=\"Le fichier functions.php pour HTML vers WordPress\" width=\"1309\" height=\"803\"><figcaption id=\"caption-attachment-84397\" class=\"wp-caption-text\">Le fichier functions.php pour HTML vers WordPress<\/figcaption><\/figure>\n<p>Pour activer le fichier, ajoutez une balise PHP d&rsquo;ouverture, ainsi qu&rsquo;un code qui demande \u00e0 WordPress d&rsquo;utiliser le style du th\u00e8me parent :<\/p>\n<pre><code class=\"language-php\">&lt;?php\nfunction child_theme_enqueue_styles() {\n\n    $parent_style = 'parent-style';\n\n    wp_enqueue_style( $parent_style, get_template_directory_uri() . '\/style.css' );\n    wp_enqueue_style( 'child-style',\n        get_stylesheet_directory_uri() . '\/style.css',\n        array( $parent_style ),\n        wp_get_theme()-&gt;get('Version')\n    );\n}\nadd_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );<\/code><\/pre>\n<p>Un autre avantage de ce bout de code est qu&rsquo;il vous permet d&rsquo;adapter le design du site web au th\u00e8me enfant.<\/p>\n<h3>Activer le nouveau th\u00e8me enfant<\/h3>\n<p>Il est maintenant temps d&rsquo;activer le th\u00e8me enfant.<\/p>\n<p>Une fa\u00e7on d&rsquo;activer le th\u00e8me enfant est d&rsquo;ajouter le r\u00e9pertoire dans wp\/content\/themes. Cela se fait \u00e0 l&rsquo;aide d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/blog\/ftp-vs-sftp\/\">client FTP\/SFTP<\/a>.<\/p>\n<p>Vous pouvez \u00e9galement compresser le r\u00e9pertoire et t\u00e9l\u00e9verser le th\u00e8me sous<strong> Apparence &gt; Th\u00e8mes &gt; Ajouter<\/strong>.<\/p>\n<figure id=\"attachment_84396\" aria-describedby=\"caption-attachment-84396\" style=\"width: 1089px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/add-new-b.png\" alt=\"Ajouter un th\u00e8me enfant dans WordPress\" width=\"1089\" height=\"658\"><figcaption id=\"caption-attachment-84396\" class=\"wp-caption-text\">Ajouter un th\u00e8me enfant dans WordPress<\/figcaption><\/figure>\n<p>S\u00e9lectionnez le bouton <strong>T\u00e9l\u00e9verser le th\u00e8me<\/strong>.<\/p>\n<figure id=\"attachment_84395\" aria-describedby=\"caption-attachment-84395\" style=\"width: 928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/upload-theme.png\" alt=\"T\u00e9l\u00e9verser un th\u00e8me enfant dans WordPress\" width=\"928\" height=\"463\"><figcaption id=\"caption-attachment-84395\" class=\"wp-caption-text\">T\u00e9l\u00e9verser un th\u00e8me enfant dans WordPress<\/figcaption><\/figure>\n<p>Cliquez sur <strong>Choisir un fichier<\/strong> et localisez le fichier zip correspondant au th\u00e8me enfant sur votre ordinateur.<\/p>\n<figure id=\"attachment_84394\" aria-describedby=\"caption-attachment-84394\" style=\"width: 1310px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84394 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-file.png\" alt=\"Choisir le th\u00e8me enfant \u00e0 t\u00e9l\u00e9verser\" width=\"1310\" height=\"568\"><figcaption id=\"caption-attachment-84394\" class=\"wp-caption-text\">Choisir le th\u00e8me enfant \u00e0 t\u00e9l\u00e9verser<\/figcaption><\/figure>\n<p>Une fois t\u00e9l\u00e9vers\u00e9, cliquez sur le bouton <strong>Installer maintenant<\/strong>.<\/p>\n<figure id=\"attachment_84393\" aria-describedby=\"caption-attachment-84393\" style=\"width: 1021px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/install-now.png\" alt=\"Installer le th\u00e8me enfant\" width=\"1021\" height=\"387\"><figcaption id=\"caption-attachment-84393\" class=\"wp-caption-text\">Installer le th\u00e8me enfant<\/figcaption><\/figure>\n<p>Cliquez sur le bouton <strong>Activer<\/strong>.<\/p>\n<figure id=\"attachment_84392\" aria-describedby=\"caption-attachment-84392\" style=\"width: 929px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/activate-theme.png\" alt=\"Activer le th\u00e8me enfant\" width=\"929\" height=\"426\"><figcaption id=\"caption-attachment-84392\" class=\"wp-caption-text\">Activer le th\u00e8me enfant<\/figcaption><\/figure>\n<p>Vous devriez maintenant voir le th\u00e8me Twenty Seventeen Child (ou tout autre th\u00e8me que vous avez utilis\u00e9) activ\u00e9 comme votre th\u00e8me principal.<\/p>\n<figure id=\"attachment_84391\" aria-describedby=\"caption-attachment-84391\" style=\"width: 1110px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-child-theme.png\" alt=\"D\u00e9tails du th\u00e8me dans le tableau de bord WordPress\" width=\"1110\" height=\"658\"><figcaption id=\"caption-attachment-84391\" class=\"wp-caption-text\">D\u00e9tails du th\u00e8me dans le tableau de bord WordPress<\/figcaption><\/figure>\n<p>Quelle que soit la m\u00e9thode utilis\u00e9e pour activer le th\u00e8me enfant, votre site WordPress doit \u00eatre le miroir de votre th\u00e8me parent. En d&rsquo;autres termes, il s&rsquo;agit d&rsquo;une copie exacte du th\u00e8me parent.<\/p>\n<p><strong>Note :<\/strong> Il est possible d&rsquo;ajouter une capture d&rsquo;\u00e9cran \u00e0 votre nouveau th\u00e8me au lieu de ne pas en avoir du tout dans la pr\u00e9visualisation. Nous expliquons comment ajouter une capture d&rsquo;\u00e9cran au th\u00e8me dans l&rsquo;une des sections pr\u00e9c\u00e9dentes intitul\u00e9e \u00ab\u00a0Conversion manuelle d&rsquo;un site HTML complet en WordPress\u00a0\u00bb.<\/p>\n<h3>Ajouter des fichiers HTML<\/h3>\n<p>Le but est de faire un site qui ressemble \u00e0 votre site HTML original, et non au th\u00e8me parent.<\/p>\n<p>La derni\u00e8re \u00e9tape consiste donc \u00e0 copier le contenu de votre site web HTML sur votre nouveau site WordPress. La plupart du temps, vous devrez franchir ces \u00e9tapes manuellement. Nous l&rsquo;avons d\u00e9j\u00e0 mentionn\u00e9, mais il existe quelques extensions qui automatisent le processus de transfert du contenu. Cependant, ces extensions ne sont pas \u00e0 jour avec les nouvelles versions de WordPress, donc utilisez-les \u00e0 vos propres risques.<\/p>\n<h2>Qu&rsquo;est-ce qu&rsquo;un convertisseur de HTML vers WordPress ? (Et quelles sont les options ?)<\/h2>\n<p>Un convertisseur de HTML vers WordPress suit les \u00e9tapes d\u00e9crites ci-dessus et soit les simplifie, soit compl\u00e8te enti\u00e8rement la t\u00e2che pour vous. Vous pouvez envisager un outil de conversion de HTML vers WordPress si vous n&rsquo;avez pas le temps ou l&rsquo;exp\u00e9rience n\u00e9cessaire pour effectuer la conversion manuellement.<\/p>\n<p>Il existe de nombreux styles diff\u00e9rents de convertisseurs, mais il est important de se rappeler que tous ne sont pas des alternatives raisonnables \u00e0 la conversion manuelle de HTML vers WordPress.<\/p>\n<p>Les convertisseurs sont propos\u00e9s sous les formes suivantes :<\/p>\n<ul>\n<li>Convertisseurs logiciels tiers, en ligne et localement.<\/li>\n<li>Extensions WordPress.<\/li>\n<li>V\u00e9ritables d\u00e9veloppeurs humains.<\/li>\n<\/ul>\n<p>Si l&rsquo;on examine les options de conversion, les logiciels et applications tiers semblent raisonnables pour des travaux simples. Vous pouvez prendre un fichier zip des fichiers HTML de votre site web et les t\u00e9l\u00e9verser vers le convertisseur. La plupart des outils tiers disponibles fonctionnent comme des applications en ligne, il vous suffit donc de les ouvrir dans votre navigateur et de cliquer sur le bouton T\u00e9l\u00e9verser.<\/p>\n<p>Nous aimons ces applications pour des conversions moins compliqu\u00e9es. Si vous avez un site web HTML de base et que vous souhaitez le faire fonctionner sous WordPress, cela peut faire l&rsquo;affaire, mais une transition en douceur n&rsquo;est pas garantie.<\/p>\n<p>Quant aux extensions WordPress qui convertissent le HTML en WordPress, vous aurez du mal \u00e0 trouver des extensions qui prennent tout un site web HTML et convertissent les fichiers vers WordPress. Quelques extensions \u00e9taient disponibles, mais aucune n&rsquo;est mise \u00e0 jour pour fonctionner avec les nouvelles versions de WordPress, et vous ne voulez pas utiliser une extension obsol\u00e8te.<\/p>\n<p>Cependant, quelques extensions offrent les fonctionnalit\u00e9s n\u00e9cessaires pour le t\u00e9l\u00e9versement de fichiers basiques, ce qui peut \u00eatre plus facile qu&rsquo;un transfert FTP ou que de jouer avec l\u2019administration de votre compte d&rsquo;h\u00e9bergement. Dans l&rsquo;ensemble, la plupart des extensions ne permettent que le t\u00e9l\u00e9versement de fichiers individuels, ce qui ne constitue pas la meilleure solution pour la conversion massive de sites web.<\/p>\n<p>Nous consid\u00e9rons que la derni\u00e8re m\u00e9thode (les d\u00e9veloppeurs humains r\u00e9els) est une forme de convertisseur HTML vers WordPress car elle automatise d\u00e9finitivement le processus pour vous en demandant l&rsquo;aide d&rsquo;un expert et en faisant appel \u00e0 une personne pour effectuer le travail. Dans l&rsquo;ensemble, l&#8217;embauche d&rsquo;un d\u00e9veloppeur humain pour convertir votre site web HTML offre le moins de risques de rencontrer des probl\u00e8mes, et vous avez quelqu&rsquo;un \u00e0 qui parler en cas de probl\u00e8me.<\/p>\n<h2>Les meilleures options d\u2019extensions de conversion HTML vers WordPress et autres outils<\/h2>\n<p>Comme mentionn\u00e9, les convertisseurs HTML vers WordPress se pr\u00e9sentent sous de nombreuses configurations diff\u00e9rentes. Vous ne trouverez pas beaucoup d\u2019extensions WordPress qui ne sont pas d\u00e9pass\u00e9es ou qui ne fonctionnent plus. Cependant, nous avons quelques extensions de conversion pr\u00e9f\u00e9r\u00e9es qui effectuent des t\u00e2ches de conversion plus petites, ainsi que des applications web et des options de <a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\">d\u00e9veloppement humain<\/a> qui s&rsquo;av\u00e8rent pratiques pour des t\u00e2ches de conversion HTML vers WordPress plus avanc\u00e9es.<\/p>\n<h3><strong>Avantages et inconv\u00e9nients de l&rsquo;utilisation d&rsquo;une extension ou d&rsquo;une application de conversion automatique de HTML vers WordPress<\/strong><\/h3>\n<p>Un convertisseur automatique de HTML vers WordPress semble \u00eatre une b\u00e9n\u00e9diction pour certains, mais ce n&rsquo;est pas toujours la meilleure solution. Examinez les avantages et les inconv\u00e9nients ci-dessous avant de vous engager dans une application ou une extension con\u00e7ue pour dupliquer ou convertir du HTML.<\/p>\n<h4>Pour<\/h4>\n<ul>\n<li>Cela vous \u00e9vite de devoir cr\u00e9er vos propres fichiers de site web, en les g\u00e9n\u00e9rant pour vous.<\/li>\n<li>De nombreux convertisseurs vous offrent la possibilit\u00e9 de d\u00e9composer les \u00e9l\u00e9ments HTML et de choisir ceux qui iront dans les bons fichiers pour WordPress.<\/li>\n<li>Vous pouvez cr\u00e9er un th\u00e8me \u00e0 partir d&rsquo;un ancien HTML et l&rsquo;utiliser sur plusieurs sites web.<\/li>\n<li>Certains outils ne n\u00e9cessitent qu&rsquo;une <a href=\"https:\/\/kinsta.com\/fr\/blog\/description-url\/\">URL<\/a> pour cr\u00e9er un nouveau site ou un nouveau th\u00e8me.<\/li>\n<li>D&rsquo;autres outils offrent la possibilit\u00e9 de <a href=\"https:\/\/kinsta.com\/fr\/blog\/cloner-votre-site-wordpress\/\">reproduire un site<\/a> web que vous ne poss\u00e9dez pas, ce qui constitue un point de d\u00e9part pour un design que vous appr\u00e9ciez.<\/li>\n<\/ul>\n<h4>Contre<\/h4>\n<ul>\n<li>Il reste souvent du travail manuel pour transf\u00e9rer des contenus tels que des articles de blog et des photos.<\/li>\n<li>Vous devrez tr\u00e8s probablement trouver le moyen de <a href=\"https:\/\/kinsta.com\/fr\/blog\/changer-votre-domaine-wordpress\/\">transf\u00e9rer manuellement les liens de l&rsquo;ancien site<\/a>.<\/li>\n<li>Ces convertisseurs ne sont pas toujours tenus \u00e0 jour. L&rsquo;un des meilleurs convertisseurs \u00e9tait une extension WordPress, mais nous ne l&rsquo;avons pas sugg\u00e9r\u00e9e dans cet article car le d\u00e9veloppeur ne la maintient plus.<\/li>\n<li>Vous constaterez peut-\u00eatre que certaines applications web de conversion ne peuvent pas traiter les travaux comportant des fichiers volumineux.<\/li>\n<\/ul>\n<p>Maintenant que vous avez compris les avantages et les inconv\u00e9nients des convertisseurs HTML automatis\u00e9s, jetons un coup d&rsquo;\u0153il ci-dessous \u00e0 nos applications et extensions de conversions automatis\u00e9es pr\u00e9f\u00e9r\u00e9es.<\/p>\n<h3>WP Site Importer<\/h3>\n<p>Bien que l&rsquo;outil <a href=\"https:\/\/www.wpsiteimporter.com\/\">WP Site Importer<\/a> extracte et importe toutes sortes de contenus et de fichiers de sites web plus anciens ou tiers, vous pouvez parier qu&rsquo;un de ces \u00e9l\u00e9ments implique du HTML. En bref, l&rsquo;outil WP Site Importer vous permet de transformer n&rsquo;importe quel site en un site WordPress, en extrayant du contenu comme des images, des menus et des pages du site HTML et des fichiers du site. WP Site Importer r\u00e9pare les <a href=\"https:\/\/kinsta.com\/fr\/blog\/liens-casses\/\">liens bris\u00e9s<\/a> afin que vous n&rsquo;ayez pas \u00e0 les ajuster ou \u00e0 en ajouter de nouveaux manuellement. Il conserve m\u00eame les informations SEO du site pr\u00e9c\u00e9dent, y compris les m\u00e9ta-descriptions et les mots-cl\u00e9s.<\/p>\n<figure id=\"attachment_84164\" aria-describedby=\"caption-attachment-84164\" style=\"width: 925px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84164 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/site-importer.png\" alt=\"WP Site Importer\" width=\"925\" height=\"791\"><figcaption id=\"caption-attachment-84164\" class=\"wp-caption-text\">WP Site Importer<\/figcaption><\/figure>\n<p>L&rsquo;importateur vous fait gagner du temps et de l&rsquo;argent en supprimant les frais de d\u00e9veloppement et en rendant la conversion du HTML et du contenu plus facile. De plus, il nettoie votre HTML, en nettoyant et en reformatant le HTML source. Cela rend vos fichiers HTML plus compatibles avec WordPress et montre \u00e0 Google que vous travaillez avec un code propre, ce qui am\u00e9liore votre <a href=\"https:\/\/kinsta.com\/fr\/?s=seo\">r\u00e9f\u00e9rencement<\/a>.<\/p>\n<p>L&rsquo;outil WP Site Importer fonctionne comme une extension WordPress, vous pouvez donc t\u00e9l\u00e9charger l\u2019extension et activer ses fonctionnalit\u00e9s directement depuis le tableau de bord.<\/p>\n<h3>WP All Import<\/h3>\n<figure id=\"attachment_84107\" aria-describedby=\"caption-attachment-84107\" style=\"width: 1045px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84107 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/wp-all-import.png\" alt=\"WP All Import\" width=\"1045\" height=\"349\"><figcaption id=\"caption-attachment-84107\" class=\"wp-caption-text\">WP All Import<\/figcaption><\/figure>\n<p>L\u2019extension <a href=\"https:\/\/wordpress.org\/plugins\/wp-all-import\/\">WP All Import<\/a> est l&rsquo;un des outils les plus rapides et les plus faciles \u00e0 utiliser pour t\u00e9l\u00e9verser des fichiers XML contenant des donn\u00e9es HTML. Dans l&rsquo;ensemble, l\u2019extension vous permet de migrer le contenu d&rsquo;un site web pr\u00e9c\u00e9dent ou d&rsquo;un \u00e9ventuel site web de d\u00e9monstration construit avec du simple HTML ou quelques fichiers HTML que vous souhaitez dupliquer et apporter sur le nouveau site WordPress.<\/p>\n<p>La conversion se fait en quatre \u00e9tapes, et vous avez acc\u00e8s \u00e0 une belle interface de type glisser-d\u00e9poser pour g\u00e9rer vos conversions et importations. L\u2019extension WP All Import est \u00e9galement int\u00e9ressante car elle g\u00e8re les importations d&rsquo;URL depuis des sites web externes. Par cons\u00e9quent, vous n&rsquo;avez m\u00eame pas besoin de mot de passe ou de contr\u00f4le sur un site pour transf\u00e9rer ces quelques fichiers et potentiellement rendre des \u00e9l\u00e9ments dans WordPress depuis ce site.<\/p>\n<p>Une conversion compl\u00e8te du site web peut s&rsquo;av\u00e9rer d\u00e9courageante avec cette extension, mais cela vaut la peine de l&rsquo;essayer, surtout s&rsquo;il s&rsquo;agit d&rsquo;un simple fichier HTML. De plus, l\u2019extension prend en charge les conversions HTML pour des \u00e9l\u00e9ments tels que les <a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/#new-products\">produits WooCommerce<\/a> et les pages WordPress. Une version premium est disponible pour les fonctionnalit\u00e9s plus avanc\u00e9es, notamment le support client premium qui vous permet de demander de l&rsquo;aide pour effectuer ces conversions.<\/p>\n<h3>HTMLtoWordPress.io<\/h3>\n<figure id=\"attachment_84108\" aria-describedby=\"caption-attachment-84108\" style=\"width: 1184px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84108 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/html-to-word.png\" alt=\"HTMLtoWordPress.io\" width=\"1184\" height=\"663\"><figcaption id=\"caption-attachment-84108\" class=\"wp-caption-text\">HTMLtoWordPress.io<\/figcaption><\/figure>\n<p>L&rsquo;<a href=\"https:\/\/htmltowordpress.io\/\">application en ligne HTMLtoWordPress.io<\/a> est l&rsquo;une des solutions les plus populaires pour convertir un fichier HTML vers WordPress. Ce qui est int\u00e9ressant avec l&rsquo;outil HTMLtoWordPress.io, c&rsquo;est qu&rsquo;il propose principalement des conversions pour des sites web complets, des sites web construits avec du HTML.<\/p>\n<p>Il vous suffit d&rsquo;ouvrir la page d&rsquo;accueil et de t\u00e9l\u00e9verser votre fichier zip HTML pour une conversion rapide. L&rsquo;application web automatise enti\u00e8rement la conversion du HTML vers WordPress, de sorte qu&rsquo;il n&rsquo;est pas n\u00e9cessaire d&rsquo;avoir des comp\u00e9tences en codage ni de s&#8217;emb\u00eater avec un client FTP.<\/p>\n<p>Vous avez \u00e9galement la possibilit\u00e9 de visualiser un aper\u00e7u complet de votre nouveau site WordPress avant de terminer le processus et de le publier sur Internet. Le contenu et les images de votre site sont \u00e9galement conserv\u00e9s pour le nouveau site WordPress. Ils sont modifiables via l&rsquo;application Simple Live Editor, et celle-ci est cens\u00e9e r\u00e9f\u00e9rencer ces images, ainsi que le JavaScript et le CSS. Dans l&rsquo;ensemble, cela semble \u00eatre une solution solide si vous avez un ou plusieurs sites web HTML \u00e0 convertir. En bonus, vous pouvez ajouter des classes \u00e0 votre HTML pour utiliser les <a href=\"https:\/\/kinsta.com\/fr\/\">fonctionnalit\u00e9s avanc\u00e9es de WordPress<\/a>.<\/p>\n<h3>Pinegrow Theme Converter for WordPress<\/h3>\n<p><a href=\"https:\/\/pinegrow.com\/theme-converter-for-wordpress\">Pinegrow Theme Converter<\/a> est un outil de conception web unique qui permet de prendre un r\u00e9pertoire de site web HTML et de le convertir instantan\u00e9ment en un th\u00e8me WordPress complet. Le convertisseur de th\u00e8me t\u00e9l\u00e9verse vos fichiers et pr\u00e9sente un aper\u00e7u du site WordPress dans une interface visuelle. Apr\u00e8s le t\u00e9l\u00e9versement, vous pouvez cliquer sur diff\u00e9rents \u00e9l\u00e9ments des pages et attribuer des actions intelligentes \u00e0 chaque \u00e9l\u00e9ment. Celles-ci s&rsquo;int\u00e8grent \u00e0 WordPress, de sorte que pendant que vous attribuez des actions, il ajoute les bonnes caract\u00e9ristiques de WordPress \u00e0 votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">structure et \u00e0 votre style HTML personnalis\u00e9<\/a>.<\/p>\n<figure id=\"attachment_84109\" aria-describedby=\"caption-attachment-84109\" style=\"width: 933px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84109 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/pinegrow.png\" alt=\"Pinegrow Theme Converter\" width=\"933\" height=\"581\"><figcaption id=\"caption-attachment-84109\" class=\"wp-caption-text\">Pinegrow Theme Converter<\/figcaption><\/figure>\n<p>Une fois que vous avez d\u00e9cid\u00e9 des actions souhait\u00e9es et enregistr\u00e9 les fichiers, Pinegrow a une option pour exporter le projet dans des fichiers <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-php\/\">PHP<\/a> standard de WordPress, qui peuvent \u00eatre t\u00e9l\u00e9vers\u00e9s dans une installation WordPress normale pour le tester dans la vie r\u00e9elle. En outre, le syst\u00e8me d&rsquo;importation de contenu garantit que vous transf\u00e9rez avec succ\u00e8s les \u00e9l\u00e9ments m\u00e9dias comme les images et les vid\u00e9os.<\/p>\n<p>Nous appr\u00e9cions particuli\u00e8rement les fonctionnalit\u00e9s qui vous permettent de retourner dans Pinegrow et de faire des modifications. Il vous suffit de cliquer sur le bouton \u00ab\u00a0Update\u00a0\u00bb et d&rsquo;envoyer la nouvelle version \u00e0 votre th\u00e8me WordPress sans avoir \u00e0 modifier le codage avanc\u00e9 ou \u00e0 ajuster le site web dans WordPress.<\/p>\n<p>Ce n&rsquo;est pas une extension. En fait, aucune extension WordPress n&rsquo;est utilis\u00e9e pour transformer le fichier HTML en un th\u00e8me WordPress. Pinegrow est disponible sous forme de logiciel t\u00e9l\u00e9chargeable dans les versions Mac, Windows et Linux. De l&rsquo;\u00e9diteur visuel magnifique \u00e0 la fonction de mise \u00e0 jour imm\u00e9diate, le logiciel Pinegro semble \u00eatre l&rsquo;une des meilleures options pour convertir un site web HTML complet en un th\u00e8me WordPress.<\/p>\n<h3>Jekyll<\/h3>\n<figure id=\"attachment_84110\" aria-describedby=\"caption-attachment-84110\" style=\"width: 926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84110 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/Jekyll.png\" alt=\"Jekyll\" width=\"926\" height=\"729\"><figcaption id=\"caption-attachment-84110\" class=\"wp-caption-text\">Jekyll<\/figcaption><\/figure>\n<p><a href=\"https:\/\/jekyllrb.com\/\">Jekyll<\/a> est un convertisseur gratuit de HTML vers WordPress qui fonctionne en transformant des fichiers de texte brut en v\u00e9ritables sites web. Le projet est h\u00e9berg\u00e9 sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/base-de-connaissances-github\/\">Github<\/a> et peut \u00eatre t\u00e9l\u00e9charg\u00e9 gratuitement. Il offre la possibilit\u00e9 d&rsquo;\u00e9liminer le besoin de bases de donn\u00e9es et de mod\u00e9ration des commentaires au lieu de se concentrer sur le transfert de votre contenu et le transfert\/la conversion de fichiers avec HTML, CSS.<\/p>\n<p>Un aspect int\u00e9ressant de Jekyll est qu&rsquo;il s&rsquo;occupe de la conception HTML des blogs, en compilant les r\u00e9glages de contenu des pages, des articles et des <a href=\"https:\/\/kinsta.com\/fr\/blog\/permaliens-wordpress\/\">permaliens<\/a> pour migrer votre blog et conserver, ou cr\u00e9er, des mises en page et des cat\u00e9gories personnalis\u00e9es et bien d&rsquo;autres choses encore.<\/p>\n<p>Vous pouvez installer le convertisseur Jekyll sur macOS, Ubuntu, Windows, et m\u00eame sur d&rsquo;autres syst\u00e8mes d&rsquo;exploitation Linux. Dans l&rsquo;ensemble, Jekyll est un projet b\u00e9n\u00e9vole qui propose diverses ressources comme des th\u00e8mes, des extensions et des guides pour tester vos connaissances et vous aider \u00e0 transformer un design HTML en quelque chose de sp\u00e9cial.<\/p>\n<p>Nous appr\u00e9cions particuli\u00e8rement les int\u00e9grations avec les outils eCommerce comme MemberSpace et les applications de formulaires comme Getform. La liste des int\u00e9grations est longue, mais elle t\u00e9moigne du potentiel de votre site web apr\u00e8s la conversion du HTML vers WordPress.<\/p>\n<h3>Theme Matcher<\/h3>\n<figure id=\"attachment_84112\" aria-describedby=\"caption-attachment-84112\" style=\"width: 930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84112 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/theme-matcher.png\" alt=\"Convertisseur Theme Matcher pour HTML vers WordPress\" width=\"930\" height=\"496\"><figcaption id=\"caption-attachment-84112\" class=\"wp-caption-text\">Convertisseur Theme Matcher pour HTML vers WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.themematcher.com\/\">Theme Matcher<\/a> n\u2019est pas tant un convertisseur de fichiers HTML qu&rsquo;un extracteur de fichiers HTML provenant de sites web tiers. Il g\u00e9n\u00e8re des th\u00e8mes WordPress \u00e0 part enti\u00e8re apr\u00e8s que vous ayez coll\u00e9 une URL depuis votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/site-portfolio\/\">site personnel<\/a> ou depuis un site HTML qui ne vous appartient pas.<\/p>\n<p>L&rsquo;id\u00e9e derri\u00e8re ce type de convertisseur et g\u00e9n\u00e9rateur de th\u00e8mes est soit de prendre un de vos propres sites HTML et de le transformer en un site WordPress complet, soit de faire un th\u00e8me bas\u00e9 sur un design que vous avez remarqu\u00e9 ailleurs en ligne.<\/p>\n<figure id=\"attachment_84111\" aria-describedby=\"caption-attachment-84111\" style=\"width: 943px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84111 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/bonobos.png\" alt=\"Aper\u00e7u de Theme Matcher\" width=\"943\" height=\"914\"><figcaption id=\"caption-attachment-84111\" class=\"wp-caption-text\">Aper\u00e7u de Theme Matcher<\/figcaption><\/figure>\n<p>Par exemple, vous pourriez vous rendre sur votre boutique en ligne pr\u00e9f\u00e9r\u00e9e et d\u00e9cider de commencer votre cr\u00e9ation avec ce formatage et cette structure. Theme Matcher g\u00e9n\u00e8re un th\u00e8me enti\u00e8rement nouveau pour votre site, qui doit \u00e9videmment \u00eatre modifi\u00e9 pour des raisons de droits d&rsquo;auteur, mais il constitue un excellent point de d\u00e9part.<\/p>\n<p>Le processus fonctionne en copiant et en collant l&rsquo;URL d&rsquo;un site dans le champ Theme Matcher. Demandez-lui de cr\u00e9er un th\u00e8me pour vous et s\u00e9lectionnez la mise en page du site \u00e0 convertir en contenu WordPress. Une grande partie de la conversion de HTML vers WordPress se d\u00e9roule en arri\u00e8re-plan ici, et il est important d&rsquo;identifier ces zones de contenu WordPress pour qu&rsquo;elles soient aussi proches que possible d&rsquo;un vrai th\u00e8me WordPress. Enfin, vous pouvez t\u00e9l\u00e9charger le th\u00e8me et le charger sur votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/systeme-gestion-contenu\/\">CMS<\/a> WordPress.<\/p>\n<p>Si votre site HTML n&rsquo;est pas encore en ligne et que vous ne pouvez pas coller d&rsquo;URL, Theme Matcher vous permet de t\u00e9l\u00e9verser un fichier zip de votre page HTML et de suivre le m\u00eame processus.<\/p>\n<h3>HTML to WordPress Converter<\/h3>\n<figure id=\"attachment_84162\" aria-describedby=\"caption-attachment-84162\" style=\"width: 940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84162 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/convert.png\" alt=\"Application HTML to WordPress Converter\" width=\"940\" height=\"691\"><figcaption id=\"caption-attachment-84162\" class=\"wp-caption-text\">Application HTML to WordPress Converter<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.htmltowordpressconverter.com\/\">HTML to WordPress Converter<\/a> est une autre solution qui permet de transformer un site web HTML en th\u00e8me WordPress.<\/p>\n<p>Il y a un champ d\u2019URL du site web \u00e0 coller et il ne reste qu\u2019\u00e0 cliquer sur le bouton G\u00e9n\u00e9rer un th\u00e8me. Vous choisissez le contenu et les zones lat\u00e9rales de WordPress pour que vos pages et vos articles se retrouvent au bon endroit, et vous r\u00e9cup\u00e9rez les donn\u00e9es exactes du site web HTML pr\u00e9c\u00e9dent. Il semble que tout votre contenu devrait effectuer le transfert. Cependant, vous devrez peut-\u00eatre v\u00e9rifier vos photos et autres \u00e9l\u00e9ments m\u00e9dias et effectuer le transfert occasionnel par WordPress.<\/p>\n<p>Il en r\u00e9sulte un th\u00e8me et non un site web complet. Vous devez activer votre propre site WordPress et l&rsquo;h\u00e9berger ailleurs. Vous t\u00e9l\u00e9chargez le th\u00e8me \u00e0 partir de cet outil, un th\u00e8me qui ressemble exactement au site web HTML d&rsquo;avant. Gardez \u00e0 l&rsquo;esprit que certains \u00e9l\u00e9ments ne fonctionneront pas comme vous les aviez \u00e0 l&rsquo;origine, mais cet outil fait un excellent travail de maintien de la structure et du formatage de votre site d&rsquo;apr\u00e8s nos tests.<\/p>\n<p>Apparemment, les d\u00e9veloppeurs de l&rsquo;outil de conversion du HTML vers WordPress fournissent \u00e9galement des <a href=\"https:\/\/kinsta.com\/fr\/blog\/css-wordpress\/\">modifications CSS<\/a> gratuites si quelque chose ne se passe pas comme vous le souhaitez.<\/p>\n<h3>PHP Simple HTML DOM Parser<\/h3>\n<figure id=\"attachment_84163\" aria-describedby=\"caption-attachment-84163\" style=\"width: 934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84163 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/parser.png\" alt=\"Outil PHP Simple HTML DOM Parser\" width=\"934\" height=\"251\"><figcaption id=\"caption-attachment-84163\" class=\"wp-caption-text\">Outil PHP Simple HTML DOM Parser<\/figcaption><\/figure>\n<p><a href=\"https:\/\/sourceforge.net\/projects\/simplehtmldom\/\">PHP Simple HTML DOM Parser<\/a> compl\u00e8te un processus n\u00e9cessaire lors du t\u00e9l\u00e9versement d&rsquo;un fichier HTML vers WordPress. Le parser permet de localiser, d&rsquo;extraire et de modifier tout \u00e9l\u00e9ment HTML sur votre site web ou dans un fichier HTML. De cette fa\u00e7on, vous pouvez identifier les <a href=\"https:\/\/kinsta.com\/fr\/blog\/erreurs-wordpress\/\">erreurs<\/a>, les corriger avant de les convertir en un site WordPress, ou m\u00eame utiliser l&rsquo;outil pour modifier les \u00e9l\u00e9ments HTML qui existent sur votre site WordPress actuel.<\/p>\n<p>Il s&rsquo;agit d&rsquo;un t\u00e9l\u00e9chargement gratuit sur le site de SourceForge, ce qui vous permet de consulter les critiques et de demander de l&rsquo;aide si n\u00e9cessaire.<\/p>\n<h3>Embaucher une personne r\u00e9elle<\/h3>\n<figure id=\"attachment_84165\" aria-describedby=\"caption-attachment-84165\" style=\"width: 927px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84165 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/acclaim.png\" alt=\"Service de conversion de HTML vers WordPress\" width=\"927\" height=\"567\"><figcaption id=\"caption-attachment-84165\" class=\"wp-caption-text\">Service de conversion de HTML vers WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/www.hirewpgeeks.com\/\">WP Geeks<\/a>, <a href=\"https:\/\/www.wponlinesupport.com\/migrate-html-to-wordpress\/\">WP Online Support<\/a>, et <a href=\"https:\/\/acclaim.agency\/html-to-wordpress-conversion-service\">Acclaim<\/a> fournissent des services de conversion HTML vers WordPress \u00e0 un prix raisonnable pour ceux qui ne veulent pas s&#8217;emb\u00eater \u00e0 effectuer eux-m\u00eames une conversion ou pour ceux dont l&rsquo;un des outils automatis\u00e9s cit\u00e9s plus haut ne produit pas de r\u00e9sultats solides. La raison pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\">laquelle un convertisseur humain<\/a> a parfois tant de sens est que vous pourriez finir par \u00e9conomiser du temps et de l&rsquo;argent sur le processus, surtout si c&rsquo;est un travail facile que vous n&rsquo;avez tout simplement pas les connaissances n\u00e9cessaires pour mener \u00e0 bien.<\/p>\n<p>Le partenariat avec un v\u00e9ritable d\u00e9veloppeur signifie que vous n&rsquo;avez pas \u00e0 utiliser vos propres comp\u00e9tences techniques &#8211; ou votre manque de comp\u00e9tences techniques &#8211; pour cr\u00e9er un nouveau site web \u00e0 partir des fichiers HTML. Le travail est d\u00e9l\u00e9gu\u00e9 \u00e0 des personnes qui savent ce qu&rsquo;elles font, et il est beaucoup plus probable que vous puissiez trouver la bonne aide, poser des questions et faire des demandes, par rapport \u00e0 une application web qui pourrait n&rsquo;avoir que quelques d\u00e9veloppeurs qui pourraient vous aider.<\/p>\n<p>En outre, cela vous permet de demander quelle fonctionnalit\u00e9 vous souhaitez maintenir sur le nouveau site web, et c&rsquo;est presque une garantie que les actions du site web seront effectivement transf\u00e9r\u00e9es et fonctionneront comme elles le devraient.<\/p>\n<p>L&#8217;embauche d&rsquo;un convertisseur humain HTML vers WordPress n&rsquo;est pas toujours pr\u00e9vue dans le budget, mais cela vaut la peine d&rsquo;y r\u00e9fl\u00e9chir si vous avez des probl\u00e8mes et que vous avez un peu d&rsquo;argent \u00e0 d\u00e9penser.<\/p>\n<h2>Comment convertir du HTML en WordPress avec une application ou une extension automatis\u00e9e<\/h2>\n<p>Si vous avez des questions sur l&rsquo;utilisation d&rsquo;un des convertisseurs automatis\u00e9s HTML vers WordPress pr\u00e9c\u00e9demment list\u00e9s, voici un exemple avec <a href=\"https:\/\/www.wpsiteimporter.com\/\">WP Site Importer<\/a>. C&rsquo;est l&rsquo;une des solutions les plus r\u00e9put\u00e9es, et il s&rsquo;agit d&rsquo;une extension WordPress tierce qui regroupe de nombreuses fonctionnalit\u00e9s d&rsquo;autres convertisseurs automatis\u00e9s du HTML vers WordPress.<\/p>\n<p>Pour commencer, t\u00e9l\u00e9chargez, installez et activez l\u2019extension WP Site Importer sur votre tableau de bord WordPress. Vous devez t\u00e9l\u00e9charger le fichier zip sur le site web du d\u00e9veloppeur et vous inscrire pour l&rsquo;essai gratuit. Il existe \u00e9galement des plans premiums \u00e0 envisager. <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-installer-plugins-wordpress\/\">Cliquez ici<\/a> si vous avez des questions sur l&rsquo;installation d&rsquo;une extension WordPress.<\/p>\n<p>L\u2019extension WP Site Importer offre une s\u00e9rie d&rsquo;outils d&rsquo;importation pour les pages et les articles individuels, ainsi que pour les sites web complets et les \u00e9l\u00e9ments suppl\u00e9mentaires n\u00e9cessaires \u00e0 la r\u00e9alisation du travail, comme la localisation d&rsquo;images et la modification de liens internes.<\/p>\n<p>Pour cet exemple, nous allons passer en revue la plupart des fonctionnalit\u00e9s, en commen\u00e7ant par une seule page HTML. Dans le tableau de bord WordPress, allez sur <strong>Site Importer &gt; Importer une page<\/strong>.<\/p>\n<figure id=\"attachment_84527\" aria-describedby=\"caption-attachment-84527\" style=\"width: 938px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84527 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-single-page.png\" alt=\"Importer du HTML dans une page WordPress\" width=\"938\" height=\"564\"><figcaption id=\"caption-attachment-84527\" class=\"wp-caption-text\">Importer du HTML dans une page WordPress<\/figcaption><\/figure>\n<p>La grande majorit\u00e9 des r\u00e9glages par d\u00e9faut de l\u2019extension sont pr\u00eats \u00e0 l&#8217;emploi, ce qui signifie que vous n&rsquo;avez g\u00e9n\u00e9ralement rien \u00e0 changer. \u00c0 moins, bien s\u00fbr, que vous ne souhaitiez modifier certaines choses, comme l&rsquo;importation d&rsquo;une page en tant qu\u2019article ou la suppression d&rsquo;images. N&rsquo;h\u00e9sitez pas \u00e0 faire d\u00e9filer tous les r\u00e9glages de l\u2019extension pour vous assurer qu&rsquo;ils correspondent \u00e0 vos besoins.<\/p>\n<p>Il suffit de coller l&rsquo;URL \u00e0 scanner pour importer une seule page.<\/p>\n<p><strong>Note :<\/strong> le t\u00e9l\u00e9versement de fichiers n&rsquo;est disponible que pour les conversions de plusieurs pages.<\/p>\n<figure id=\"attachment_84526\" aria-describedby=\"caption-attachment-84526\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-page-wizard.png\" alt=\"L'assistant d'importation de page\" width=\"1060\" height=\"854\"><figcaption id=\"caption-attachment-84526\" class=\"wp-caption-text\">L&rsquo;assistant d&rsquo;importation de page<\/figcaption><\/figure>\n<p>Cliquez sur le bouton <strong>Importer une page<\/strong> pour continuer.<\/p>\n<figure id=\"attachment_84525\" aria-describedby=\"caption-attachment-84525\" style=\"width: 1009px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84525 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-page.png\" alt=\"Cliquer sur le bouton \u00ab Importer une page \u00bb.\" width=\"1009\" height=\"416\"><figcaption id=\"caption-attachment-84525\" class=\"wp-caption-text\">Cliquer sur le bouton \u00ab Importer une page \u00bb.<\/figcaption><\/figure>\n<p>L\u2019extension vous indique ce qui a r\u00e9ussi et fournit plusieurs liens pour pr\u00e9visualiser les nouvelles pages WordPress et les modifier si n\u00e9cessaire.<\/p>\n<figure id=\"attachment_84524\" aria-describedby=\"caption-attachment-84524\" style=\"width: 1038px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84524 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/complete-edit-or-preview.png\" alt=\"Cliquez sur le lien \u00ab Aper\u00e7u \u00bb\" width=\"1038\" height=\"578\"><figcaption id=\"caption-attachment-84524\" class=\"wp-caption-text\">Cliquez sur le lien \u00ab Aper\u00e7u \u00bb<\/figcaption><\/figure>\n<p>Vous voudrez \u00e9galement transf\u00e9rer tous les menus du site HTML statique.<\/p>\n<p>Pour cela, allez sur <strong>Site Importer &gt; Importer des menus<\/strong>.<\/p>\n<figure id=\"attachment_84523\" aria-describedby=\"caption-attachment-84523\" style=\"width: 909px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84523 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-menus.png\" alt=\"Importer des menus dans WordPress\" width=\"909\" height=\"328\"><figcaption id=\"caption-attachment-84523\" class=\"wp-caption-text\">Importer des menus dans WordPress<\/figcaption><\/figure>\n<p>L&rsquo;importation de menu est similaire \u00e0 la conversion de fichier puisqu&rsquo;elle demande l&rsquo;URL. Vous pouvez \u00e9galement d\u00e9finir des \u00e9l\u00e9ments comme la densit\u00e9 du menu et la taille minimale du menu.<\/p>\n<p>Cliquez sur <strong>Identifier le menu<\/strong> pour continuer.<\/p>\n<figure id=\"attachment_84522\" aria-describedby=\"caption-attachment-84522\" style=\"width: 1027px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84522 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/find-menus.png\" alt=\"Le panneau Assistant d'importation de menu\" width=\"1027\" height=\"631\"><figcaption id=\"caption-attachment-84522\" class=\"wp-caption-text\">Le panneau Assistant d&rsquo;importation de menu<\/figcaption><\/figure>\n<p>Chaque \u00e9l\u00e9ment du menu appara\u00eet d\u00e9sormais sur une liste. Vous devriez \u00e9galement voir plusieurs menus si vous en aviez plusieurs sur votre site HTML.<\/p>\n<p>Cochez les menus que vous souhaitez importer et donnez un nom \u00e0 chacun d&rsquo;entre eux. Cliquez sur le bouton <strong>Importer le menu<\/strong>.<\/p>\n<figure id=\"attachment_84520\" aria-describedby=\"caption-attachment-84520\" style=\"width: 975px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84520 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/import-menu.png\" alt=\"Importer un menu\" width=\"975\" height=\"837\"><figcaption id=\"caption-attachment-84520\" class=\"wp-caption-text\">Importer un menu<\/figcaption><\/figure>\n<p>Avec les importations de menu WordPress, il faut encore configurer l&#8217;emplacement du menu.<\/p>\n<p>Dans le tableau de bord, rendez-vous sur <strong>Apparence &gt; Menus<\/strong>.<\/p>\n<p>Nommez et cr\u00e9ez un menu puis enregistrez-le dans WordPress. Vous devriez d\u00e9j\u00e0 voir le menu import\u00e9 si tout a fonctionn\u00e9 comme pr\u00e9vu.<\/p>\n<figure id=\"attachment_84519\" aria-describedby=\"caption-attachment-84519\" style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84519 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/save-the-menu.png\" alt=\"Enregistrer le menu import\u00e9\" width=\"1604\" height=\"877\"><figcaption id=\"caption-attachment-84519\" class=\"wp-caption-text\">Enregistrer le menu import\u00e9<\/figcaption><\/figure>\n<p>Cliquez sur l&rsquo;onglet <strong>G\u00e9rer les emplacements<\/strong> et trouvez le menu import\u00e9 dans la liste d\u00e9roulante. Vous devez placer ce nouveau menu \u00e0 l&#8217;emplacement de votre choix.<\/p>\n<p>Veillez \u00e0 <strong>Enregistrer les modifications<\/strong> lorsque vous avez termin\u00e9.<\/p>\n<figure id=\"attachment_84518\" aria-describedby=\"caption-attachment-84518\" style=\"width: 1033px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84518 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/manage-location.png\" alt=\"Changer l'emplacement du menu si n\u00e9cessaire\" width=\"1033\" height=\"507\"><figcaption id=\"caption-attachment-84518\" class=\"wp-caption-text\">Changer l&#8217;emplacement du menu si n\u00e9cessaire<\/figcaption><\/figure>\n<p>Une autre partie de l&rsquo;importation d&rsquo;un site HTML vers WordPress consiste \u00e0 localiser les images. Pour compl\u00e9ter ce processus, allez dans <strong>Site Importer &gt; Localiser les images<\/strong>.<\/p>\n<figure id=\"attachment_84517\" aria-describedby=\"caption-attachment-84517\" style=\"width: 903px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84517 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/local-images.png\" alt=\"Localisation des images pour la conversion de HTML vers WordPress\" width=\"903\" height=\"427\"><figcaption id=\"caption-attachment-84517\" class=\"wp-caption-text\">Localisation des images pour la conversion de HTML vers WordPress<\/figcaption><\/figure>\n<p>Tous les r\u00e9glages par d\u00e9faut pour la localisation de l&rsquo;image sont g\u00e9n\u00e9ralement bons \u00e0 utiliser.<\/p>\n<p>Cliquez sur le bouton <strong>Suivant<\/strong>.<\/p>\n<figure id=\"attachment_84516\" aria-describedby=\"caption-attachment-84516\" style=\"width: 1161px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84516 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-s.png\" alt=\"Cliquez sur le bouton \u00ab Suivant \u00bb pour commencer\" width=\"1161\" height=\"818\"><figcaption id=\"caption-attachment-84516\" class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Suivant \u00bb pour commencer<\/figcaption><\/figure>\n<p>Vous y trouverez une liste des images transf\u00e9r\u00e9es depuis le site web pr\u00e9c\u00e9dent.<\/p>\n<p>S\u00e9lectionnez celles que vous souhaitez localiser et cliquez sur le bouton <strong>Suivant<\/strong>.<\/p>\n<figure id=\"attachment_84515\" aria-describedby=\"caption-attachment-84515\" style=\"width: 1609px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84515 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-buttons.png\" alt=\"Voir toutes les images import\u00e9es\" width=\"1609\" height=\"841\"><figcaption id=\"caption-attachment-84515\" class=\"wp-caption-text\">Voir toutes les images import\u00e9es<\/figcaption><\/figure>\n<p>En quelques secondes, l\u2019extension ajoute chaque image \u00e0 votre m\u00e9diath\u00e8que WordPress, leur donnant ainsi toutes les URL du nouveau site web. Vous pouvez vous rendre dans la m\u00e9diath\u00e8que pour vous assurer que cette transition a bien eu lieu.<\/p>\n<figure id=\"attachment_84514\" aria-describedby=\"caption-attachment-84514\" style=\"width: 1565px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84514 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/all-done.png\" alt=\"Le produit final des images localis\u00e9es\" width=\"1565\" height=\"840\"><figcaption id=\"caption-attachment-84514\" class=\"wp-caption-text\">Le produit final des images localis\u00e9es<\/figcaption><\/figure>\n<p>Une autre partie de la conversion HTML consiste \u00e0 mettre \u00e0 jour vos liens internes. Tous les transferts de sites web entra\u00eenent g\u00e9n\u00e9ralement des liens rompus et des probl\u00e8mes avec les structures d\u2019URL.<\/p>\n<p>Nous devons les corriger, alors rendez-vous sur <strong>Site Importer &gt; Mettre \u00e0 jour les liens internes<\/strong> pour commencer.<\/p>\n<figure id=\"attachment_84513\" aria-describedby=\"caption-attachment-84513\" style=\"width: 918px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84513 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/update-links.png\" alt=\"Mettre \u00e0 jour les liens internes de mani\u00e8re approfondie\" width=\"918\" height=\"450\"><figcaption id=\"caption-attachment-84513\" class=\"wp-caption-text\">Mettre \u00e0 jour les liens internes de mani\u00e8re approfondie<\/figcaption><\/figure>\n<p>La page suivante explique comment les anciens liens seront remplac\u00e9s par des versions du nouveau domaine du site web, en ajoutant des sous-r\u00e9pertoires pour une exp\u00e9rience utilisateur fluide qui r\u00e9side sur l&rsquo;URL du site WordPress.<\/p>\n<p>Il vous suffit de cliquer sur le bouton Mettre \u00e0 jour les liens. L\u2019extension effectue toutes les conversions pour vous.<\/p>\n<figure id=\"attachment_84512\" aria-describedby=\"caption-attachment-84512\" style=\"width: 1329px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84512 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/update-the-link.png\" alt=\"Cliquez sur le bouton \u00ab Mettre \u00e0 jour les liens \u00bb.\" width=\"1329\" height=\"777\"><figcaption id=\"caption-attachment-84512\" class=\"wp-caption-text\">Cliquez sur le bouton \u00ab Mettre \u00e0 jour les liens \u00bb.<\/figcaption><\/figure>\n<p>Si vous pr\u00e9voyez de convertir un site web HTML entier (plut\u00f4t qu&rsquo;une seule page), rendez-vous dans l&rsquo;onglet <strong>Importer plusieurs pages<\/strong> dans le menu de <strong>Site Importer<\/strong>.<\/p>\n<p>C&rsquo;est \u00e9galement une excellente option pour ceux qui souhaitent t\u00e9l\u00e9verser des fichiers de sites locaux au lieu de copier une URL.<\/p>\n<figure id=\"attachment_84511\" aria-describedby=\"caption-attachment-84511\" style=\"width: 949px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84511 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/multiple-pages-here.png\" alt=\"Importer plusieurs pages \u00e0 la fois\" width=\"949\" height=\"488\"><figcaption id=\"caption-attachment-84511\" class=\"wp-caption-text\">Importer plusieurs pages \u00e0 la fois<\/figcaption><\/figure>\n<p>L&rsquo;<strong>assistant de pages multiples<\/strong> comporte des champs pour coller une URL et t\u00e9l\u00e9verser des fichiers HTML du site.<\/p>\n<p>Choisissez ce qui convient le mieux pour votre travail.<\/p>\n<figure id=\"attachment_84510\" aria-describedby=\"caption-attachment-84510\" style=\"width: 1146px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84510 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/choose-file-s.png\" alt=\"Saisissez l'URL \u00e0 scanner pour l'importation\" width=\"1146\" height=\"823\"><figcaption id=\"caption-attachment-84510\" class=\"wp-caption-text\">Saisissez l&rsquo;URL \u00e0 scanner pour l&rsquo;importation<\/figcaption><\/figure>\n<p>Au fur et \u00e0 mesure de la conversion et de l&rsquo;importation du site HTML, vous verrez une liste d&rsquo;URLs s&rsquo;afficher sur votre site WordPress. Vous pouvez supprimer certaines des pages de l&rsquo;importation si vous n&rsquo;en avez pas besoin. Vous avez \u00e9galement la possibilit\u00e9 d&rsquo;importer des articles, de les d\u00e9finir comme non publi\u00e9s et d&rsquo;inclure l&rsquo;image mise en avant.<\/p>\n<figure id=\"attachment_84528\" aria-describedby=\"caption-attachment-84528\" style=\"width: 1707px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84528 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/next-button.png\" alt=\"L'assistant d'importation de pages multiples\" width=\"1707\" height=\"805\"><figcaption id=\"caption-attachment-84528\" class=\"wp-caption-text\">L&rsquo;assistant d&rsquo;importation de multiples pages<\/figcaption><\/figure>\n<p>La derni\u00e8re \u00e9tape r\u00e9v\u00e8le la liste compl\u00e8te des pages web converties du site HTML vers votre syst\u00e8me WordPress. Vous pouvez maintenant cliquer sur le bouton <strong>Modifier<\/strong> ou <strong>Pr\u00e9visualiser<\/strong> de chaque page pour continuer \u00e0 personnaliser votre site web.<\/p>\n<figure id=\"attachment_84529\" aria-describedby=\"caption-attachment-84529\" style=\"width: 1439px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84529 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/12\/the-many-pages.png\" alt=\"Toutes les pages import\u00e9es et pr\u00eates\" width=\"1439\" height=\"714\"><figcaption id=\"caption-attachment-84529\" class=\"wp-caption-text\">Toutes les pages import\u00e9es et pr\u00eates<\/figcaption><\/figure>\n<p>N&rsquo;oubliez pas qu&rsquo;une conversion comme celle-ci ne signifie pas que vous verrez imm\u00e9diatement le design exact de votre site web HTML. Vous devrez peut-\u00eatre importer une feuille de style ou m\u00eame coder vous-m\u00eame le site ou les pages.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Passer du HTML \u00e0 WordPress demande un peu de travail. Mais le d\u00e9fi en vaut la peine. Le passage du HTML \u00e0 WordPress peut \u00e9galement faciliter des t\u00e2ches moins lourdes, comme la <a href=\"https:\/\/kinsta.com\/fr\/blog\/verification-site-google\/\">v\u00e9rification de la propri\u00e9t\u00e9 de votre site<\/a> ou la mise en place d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/blog\/modifier-code-wordpress\/\">simple module HTML<\/a>.<\/p>\n<p>Les possibilit\u00e9s sont nombreuses en ce qui concerne le <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-envoyer-fichier-html-vers-wordpress\/\">t\u00e9l\u00e9versement et la conversion de fichiers HTML<\/a>. N&rsquo;oubliez pas que vous pouvez g\u00e9n\u00e9ralement effectuer une grande partie du travail avec un convertisseur HTML automatis\u00e9. Apr\u00e8s cela, il y aura tr\u00e8s probablement du travail manuel, mais avec la combinaison des bons outils et des bonnes <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/\">connaissances<\/a>, vous pouvez dupliquer presque tous les sites web HTML que vous voulez !<\/p>\n<p>Si vous avez des questions concernant le t\u00e9l\u00e9versement de fichiers HTML vers WordPress ou la conversion de fichiers HTML vers des sites WordPress, faites-le nous savoir dans la section des commentaires ci-dessous.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e9l\u00e9verser et convertir du HTML vers WordPress sont des actions effectu\u00e9s pour des raisons tr\u00e8s diverses. Vous pouvez vouloir convertir un ancien site HTML statique et &#8230;<\/p>\n","protected":false},"author":117,"featured_media":44852,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[254,47],"topic":[1028],"class_list":["post-44845","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-html","tag-webdev","topic-developpement-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-24T14:40:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-16T10:29:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"66 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML\",\"datePublished\":\"2021-02-24T14:40:55+00:00\",\"dateModified\":\"2025-09-16T10:29:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/\"},\"wordCount\":12818,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png\",\"keywords\":[\"html\",\"webdev\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/\",\"name\":\"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png\",\"datePublished\":\"2021-02-24T14:40:55+00:00\",\"dateModified\":\"2025-09-16T10:29:05+00:00\",\"description\":\"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png\",\"width\":768,\"height\":384,\"caption\":\"html-to-wordpress-fr\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML","description":"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML","og_description":"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.","og_url":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2021-02-24T14:40:55+00:00","article_modified_time":"2025-09-16T10:29:05+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png","twitter_creator":"@salmanravoof","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Salman Ravoof","Dur\u00e9e de lecture estim\u00e9e":"66 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML","datePublished":"2021-02-24T14:40:55+00:00","dateModified":"2025-09-16T10:29:05+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/"},"wordCount":12818,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png","keywords":["html","webdev"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/","name":"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png","datePublished":"2021-02-24T14:40:55+00:00","dateModified":"2025-09-16T10:29:05+00:00","description":"Apprenez \u00e0 ajouter du HTML \u00e0 WordPress et \u00e0 convertir des fichiers HTML pour donner vie au code de votre site. Nous couvrons tout, du t\u00e9l\u00e9versement \u00e0 la conversion.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/html-to-wordpress-fr.png","width":768,"height":384,"caption":"html-to-wordpress-fr"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/html-vers-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"HTML vers WordPress : Un guide d\u00e9taill\u00e9 pour t\u00e9l\u00e9verser et convertir du HTML"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/44845","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=44845"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/44845\/revisions"}],"predecessor-version":[{"id":80975,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/44845\/revisions\/80975"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/translations\/pt"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/44845\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/44852"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=44845"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=44845"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=44845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}