Vous souhaitez créer une page personnalisée dans WordPress ?
Une page personnalisée vous permet d’utiliser une mise en page différente du reste de votre site. De nombreux sites WordPress utilisent des mises en page personnalisées pour leurs pages de vente, leurs pages d’atterrissage, leurs pages de webinaires, etc.
Dans cet article, nous allons vous afficher comment créer facilement une page personnalisée dans WordPress.
Pourquoi créer une page personnalisée dans WordPress ?
Chaque fois que vous créez une nouvelle page, votre thème WordPress contrôle l’apparence de cette page à l’aide d’un fichier de modèle.
Ce Modèle page.php affecte toutes les pages simples que vous créez dans WordPress. Cependant, il se peut que vous ne souhaitiez pas utiliser le même modèle à chaque fois.
Lespages atterrissage ont souvent un contenu différent par rapport aux pages ordinaires, comme une grande image de héros ou un appel à l’action (CTA). Cela signifie qu’elles ont souvent un aspect complètement différent du reste de votre site.
Cependant, essayer de créer des designs uniques en utilisant le modèle de page standard peut prendre beaucoup de temps. Vous êtes également limité par le Modèle page.PHP, et vous ne pourrez peut-être pas créer le design exact que vous souhaitez. Il peut donc être difficile d’obtenir de bons résultats. Par exemple, si vous créez une page de vente, vous risquez de ne pas obtenir beaucoup de conversions en raison d’une mauvaise conception de la page.
Ceci étant dit, voyons comment vous pouvez créer une page personnalisée dans WordPress, avec le design, la mise en page et le contenu exacts que vous souhaitez. Utilisez simplement les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser.
- Method 1. How to Create a Custom Page in WordPress Using the Block Editor (No Plugin Required)
- Method 2. How to Create a Custom Page Using the Full-Site Editor (Block-Based Themes Only)
- Method 3. Create a Custom Page in WordPress using SeedProd (Recommended)
- Method 4. Using Thrive Architect to Create a Custom Page in WordPress
Méthode 1. Comment créer une page personnalisée dans WordPress à l’aide de l’Éditeur de blocs (Sans Prérequis)
L’éditeur de blocs facilite la conception de vos propres modèles à l’aide des outils que vous connaissez déjà.
C’est un bon choix si vous prévoyez de réutiliser le même design sur plusieurs pages, car vous pouvez simplement appliquer le même modèle. Si vous souhaitez créer un design totalement unique, une autre option consiste à créer la page normalement, puis à modifier sa mise en page à l’aide de l’éditeur de site complet, que nous aborderons dans la méthode 2.
Sachez que ces méthodes ne fonctionnent qu’avec des thèmes à blocs tels que ThemeIsle Hestia Pro ou Twenty Twenty-Three. Si vous n’avez pas de thème à blocs, nous vous recommandons d’utiliser un constructeur de pages.
Pour commencer, ouvrez simplement une page ou une publication. Sélectionnez ensuite l’onglet « Page » dans le menu de droite et cliquez sur le texte à côté de « Modèle ».
Les options affichées peuvent varier en fonction de votre thème WordPress, mais le texte affiche généralement « Page », « Modèle par défaut », etc.
Dans la fenêtre surgissante, cliquez sur l’icône « Ajouter un modèle ».
Dans la fenêtre surgissante, saisissez un nom pour votre Modèle, puis cliquez sur » Créer « .
Le Nom de l’expéditeur est juste pour votre référence, vous pouvez donc utiliser ce que vous voulez.
Cela permet de lancer l’éditeur de modèles, qui fonctionne de manière similaire à l’éditeur de contenu de WordPress.
Pour ajouter des modules à la conception de la page personnalisée, il suffit de cliquer sur le bouton bleu « + ». Vous pouvez ensuite effectuer un glisser-déposer pour ajouter des blocs.
Vous pouvez ajouter du contenu à un bloc ou modifier sa mise en forme à l’aide des outils familiers de modification des articles de WordPress. Par exemple, vous pouvez taper du texte dans un bloc « Titre », appliquer une mise en forme en gras ou modifier le texte de H2 à H3.
Vous pouvez également créer une page personnalisée à l’aide de compositions. Les compositions de blocs sont des ensembles de blocs souvent utilisés ensemble, tels qu’une liste d’évènements, une image avec une légende ou un tableau de prix.
Les compositions que vous voyez varient en fonction de votre thème WordPress, mais vous pouvez voir quelles compositions sont disponibles en cliquant sur l’onglet « Compositions ».
Vous pouvez soit faire glisser et déposer un motif de bloc sur votre mise en page, soit cliquer sur le motif pour l’ajouter au bas de votre Modèle. Lorsque vous êtes satisfait de l’aspect du modèle, cliquez sur le bouton « Publier », puis sur « Enregistrer ».
Vous pouvez maintenant appliquer ce Modèle à n’importe quelle page. Il vous suffit d’ouvrir la page dans l’éditeur/éditrices, puis de cliquer sur le texte à côté de « Modèle ».
Dans la fenêtre surgissante, sélectionnez le modèle que vous venez de créer.
Ceci fait, vous pouvez ajouter du contenu à la page, comme n’importe quelle autre page WordPress.
Méthode 2. Comment créer une page personnaliséeà l’aide de l’Éditeur de blocs (thèmes basés sur des blocs uniquement)
Si vous utilisez un thème basé sur des blocs, vous pouvez également créer une page personnalisée à l’aide de l’éditeur de site complet. Cela vous permet de modifier la mise en page d’une page individuelle, sans créer de modèle personnalisé.
Il s’agit donc d’un bon choix si vous souhaitez créer un design totalement unique que vous ne réutiliserez sur aucune autre page.
Pour Premiers pas, il suffit de créer la page comme d’habitude en allant dans Pages « Ajouter une nouvelle. Vous pouvez ensuite saisir un titre, ajouter des catégories et des identifiants, téléverser une image fonctionnalité et apporter toutes les modifications souhaitées.
Lorsque vous êtes satisfait de la page de base, enregistrez vos modifications, puis allez dans Apparence « Éditeurs/éditrices.
Par défaut, l’éditeur de site complet affiche le modèle d’accueil de votre thème.
Dans le menu de gauche, cliquez sur « Pages ».
Vous verrez maintenant toutes les pages que vous avez créées sur votre site WordPress.
Il vous suffit de trouver la page que vous souhaitez remanier et de cliquer dessus.
WordPress affiche maintenant une Prévisualisation de la conception.
Pour modifier ce Modèle, cliquez sur l’icône du petit crayon.
Vous pouvez désormais modifier la mise en page de la page à l’aide des éditeurs/éditrices du site. Par exemple, vous pouvez cliquer sur le bouton bleu « + » pour ajouter de nouveaux modules, ou cliquer pour sélectionner un module que vous souhaitez personnaliser.
Lorsque vous êtes satisfait des modifications apportées, cliquez sur le bouton « Enregistrer ».
Maintenant, si vous visitez cette page sur votre site, vous verrez la nouvelle conception de la page en action.
Méthode 3. Créer une page personnalisée dans WordPress en utilisant SeedProd (Recommandé)
Auparavant, vous créiez une page personnalisée en écrivant du code, ce qui n’était pas très convivial pour les débutants. Si vous commettiez une erreur dans votre code HTML, CSS ou PHP, cela pouvait provoquer des erreurs courantes avec WordPress ou même casser complètement votre site.
Dans cette optique, nous vous recommandons d’utiliser plutôt un constructeur de page.
SeedProd est le meilleur constructeur de pages drag-and-drop pour WordPress. Il est livré avec plus de 350 modèles, vous permettant de créer des pages personnalisées sans écrire de code.
Si vous utilisez une page personnalisée pour obtenir plus de conversions, alors SeedProd fonctionne avec de nombreux outils tiers populaires que vous utilisez peut-être déjà pour obtenir des conversions. Cela inclut les meilleurs services de marketing par e-mail, WooCommerce, Google Analytics, et plus encore.
Tout d’abord, vous devez installer et activer SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.
Note : Il existe également une version gratuite de SeedProd qui vous permet de créer des pages personnalisées quel que soit votre budget. Cependant, pour ce guide, nous utiliserons SeedProd Pro car il a beaucoup plus de modèles et s’intègre avec tous les meilleurs services d’email marketing.
Après avoir activé l’extension, SeedProd vous demandera votre clé de licence.
Vous trouverez cette information sous votre compte sur le site de SeedProd. Après avoir saisi/saisie la clé, cliquez sur le bouton ‘Verify Key’.
Choisissez un Modèle de page personnalisé
Une fois que vous avez fait cela, allez à SeedProd » Landing Pages et cliquez sur le bouton » Ajouter une nouvelle page d’atterrissage « .
Vous pouvez maintenant choisir un modèle pour votre page personnalisée.
Les modèles de SeedProd sont organisés en différents types de campagne tels que » prospect « , » squeeze » et » coming soon« . Vous pouvez cliquer sur les onglets en haut de l’écran pour filtrer les modèles en fonction du type de campagne.
Si vous souhaitez partir de zéro, SeedProd propose également un modèle vierge que vous pouvez utiliser.
Pour examiner de plus près un modèle, il suffit de survoler ce modèle avec la souris, puis de cliquer sur l’icône de la loupe.
Lorsque vous trouvez un modèle qui vous plaît, cliquez sur « Choisissez ce modèle ». Nous utilisons le Modèle « Page de vente du cours » dans toutes nos images, mais vous pouvez utiliser le modèle de votre choix.
Ensuite, allez de l’avant et tapez un nom pour la page personnalisée. SeedProd créera automatiquement une URL basée sur le titre de la page, mais vous pouvez modifier cette URL comme vous le souhaitez.
Une URL descriptive aidera également les moteurs de recherche à comprendre le sujet de la page afin qu’ils puissent l’afficher aux bons utilisateurs, ce qui améliorera votre référencement WordPress.
Pour donner à votre page personnalisée les meilleures chances d’apparaître dans les résultats de recherche pertinents, vous pouvez ajouter les mots-clés qui manquent dans l’URL. Pour plus de détails, veuillez consulter notre guide sur la recherche de mots-clés.
Lorsque vous êtes satisfait des modifications saisies, cliquez sur le bouton « Enregistrer et commencer à modifier la page ».
Design sur personnalisation de la page
SeedProd va maintenant ouvrir le Modèle choisi dans son éditeur/éditrices simple/simple d’utilisation. Vous verrez une Prévisualisation en direct de votre page à droite, et quelques Réglages de blocs à gauche.
Pour personnaliser un bloc, il suffit de cliquer pour le sélectionner dans l’éditeur de pages. La barre d’outils de gauche affichera alors tous les réglages de ce bloc.
Dans l’image suivante, nous modifions le texte à l’intérieur d’un bloc « Titre ».
Vous pouvez mettre en forme le texte, modifier son alignement, ajouter des liens, etc. à l’aide des Réglages du menu de gauche.
Il est également facile de modifier les images en utilisant le constructeur de page SeedProd. Il suffit de cliquer sur un bloc « Image » et d’utiliser les Réglages pour ajouter un module, téléverser une nouvelle image ou effectuer d’autres modifications.
Si vous souhaitez retirer un bloc de la page personnalisée, il vous suffit de cliquer pour sélectionner ce bloc.
Cliquez ensuite sur l’icône de la corbeille dans la mini barre d’outils.
Pour ajouter de nouveaux blocs à votre dessin, il suffit de trouver un bloc dans le menu de gauche et de le faire glisser dans l’éditeur.
Vous pouvez ensuite cliquer pour sélectionner le bloc et apporter des modifications dans le menu de gauche.
SeedProd propose également des » Sections « , qui sont des modèles de lignes et de blocs qui peuvent vous aider à créer une page personnalisée, rapidement. Par exemple, si vous concevez une page d’atterrissage pour Google Ads, vous pouvez utiliser les sections Hero, Appel à l’action, ou les fonctionnalités de SeedProd.
Pour voir toutes les sections disponibles, il suffit de cliquer sur l’onglet « Sections ».
Pour examiner une section de plus près, survolez-la avec votre souris, puis cliquez sur l’icône de la loupe.
Lorsque vous trouvez un module que vous souhaitez ajouter à votre dessin, il vous suffit de passer la souris dessus, puis de cliquer sur la petite icône « + ».
Cette opération ajoute la section au bas de votre page. Vous pouvez déplacer les sections et les blocs dans votre conception par glisser-déposer.
Si vous faites une erreur ou si vous changez d’avis, ne vous inquiétez pas. Vous pouvez annuler votre dernière modification en cliquant sur le bouton « Annuler » en bas de la barre d’outils de gauche.
Vous y trouverez également un bouton de rétablissement, un historique des révisions, une navigation dans la mise en page et des Réglages globaux.
Ces boutons supplémentaires permettent de créer facilement une page personnalisée dans WordPress.
En bas de la barre d’outils, vous trouverez également un bouton de Prévisualisation mobile qui vous permet de voir la version mobile de la page personnalisée.
Cela peut vous aider à concevoir une page personnalisée qui s’affiche aussi bien sur les appareils mobiles que sur votre ordinateur.
Lorsque vous êtes satisfait de votre page personnalisée, il est temps de la publier en cliquant sur la flèche déroulante située à côté de « Enregistrer », puis en sélectionnant l’option « Publier ».
Votre page personnalisée est maintenant en direct sur votre blog WordPress.
Si vous souhaitez modifier la page personnalisée à n’importe quel moment, alors il suffit d’aller à SeedProd » Landing Pages dans votre tableau de bord WordPress. Vous pouvez alors trouver la page que vous souhaitez modifier et cliquer sur son lien » Modifier « .
Cela ouvrira la conception dans l’éditeur de SeedProd, prêt à ce que vous fassiez vos modifications.
Méthode 4. Utiliser Thrive Architect pour créer une page personnalisée dans WordPress
Vous pouvez également créer une page personnalisée en utilisant Thrive Architect. Thrive Architect est un autre constructeur de pages drag-and-drop populaire pour WordPress.
Il est livré avec plus de 300 modèles professionnellement conçus pour vous aider à obtenir plus de conversions.
Tout d’abord, vous devez installer et activer l’extension Thrive Architect. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’un plugin WordPress.
Une fois activé, rendez-vous dans Pages » Ajouter un nouveau dans votre tableau de bord WordPress pour créer une page personnalisée. Ensuite, cliquez sur le bouton » Lancer Thrive Architect « .
Version, vous pouvez choisir de créer une page normale ou une page d’atterrissage prédéfinie.
Nous vous recommandons de cliquer sur » Page d’atterrissage prédéfinie « , car cela vous donne accès à tous les modèles de page d’atterrissage Thrive. Ces modèles sont entièrement personnalisables, vous pouvez donc les peaufiner pour les adapter à votre site WordPress.
Lorsque vous trouvez un Réglage qui vous plaît, il vous suffit de cliquer pour le sélectionner.
Dans l’image suivante, nous sélectionnons « Smart Landing Page Sélectionnés ».
Dans l’écran suivant, vous devez choisir un modèle spécifique parmi ceux définis.
Sélectionnez un modèle en cliquant dessus, puis en cliquant sur le bouton « Appliquer le modèle ».
Cela ouvrira le modèle dans les éditeurs/éditrices Thrive Architect. À partir de là, vous pouvez facilement personnaliser le modèle de page pour qu’il corresponde à votre blog, votre site ou votre boutique en ligne.
Par exemple, vous pouvez modifier le « Titre » en cliquant dessus et en tapant votre message personnalisé.
Toutes les options de personnalisation s’affichent désormais dans le menu de gauche. Vous pouvez y modifier la typographie, la taille de la police, la couleur, la mise en forme, etc.
Dans le panneau de gauche, vous pouvez également définir d’autres réglages pour votre page personnalisée, tels que la mise en page, le style d’arrière-plan, les bordures, les animations et le défilement, pour n’en citer que quelques-uns.
Similaire aux blocs de SeedProd, Thrive Architect est livré avec de nombreux éléments prédéfinis que vous pouvez ajouter à votre page personnalisée.
Pour ajouter un nouvel élément à la page, cliquez sur le bouton « Ajouter un élément (+) » sur le côté droit de l’écran.
Vous pouvez désormais choisir des éléments tels que des images, des boutons, des formulaires de génération de prospects, des tableaux de prix, des comptes à rebours, etc.
Pour ajouter un élément, il suffit de le faire glisser depuis le menu de droite et de le déposer sur votre page.
Là encore, vous pouvez modifier tous les nouveaux éléments ajoutés à votre page en cliquant dessus.
Lorsque vous êtes satisfait de l’aspect de la page, cliquez sur la flèche (^) située à côté du bouton « Enregistrer le travail ». Cliquez ensuite sur l’option « Enregistrer et retourner à l’éditeur de texte ».
Vous pouvez ensuite enregistrer la page en tant que brouillon ou la publier pour qu’elle s’affiche sur votre site WordPress.
Une fois votre page personnalisée publiée, vous pouvez visiter votre site pour la voir en action.
Nous espérons que cet article vous a aidé à apprendre comment créer une page personnalisée sur WordPress. Vous pouvez également consulter notre guide sur la façon d’augmenter le trafic de votre blog, et nos choix d’experts des meilleures extensions de formulaire de contact pour WordPress.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Rajee Pandi
awesome. I think it is not free. Thank you so much.
WPBeginner Support
There is a paid option but 1 and 2 are free options
Administrateur
Moinuddin Waheed
Using seedprod for making a custom page is promising as it takes less efforts and makes awesome looking design in no time.
Thanks for this guide, I have been already using seedprod to many of my websites and utilising this feature.
Brend
Thanks for the great article. I often use your site for assistance with WordPress.
I followed your tutorial to manually create a new template file. When selecting the template there is no CSS attached to the page. Did I miss something?
WPBeginner Support
It would depend on the specific theme you’re using, if you check with your theme’s support they should be able to let you know why their CSS is not being applied to your page properly.
Administrateur
Muhammed
Perfect article.
I have a q
can i make a custom page and then make it the main website page or Home page?
I don’t like to have too much content in my firs page and i want to make every thing in the main home page by my own ( i mean with HTML, CSS, JS ).
is there any way to do that?
WPBeginner Support
For customizing everything in that manner you would want to look at the method for manually creating a page template
Administrateur