Quel est le moyen le plus simple d’ajouter une page HTML statique à WordPress ?

  1. Conditions préalables
  2. Créez un dossier vide
  3. Téléchargez votre modèle HTML statique
  4. Conclusion

Aujourd'hui, vous apprendrez comment ajouter une page HTML statique à votre site WordPress. Cette astuce est basée sur les paramètres par défaut - aucun outil ou codage supplémentaire n'est requis.

Conditions préalables

Vous aurez besoin d'un site sur WordPress et d'un modèle HTML statique.

Nous utiliserons cette page d'atterrissage simple et notre site de test construit avec le thème WordPress WildRide GPL. Vous pouvez en apprendre davantage sur la personnalisation de ce thème dans cet article (en anglais).

Vous pouvez utiliser n'importe quel thème WordPress et n'importe quelle page / modèle HTML.


Créer un dossier vide

Tout d'abord, vous devez créer un nouveau dossier vide dans le dossier racine de votre site WordPress. D'habitude, il est situé ici : /public_html/.

Notre exemple est un domaine addon ; Voilà pourquoi son adresse est /public_html/wildride1/. Ainsi, l'emplacement de votre modèle HTML sera /public_html/wildride1/landing/, où ‘landing’ est le nom du dossier avec notre template. La page sera disponible sur http://wildride1.trinqt.com/landing/.

Il existe plusieurs façons de télécharger des fichiers sur votre hébergement. Vous pouvez utiliser un gestionnaire de fichiers autonome (par ex. Total Commander ou FileZilla), mais nous utiliserons le gestionnaire de fichiers basé sur un navigateur par défaut disponible dans CPanel.


Étape 1 : Accédez à votre CPanel et ouvrez le Gestionnaire de fichiers.

CPanel file manager

Étape 2 : Créez un dossier vide à la racine de votre site WordPress.

Cpanel empty folder

Téléchargez votre modèle HTML statique

Vous n'êtes pas autorisé à télécharger des dossiers réguliers, mais vous pouvez télécharger des fichiers .ZIP et les décompresser directement dans le gestionnaire de fichiers. Le processus est rapide et indolore.


Étape 3 : Extraire uniquement les fichiers de modèle; ignorer les sources, les captures d'écran, la documentation, etc. Dans notre cas, vous avez besoin du contenu du dossier ‘site’ :

html landing template

Étape 4 : Renommez le fichier index.html en index.php.

Étape 5 : Ajoutez tous les fichiers à une archive .ZIP.

zip archive

Étape 6 : Maintenant, allez dans le gestionnaire de fichiers, et téléchargez votre fichier .ZIP dans le dossier que vous venez de créer.

upload zip to hosting

Étape 7 : Quand c'est fait, faites un clic droit sur le fichier .ZIP, et choisissez ‘Extract’.

extract zip

Étape 8 : Supprimez le fichier .ZIP.

delete files from hosting

Vous pouvez vérifier les résultats finaux ici: http://wildride1.trinqt.com/landing/.

Si votre serveur ne prend pas en charge la redirection hors de la boîte, essayez d'ajouter cette ligne au fichier .htaccess, qui est situé dans le dossier racine de votre site WordPress.

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

Obtenez plus d'informations dans ce sujet sur Stackoverflow.


Conclusion

Toutes nos félicitations ! Maintenant, votre page HTML statique est incorporée dans votre site WordPress et peut être consultée en utilisant une adresse fantaisie, conviviale. N'hésitez pas à visiter nos collections de thèmes WordPress, modèles HTML et pages d'atterrissage et créez votre combinaison géniale. Et si vous avez un bon modèle HTML - nous pouvons le convertir en site WordPress. Vous n'aurez rien à faire - notre Centre de services fera tout pour vous.


Articles à lire

Concepts WordPress pour débutants. Petit guide et quelques comparaisons

30 meilleurs thèmes WordPress pour projets liés aux animaux en 2020

5 meilleurs plugins WordPress iFrame 2020



Claire

Claire est une écrivaine talentueuse et curieuse. Sa principale priorité est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'intéresse également activement à la littérature, aux traductions et communique avec plaisir avec les abonnés en ligne.