Avez-vous déjà voulu qu'une page de votre site WordPress ait un aspect complètement différent du reste ? Peut-être s'agit-il d'une page de destination sans menu, ou d'une mise en page spéciale pour un produit ou un événement.
Je l'ai moi-même souvent demandé, et la bonne nouvelle est que vous n'avez pas besoin de toucher aux fichiers de thème ni d'engager un développeur pour le faire.
Dans ce guide, je vais vous montrer comment créer des pages personnalisées dans WordPress et les styliser exactement comme vous le souhaitez, sans aucun code.
Pourquoi créer une page personnalisée dans WordPress ?
Chaque fois que vous créez une nouvelle page dans WordPress, votre thème WordPress contrôle sa mise en page et son design avec le fichier de modèle page.php. Bien qu'il soit pratique de rendre vos pages uniformes, vous ne voudrez peut-être pas utiliser le même design à chaque fois.
Par exemple, vous pourriez vouloir une page pour :
- Présenter vos dernières œuvres d'art
- Mettre en avant les membres clés de votre équipe
- Promouvoir le lancement d'un nouveau produit
- Remercier les visiteurs de leur abonnement
C'est là qu'un modèle de page personnalisé peut vous aider. Au lieu d'utiliser le design de page par défaut de votre thème, vous pouvez le personnaliser pour qu'il corresponde à n'importe quel objectif.
Mais voici le hic.
La création d'une page personnalisée à l'aide de votre modèle par défaut peut prendre du temps. Vous êtes également bloqué avec un fichier page.php qui n'a peut-être pas la mise en page que vous souhaitez réellement. Cela peut rendre difficile l'obtention d'un bon design, surtout si vos connaissances en codage sont limitées.
Cependant, dans les guides suivants, nous vous montrerons comment créer une page personnalisée avec la mise en page et le design souhaités. Et le meilleur ? Vous n'aurez pas besoin d'écrire une seule ligne de code.
Cliquez sur l'un des liens ci-dessous pour trouver le guide dont vous avez besoin :
Comment créer une page personnalisée dans WordPress avec SeedProd
La création et la modification d'une page personnalisée nécessitaient auparavant l'ajout de CSS, HTML et PHP personnalisés dans les fichiers de votre thème. Ce n'était pas adapté aux débutants, et si vous faisiez une erreur, cela pouvait casser votre site WordPress.
C'est pourquoi notre façon préférée de créer des pages personnalisées est d'utiliser un constructeur de pages WordPress comme SeedProd. Au lieu de modifier directement les fichiers de votre thème, vous pouvez personnaliser n'importe quelle partie de votre site Web par glisser-déposer.
Avec des centaines de modèles préconçus, il vous permet de créer des pages personnalisées sans écrire de code. Cela inclut tout, des pages à propos et contact aux pages de destination à forte conversion et aux pages de blog.
Vous pouvez même utiliser SeedProd pour créer un thème WordPress avec des en-têtes, des pieds de page, des barres latérales personnalisés, et plus encore.
De plus, SeedProd fonctionne avec des outils tiers populaires, y compris les services de marketing par e-mail, WooCoomerce, Easy Digital Downloads et Google Analytics. Vous pouvez ainsi créer un site Web entièrement fonctionnel et générer des prospects et des ventes à l'aide d'un seul plugin WordPress.
Pour créer votre première page WordPress personnalisée avec SeedProd, suivez les étapes simples ci-dessous.
Étape 1. Installer et activer SeedProd
Tout d'abord, installez et activez le plugin SeedProd.
Il existe plusieurs versions de SeedProd, y compris une version gratuite limitée. Pour ce guide, nous utiliserons SeedProd Pro car il dispose de plus de modèles, de blocs et d'intégrations.
Pour obtenir de l'aide pour cette étape, veuillez consulter notre documentation sur l'installation de SeedProd. Elle vous montrera également comment activer votre clé de licence.
Étape 2. Créer une nouvelle page dans WordPress
SeedProd vous permet de créer une nouvelle page de 2 manières différentes.
Vous pouvez naviguer vers SeedProd » Pages de destination et créer une page de destination autonome.
Ou, vous pouvez aller dans Pages » Ajouter une nouvelle page depuis votre administration WordPress et cliquer sur le bouton « Modifier avec SeedProd ».
La méthode que vous choisissez ne fait aucune différence pour la page finale, alors sélectionnez l'option la plus confortable.
Après avoir créé une nouvelle page, vous pouvez choisir un modèle à utiliser comme point de départ. La bibliothèque de modèles est organisée par type de campagne, tels que « Ventes », « Webinaire » et « Bientôt disponible ».
Cliquez sur l'un des onglets en haut pour filtrer les modèles. Il est également possible de commencer à partir de zéro en utilisant le « Modèle vierge ».
Faites défiler les conceptions jusqu'à ce que vous en trouviez une qui corresponde à la mise en page souhaitée. Cliquez ensuite sur l'icône en forme de coche pour la sélectionner.
Maintenant, entrez un nom pour votre page personnalisée. SeedProd générera automatiquement l'URL de la page en fonction de son titre, mais vous pouvez la modifier si nécessaire.
À partir de là, cliquez sur le bouton Enregistrer et commencer à modifier la page.
Étape 3. Personnaliser votre page WordPress
SeedProd ouvrira maintenant votre modèle dans son éditeur de page visuel. Vous verrez un aperçu en direct sur le côté droit et divers paramètres de bloc sur la gauche.
Votre modèle choisi comprend ces blocs, colonnes et sections. Pour les personnaliser, cliquez pour sélectionner un bloc dans l'éditeur. Les paramètres du bloc s'ouvriront alors dans la barre latérale gauche.
Dans cet exemple, nous modifions le texte à l'intérieur du bloc « Titre ». Vous pouvez également ajuster l'alignement du titre, la taille de la police, le niveau du titre et le lien dans le même panneau.
Changer et ajouter de nouvelles images à votre page personnalisée est tout aussi facile. Cliquez simplement sur une image, puis ajoutez-en une nouvelle depuis votre ordinateur ou votre médiathèque WordPress.
Vous pouvez ajouter d'autres éléments au modèle en faisant glisser un bloc depuis la barre latérale gauche et en le déposant sur votre page.
Ces éléments de conception peuvent inclure :
- Formulaires d'inscription
- Témoignages
- Icônes de partage social
- Compte à rebours
- Galeries d'images
- Tableaux de prix
Pour une liste complète, consultez la page Blocs WordPress.
Si le schéma de couleurs du modèle ne vous convient pas, le changer ne prend que quelques clics. Sélectionnez un bloc, une colonne ou une section et cliquez sur les options de couleur dans le panneau des paramètres.
Alternativement, cliquez sur l'icône en forme de roue dentée dans le coin inférieur gauche et définissez vos couleurs personnalisées là-bas. Cette méthode change automatiquement les couleurs de chaque bloc de la page, vous évitant ainsi de personnaliser chaque bloc individuellement.
SeedProd est également livré avec des sections pré-faites. Ces collections de blocs, de lignes et de colonnes facilitent la création d'une page personnalisée.
Par exemple, si vous créez une page de vente, vous pouvez utiliser les sections Héros prédéfinies pour la rendre accrocheuse et attrayante.
Pour les trouver, cliquez sur l'onglet Sections dans le panneau de gauche, puis faites défiler les modèles jusqu'à en trouver un qui vous plaît. Ensuite, survolez une section et cliquez sur l'icône plus pour l'ajouter à votre page.
Au bas de l'éditeur de page, vous verrez également une barre d'outils avec diverses icônes, notamment la navigation par disposition, l'historique des révisions et Annuler et Rétablir. Ces options facilitent la recherche de différents éléments sur votre page et l'annulation des modifications que vous apportez par erreur.
Vous pouvez également cliquer sur l'icône du téléphone portable pour voir un aperçu en direct de votre page sur les appareils mobiles. Ainsi, vous pouvez vous assurer que votre page est adaptée aux mobiles et facile à naviguer sur les smartphones et les tablettes.
Lorsque vous êtes satisfait de votre page personnalisée, cliquez sur le bouton Enregistrer dans le coin supérieur droit.
Étape 4. Publier votre page personnalisée dans WordPress
Pour publier votre page WordPress personnalisée avec SeedProd, cliquez sur le menu déroulant à côté du bouton « Enregistrer » et sélectionnez Publier.
Vous pouvez maintenant visiter votre page personnalisée pour voir à quoi elle ressemble en direct sur votre site Web.
Autres façons de créer des pages WordPress personnalisées
Si vous utilisez un thème WordPress basé sur des blocs, tel que Twenty Twenty-Four, vous pouvez utiliser l'éditeur de blocs WordPress pour créer des pages personnalisées. Ceci est utile si vous souhaitez réutiliser la même conception sur plusieurs pages, car vous pouvez appliquer le même modèle.
Vous utilisez également l'éditeur de site WordPress pour créer une mise en page unique sans installer de plugins supplémentaires.
Cependant, veuillez noter que les 2 méthodes suivantes nécessitent des thèmes WordPress basés sur des blocs. Si vous n'utilisez pas de thème basé sur des blocs, nous vous recommandons d'utiliser un constructeur de pages à la place.
Créer un modèle de page personnalisée WordPress avec l'éditeur de blocs
Pour cette méthode, commencez par ouvrir une page et cliquez sur Pages dans le menu de droite à côté de l'en-tête « Modèle ».
Dans la fenêtre contextuelle qui apparaît, cliquez sur l'icône « Ajouter un modèle ».
À partir de là, entrez un nom de modèle et cliquez sur le bouton Créer.
Maintenant, vous verrez l'éditeur de modèle, qui fonctionne de la même manière que l'éditeur de contenu. Ici, vous pouvez concevoir votre nouveau modèle en ajoutant des blocs, tels que des titres, des images et du contenu, et en formatant le style du texte.
Vous pouvez également utiliser des motifs, qui sont des collections de blocs souvent utilisés ensemble, comme les tableaux de prix et les appels à l'action.
Vous les trouverez en cliquant sur l'icône plus et en sélectionnant l'onglet motifs. Ensuite, cliquez simplement sur l'un d'eux pour l'ajouter à votre modèle de page.
Lorsque vous êtes satisfait de votre modèle, cliquez sur le bouton Enregistrer.
Maintenant, vous pouvez appliquer ce modèle à n'importe quelle page existante. Tout ce que vous avez à faire est d'ouvrir une page, de cliquer sur le texte à côté de « Modèle », et de choisir le modèle que vous venez de créer.
Après avoir appliqué le modèle, vous pouvez ajouter du contenu comme vous le feriez avec n'importe quelle autre page WordPress.
Créer une page personnalisée avec l'éditeur de site WordPress
Si la création d'un modèle personnalisé vous semble trop compliquée, vous pouvez utiliser l'éditeur de site WordPress pour créer une page personnalisée. Cela vous permet de modifier l'ensemble de la conception de la page et de la rendre complètement unique.
Tout d'abord, créez une nouvelle page WordPress comme vous le feriez normalement en allant dans Pages » Ajouter depuis votre tableau de bord WordPress. Ici, ajoutez les attributs de votre page unique, tels que les étiquettes, les catégories et les images mises en avant.
Une fois que vous avez enregistré vos modifications, accédez à Apparence » Éditeur et cliquez sur l'élément de menu Pages sur le côté gauche.
Vous verrez maintenant une liste des pages que vous avez créées sur votre site. Trouvez donc la page que vous venez de créer et cliquez dessus.
WordPress affichera maintenant un aperçu de votre page. Pour modifier sa conception, cliquez sur l'icône en forme de crayon à côté du titre de la page.
Vous pouvez maintenant modifier la mise en page de la page à l'aide des outils de l'éditeur. Par exemple, cliquer sur l'icône plus bleue vous permet d'ajouter de nouveaux blocs, ou vous pouvez cliquer pour personnaliser n'importe quel bloc ou contenu de page.
Lorsque vous êtes satisfait des modifications, cliquez sur le bouton Enregistrer, puis visitez la page pour voir votre nouvelle conception.
Et voilà !
Vous savez maintenant comment créer une page personnalisée dans WordPress. Toutes les méthodes que nous avons abordées sont simples et ne nécessitent pas l'aide d'un développeur.
Alors, allez-y et créez la page WordPress parfaite pour votre prochain projet.
Vous pourriez également trouver les guides WordPress suivants utiles :
- Comment rendre une page pleine largeur dans WordPress
- Comment modifier votre page d'accueil WordPress (méthode facile)
- Comment créer une page d'auteur WordPress personnalisée
- Comment créer un design de page de services dans WordPress
- Comment ajouter du CSS personnalisé dans WordPress
Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.
