Lorsque vous créez une page WordPress vous avez la possibilité de les personnaliser en créant un template unique pour chacune. Cette fonction est très pratique si vous souhaitez créer une page de vente qui se démarque de vos autres pages ou mettre en avant tout type de produit ou service. Nous abordons aujourd’hui l’étape 7 de notre série consacrée à la création de site WordPress : Comment créer un modèle de page WordPress ? Cette partie est plus technique que les précédentes car elle nécessite de se rendre dans le code. Mais rassurez-vous c’est très simple !
Retrouvez toutes les étapes ci-dessous :
- Etape 1 : Création de site WordPress : Comment créer l’arborescence de son site web ?
- Etape 2 : Comment installer son site WordPress ?
- Etape 3 : Comment bien configurer WordPress ?
- Etape 4 : 7 plugins gratuits et indispensables pour son site WordPress
- Etape 5 : Quel thème WordPress choisir pour son site ?
- Etape 5.1 : Comment personnaliser son thème WordPress sans coder ?
- Etape 6 : Comment créer et gérer ses menus sous WordPress ?
- Etape 7 : Comment créer un modèle de page WordPress ?
- Etape 8 : Comment créer et optimiser un article WordPress ?
- Etape 9 : 15 banques d’images gratuites et libres de droits
- Etape 10 : Comment référencer son site WordPress ?
Comment créer un nouveau modèle de page WordPress ?
Lorsque vous vous trouvez dans votre panneau d’administration Wordpress au menu Pages >Ajouter vous avez accès au bloc à droite Attributs de la page. Dans ce même bloc vous trouverez la fonction Modèle avec plusieurs modèles de page proposés :
Pour ajouter un nouveau template (modèle) personnalisé à votre liste vous devez créer un fichier avec l’extension .php.
Choisissez n’importe quel éditeur de texte, vous avez le choix : Notepad++, Sublime Text, Smultron (pour Mac), Coda, Textmate, Brackets… puis créez un fichier .php en intégrant ce code :
<?php /* Template Name: templateexemple */ ?>
Le transfert de son nouveau template par FTP
Une fois cette nouvelle page créée transférez là sur votre FTP. Pour se faire connectez vous avec FileZilla, renseignez l’Hôte, votre identifiant, Mot de passe, numéro de port et cliquez sur le bouton Connexion rapide (Toutes ces informations vous ont été fournies par votre hébergeur).
Sélectionnez votre fichier puis transférez le dans le dossier wp-content/ themes /votre-theme . Transférez bien votre fichier dans le thème qui est activé sur votre site WordPress (pour voir celui qui est activé rendez-vous dans Apparence > Thèmes de votre panneau d’administration WordPress)
Une fois ce fichier transféré rendez-vous dans votre panneau d’administration WordPress puis cliquez sur Pages >Ajouter. Dans la barre Attributs de la page vous pouvez choisir votre nouveau template :
Personnaliser son nouveau modèle de page WordPress
Une fois votre fichier .php crée vous pouvez réaliser le template personnalisé de votre page. Nous allons donc reprendre la structure de page de WordPress comme modèle. Pour ce faire suivez les étapes suivantes :
1) Rendez-vous sur votre serveur FTP, recherchez le fichier page.php qui se trouve dans wp-content/ themes /votre-theme puis téléchargez le fichier
2) Ouvrez maintenant le fichier dans votre éditeur de texte puis copiez l’intégralité du code
3) Collez le code dans le fichier .php correspondant à votre modèle de template (à coller après :
<?php /* Template Name: templateexemple */ ?>
Vous pouvez maintenant procéder aux changements que vous souhaitez en termes de styles, structures et fonctionnalités PHP.
Par exemple pour créer une page sans sidebar supprimez la ligne :
<?php get_sidebar( 'content' ); ?>
puis vérifiez que les balises <div> soient correctement fermées.
4) Une fois ces changements effectué vous pouvez retransférer votre nouveau-template.php par FTP comme décrit dans le chapitre précédent.
Il vous est maintenant possible d’imaginer différents modèles de pages pour mettre en avant vos différents produits ou services.
Retrouvez toutes nos formules d’hébergement WordPress clés en main pour créer votre site professionnel !
Retrouvez les meilleurs thèmes WordPress sur Elegant Themes :