Quelle est la meilleure façon d’ajouter une page HTML statique à WordPress?

Aujourd'hui, vous allez apprendre à ajouter une page HTML statique à votre site Web WordPress. Ce hack est basé sur les paramètres par défaut - aucun outil ni codage supplémentaire n'est requis.

Conditions préalables

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

Nous utiliserons cette simple page d'atterrissage et notre site de test construit avec WildRide - thème WordPress sous licence GPL. Vous pouvez lire sur la personnalisation de tels modèles dans cet article.(en anglais)

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


Créez un dossier vide

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

Notre exemple est un addon domain ; c'est 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 modèle. La page sera disponible à 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 exemple, Total Commander ou FileZilla), mais nous utiliserons le gestionnaire de fichiers par navigateur par défaut disponible dans CPanel.


Étape 1 : Allez sur votre CPanel et ouvrez File Manager.

CPanel file manager


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


Cpanel add folder
Cpanel empty folder


Téléchargez votre modèle HTML statique

Vous ne pouvez pas télécharger des dossiers classiques, 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 modèles ignorez 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 dans 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, cliquez avec le bouton droit sur le fichier .ZIP et choisissez ‘Extract’.

extract zip in Cpanel
extract zip


Étape 8 : Supprimez le fichier .ZIP.

delete files from hosting

Si votre serveur ne prend pas en charge la redirection hors de la boîte, essayez d'ajouter cette ligne au fichier .htaccess, situé dans le dossier racine de votre site WordPress.
RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

Pour conclure

Toutes nos félicitations ! Maintenant, votre page HTML statique est incorporée dans votre site Web WordPress et peut être consultée en utilisant une adresse sophistiquée et conviviale. N'hésitez pas à visiter nos collections de thèmes WordPressmodèles HTML, et pages d'atterrissage, et créez votre superbe combinaison.



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.