Voulez-vous importer une page HTML existante dans WordPress en préservant le design, la mise en page et les fonctionnalités de la page ? Cet article vous fournira un guide détaillé, étape par étape, sur la fa?on d'importer des pages HTML existantes dans WordPress via la fonctionéditeur classiqueetéditeur de blocsrépondre en chantantconstructeur de pagesTrois méthodes telles que la HTML
Importer WordPress.
![Image [1] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122153225758-wordpress-block-editor-how-to-work-efficiently-in-gutenberg.png)
Les bases des fichiers HTML
HTML
(langage de balisage hypertexte) est le langage qui constitue la base de tous les sites web. Il structure le contenu d'une page web, en définissant les différentes parties de la page à l'aide de balises, telles que les titres (<h1>
), des paragraphes (<p>
), des images (<img>
Les fichiers HTML sont des documents texte qui stockent ce code et contiennent la mise en page, le contenu et les éléments multimédias d'un site web.
Avantages des fichiers HTML
- Compatibilité multiplateformeLes fichiers HTML s'affichent correctement sur différents appareils et navigateurs.
- Optimisation des moteurs de rechercheLe contenu structuré en HTML est plus facile à explorer et à indexer par les moteurs de recherche.
- Contr?les entièrement personnalisablesHTML : HTML permet de contr?ler directement la mise en page et les fonctionnalités.
- Amélioration de la vitesse de chargementLes fichiers HTML optimisés réduisent le temps de chargement des pages et améliorent l'expérience de l'utilisateur.
![Image [2] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122153559980-514c1f4c7f2798fd3fed47c40e4d55c.png)
Pourquoi faut-il importer du HTML dans WordPress ?
L'importation de fichiers HTML dans WordPress peut vous aider à conserver votre design, à optimiser votre processus de développement et à supporter un haut degré de personnalisation. En voici les principales raisons :
1) Conception et mise en page de la page de réservation
Si vous migrez vers WordPress à partir d'une autre plateforme, le fichier
2. l'utilisation de modèles HTML précon?us
Les modèles HTML fournissent un cadre solide pour les sites web WordPress et permettent de gagner du temps en créant des pages à partir de zéro. En important des modèles HTML, vous pouvez hériter des éléments de conception existants (par exemple les formulaires de contact, les curseurs d'image) et vous concentrer sur le contenu et la personnalisation de la marque.
3. mise en ?uvre de la personnalisation approfondie des pages
L'importation de fichiers HTML peut aider les développeurs à contourner les limites des thèmes WordPress. Des mises en page et des fonctionnalités plus avancées peuvent être mises en ?uvre à l'aide d'un code personnalisé afin de répondre aux besoins uniques des entreprises.
Importer du HTML dans WordPressTrois approches
Méthode 1 : Utilisation de l'éditeur classique
L'éditeur classique est l'outil d'édition traditionnel de WordPress qui permet de coller directement du code HTML.
![Image [3] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122150444701-image.png)
Les étapes :
- Ajouter une nouvelle page
Connectez-vous au backend de WordPress et naviguez vers Pages > Ajouter une nouvelle page. - Passez à l'onglet "Texte
Dans l'éditeur, passez en mode texte et collez le code HTML dans la zone de texte.
![Image [4] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122150523139-image.png)
![Image [5] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122150613747-image.png)
- Code de prévisualisation
Revenez à "Visuel L'onglet " prévisualise l'affichage du fichier HTML.
![Image [6] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122150656667-image.png)
- Enregistrer ou publier
Si vous êtes satisfait du contenu, cliquez sur le bouton "Enregistrer le projet" ou "Publier" pour terminer l'opération.
![Image [7] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122150720230-image.png)
Méthode 2 : Utilisation de l'éditeur de blocs
éditeur de blocs (Gutenberg) est l'éditeur par défaut de WordPress et construit des pages au moyen de blocs.
Les étapes :
- Ajouter une nouvelle page
Naviguez vers Pages > Ajouter une nouvelle page. - Ajouter le bloc "HTML personnalisé
Dans la barre d'outils de gauche, trouvez "HTML personnalisé"Faites-le glisser dans la mise en page.
![Image [8] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122150812489-image.png)
- Coller le code HTML
Collez votre code HTML dans le bloc.
![Image [9] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122150922943-image.png)
- Avant-premières et publications
Utilisez le bouton "Aper?u" pour vérifier l'effet, et cliquez sur "Publier" après avoir confirmé qu'il n'y a pas d'erreur.
![Image [10] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122151007235-image.png)
Vous pouvez également cliquer sur le menu à trois points dans le coin supérieur droit ("Plus d'outils et d'options"), cliquer sur l'option "éditeur de code" et trouver la section "éditeur ".
![Image [11] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122145654945-image.png)
Méthode 3 : Utilisation du constructeur de pages
Les constructeurs de pages (tels que Elementor) offre des fonctions de conception plus avancées et permet d'importer du HTML.
Les étapes :
- Installez et activez le constructeur de pages
Recherchez Elementor dans le répertoire des plugins WordPress, installez et activez le plugin. - Faire glisser des éléments HTML
Ouvrez l'éditeur Elementor et trouvez l'élément "HTML"et faites-le glisser jusqu'à l'élémentpage web.
![Image [12] - Comment importer du HTML dans WordPress : tutoriel étape par étape sur l'éditeur classique, l'éditeur de blocs et le constructeur de pages](http://gqxi.cn/wp-content/uploads/2024/11/20241122151917569-image.png)
- Coller le code HTML
Collez le code HTML dans le champ "Code HTML"Partie. - Avant-premières et publications
Cliquez sur "Prévisualiser les modifications" pour voir l'effet, et lorsque vous êtes satisfait, cliquez sur "...".poste".
Questions fréquemment posées
Oui, vous pouvez le faire en copiant le code HTML et en insérant l'élémentColler dans WordPress pour permettre l'importation.
Le HTML peut être ajouté à une page via l'éditeur classique, l'éditeur de blocs ou le module "HTML" du constructeur de pages.
Bien qu'il soit techniquement possible d'intégrer des formulaires HTML directement, il est souvent recommandé d'utiliser un plugin WordPress dédié à la création de formulaires. Des plugins tels que Contact Form 7, WPForms ou Gravity Forms offrent des interfaces conviviales et un traitement sécurisé des formulaires.
Utilisez l'utilitaire FTP pour télécharger des fichiers HTML dans le répertoire racine de WordPress ou dans un dossier spécifique, puis accédez-y via des liens de page.
Lien vers cet article :http://gqxi.cn/fr/27515L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires