Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

Comment créer une page personnalisée dans WordPress (étape par étape)

Comment créer une page personnalisée dans WordPress (étape par étape) 

Écrit par : image de l'auteur Stacey Corrin
image de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : John Turner
image du réviseur John Turner
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Vous souhaitez créer une page personnalisée sur votre site web WordPress ?

Les pages personnalisées confèrent à votre site web une touche unique. Vous pouvez leur donner une présentation différente de celle du reste de votre site et les faire se démarquer de vos concurrents.

Dans ce guide, nous vous montrerons comment ajouter des pages dans WordPress étape par étape et les personnaliser sans 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 grâce au fichier modèle page.php. Bien qu'il soit pratique d'uniformiser l'apparence de vos pages, vous ne voudrez peut-être pas utiliser le même design à chaque fois.

Par exemple, vous pouvez souhaiter qu'une page.. :

  • Présentez vos dernières œuvres d'art
  • Mettez en avant les membres clés de votre équipe
  • Promouvoir le lancement d'un nouveau produit
  • Merci aux visiteurs de s'être inscrits

C'est là qu'un modèle de page personnalisé peut s'avérer utile. Au lieu d'utiliser le modèle de page par défaut de votre thème, vous pouvez le personnaliser pour qu'il réponde à vos besoins.

Mais voici l'essentiel.

La création d'une page personnalisée à l'aide de votre modèle par défaut peut prendre du temps. Vous vous retrouvez également avec un fichier page.php qui n'a peut-être pas la mise en page que vous souhaitez. Cela peut rendre difficile l'obtention d'un bon design, en particulier si vos connaissances en matière de codage sont insuffisantes.

Cependant, dans les guides suivants, nous vous montrerons comment créer une page personnalisée avec la mise en page et le design de votre choix. 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 l'édition 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 facile pour les débutants et, en cas d'erreur, votre site WordPress pouvait s'effondrer.

C'est pourquoi notre méthode préférée pour créer des pages personnalisées est un constructeur de pages WordPress comme SeedProd. Au lieu d'éditer directement les fichiers de votre thème, vous pouvez personnaliser n'importe quelle partie de votre site web par glisser-déposer.

SeedProd Constructeur de site web WordPress Drag and Drop

Avec des centaines de modèles prédéfinis, il vous permet de créer des pages personnalisées sans avoir à écrire de code. Cela va des pages de présentation et de contact aux pages d'atterrissage et aux pages de blog à fort taux de conversion.

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 et bien plus encore.

En outre, SeedProd fonctionne avec des outils tiers populaires, y compris les services de marketing par courriel, WooCoomerce, Easy Digital Downloads et Google Analytics. Vous pouvez donc créer un site web entièrement fonctionnel et générer des leads 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 ci-dessous.

Étape 1. Installer et activer SeedProd

Tout d'abord, installez et activez le plugin SeedProd.

Il existe plusieurs versions de SeedProd, dont une version gratuite limitée. Pour ce guide, nous utiliserons SeedProd Pro parce qu'il a plus de modèles, de blocs et d'intégrations.

Pour vous aider dans 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 " Landing Pages et créer une page d'atterrissage autonome.

Ajouter une page personnalisée dans WordPress en utilisant SeedProd Landing Page Builder

Vous pouvez également aller dans Pages " Ajouter une nouvelle page dans l'administration de WordPress et cliquer sur le bouton "Editer avec SeedProd".

Editer une page WordPress avec SeedProd

La méthode que vous choisissez ne change rien à la page finale, sélectionnez donc 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, par exemple "Ventes", "Webinaire" et "Prochainement".

Modèles de pages personnalisés pour WordPress dans SeedProd

Cliquez sur l'un des onglets en haut de la page pour filtrer les modèles. Il est également possible de partir de zéro en utilisant le "modèle vierge".

Faites défiler les modèles jusqu'à ce que vous en trouviez un qui corresponde à la mise en page souhaitée. Cliquez ensuite sur l'icône de la coche pour le sélectionner.

Choisir un modèle de page personnalisé

Maintenant, entrez un nom pour votre page personnalisée. SeedProd générera automatiquement l'URL de la page en se basant sur son titre, mais vous pouvez le changer si nécessaire.

Entrez un nom pour votre page personnalisée

Cliquez ensuite sur le bouton Enregistrer et commencer à modifier la page.

Étape 3. Personnalisez votre page WordPress

SeedProd va maintenant ouvrir votre modèle dans son éditeur visuel de pages. Vous verrez un aperçu en direct sur le côté droit et divers paramètres de bloc sur le côté gauche.

L'éditeur visuel de pages SeedProd

Le modèle que vous avez choisi comprend ces blocs, colonnes et sections. Pour les personnaliser, cliquez sur un bloc dans l'éditeur. Les paramètres du bloc s'ouvrent alors dans la barre latérale gauche.

Personnaliser les titres des pages avec SeedProd

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.

Il est tout aussi facile de modifier et d'ajouter de nouvelles images à votre page personnalisée. Il vous suffit de cliquer sur une image, puis d'en ajouter une nouvelle à partir de votre ordinateur ou de la bibliothèque multimédia de WordPress.

Changer l'image d'une page personnalisée dans WordPress

Vous pouvez ajouter d'autres éléments au modèle en faisant glisser un bloc de la barre latérale gauche et en le déposant sur votre page.

glisser-déposer le bloc d'images WordPress sur votre page personnalisée

Ces éléments de conception peuvent inclure

Pour une liste complète, voir la page des blocs WordPress.

Si la palette de couleurs du modèle ne vous convient pas, vous pouvez la modifier en quelques clics. Sélectionnez un bloc, une colonne ou une section et cliquez sur les options de couleur dans le panneau des paramètres.

Choisissez les couleurs de votre page personnalisée

Vous pouvez également cliquer sur l'icône en forme de roue dentée dans le coin inférieur gauche et définir vos couleurs personnalisées à cet endroit. Cette méthode modifie automatiquement les couleurs pour chaque bloc de la page, ce qui vous évite de personnaliser chaque bloc individuellement.

Palette globale de couleurs de pages personnalisées

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 Hero prédéfinies pour la rendre attrayante et captivante.

Pour les trouver, cliquez sur l'onglet Sections dans le panneau de gauche, puis faites défiler les modèles jusqu'à ce que vous en trouviez un qui vous plaise. Survolez ensuite une section et cliquez sur l'icône plus pour l'ajouter à votre page.

Sections de pages personnalisées dans WordPress

Au bas de l'éditeur de pages, vous verrez également une barre d'outils contenant diverses icônes, notamment Navigation dans la mise en page, Historique des révisions, et Annuler et Rétablir. Ces options permettent de retrouver plus facilement les différents éléments de votre page et d'annuler les modifications apportées par erreur.

Paramètres de navigation de la mise en page personnalisée

Vous pouvez également cliquer sur l'icône du téléphone portable pour obtenir un aperçu en direct de votre page sur les appareils mobiles. Vous pouvez ainsi vous assurer que votre page est adaptée aux appareils mobiles et qu'il est facile d'y naviguer sur les smartphones et les tablettes.

Prévisualisez votre page WordPress personnalisée sur mobile

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.

Publiez votre page personnalisée dans WordPress avec SeedProd

Vous pouvez maintenant visiter votre page personnalisée pour voir comment elle se présente sur votre site web.

Nouvelle page personnalisée dans WordPress

Autres façons de créer des pages WordPress personnalisées

Si vous utilisez un thème WordPress basé sur des blocs, comme Twenty Twenty-Four, vous pouvez utiliser l'éditeur de blocs WordPress pour créer des pages personnalisées. C'est utile si vous souhaitez réutiliser le même design sur plusieurs pages, car vous pouvez appliquer le même modèle.

Vous pouvez également utiliser l'éditeur de site WordPress pour créer une mise en page unique sans installer de plugins supplémentaires.

Cependant, veuillez noter que les deux méthodes suivantes requièrent des thèmes WordPress basés sur des blocs. Si vous n'utilisez pas de thème à blocs, nous vous recommandons d'utiliser un constructeur de pages à la place.

Créer un modèle de page personnalisé 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 la rubrique "Modèle".

Dans la fenêtre qui s'affiche, cliquez sur l'icône "Ajouter un modèle".

Ajouter un nouveau modèle de page dans WordPress

Saisissez ensuite un nom de modèle et cliquez sur le bouton Créer.

Donnez un nom à votre modèle personnalisé

L'éditeur de modèle, qui fonctionne de la même manière que l'éditeur de contenu, s'affiche. Vous pouvez y concevoir votre nouveau modèle en ajoutant des blocs, tels que des titres, des images et du contenu, et en définissant le style du texte.

Créez votre page personnalisée à l'aide de l'éditeur de site WordPress

Vous pouvez également utiliser des modèles, 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 des modèles. Il vous suffit ensuite de cliquer sur l'un d'entre eux pour l'ajouter à votre modèle de page.

Modèles d'éditeurs de sites WordPress

Lorsque vous êtes satisfait de votre modèle, cliquez sur le bouton Enregistrer.

Vous pouvez maintenant appliquer ce modèle à n'importe quelle page existante. Il vous suffit d'ouvrir une page, de cliquer sur le texte en regard de "Modèle" et de choisir le modèle que vous venez de créer.

Appliquer le nouveau modèle de page personnalisé à n'importe quelle page

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 lourde, 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 totalement unique.

Tout d'abord, créez une nouvelle page WordPress comme vous le feriez habituellement en allant dans Pages " Add New depuis votre tableau de bord WordPress. Ici, ajoutez les attributs de votre page, tels que les balises, les catégories et les images en vedette.

Lorsque vous avez enregistré vos modifications, allez dans Apparence " Éditeur et cliquez sur l'élément de menu Pages sur le côté gauche.

Menu Pages dans l'éditeur de site WordPress

Vous verrez maintenant une liste des pages que vous avez créées sur votre site. Trouvez la page que vous venez de créer et cliquez dessus.

Sélectionnez votre nouvelle page WordPress dans le menu de l'éditeur de site

WordPress affiche maintenant un aperçu de votre page. Pour modifier son design, cliquez sur l'icône en forme de crayon située à côté du titre de la page.

Modifiez votre page personnalisée avec l'éditeur de site WordPress

Vous pouvez maintenant modifier la présentation de la page à l'aide des outils de l'éditeur. Par exemple, en cliquant sur l'icône bleue "plus", vous pouvez ajouter de nouveaux blocs ou personnaliser n'importe quel bloc ou contenu de la page.

Personnalisez la conception de votre page avec l'éditeur de site et l'éditeur de blocs de WordPress

Lorsque vous êtes satisfait des modifications, cliquez sur le bouton Enregistrer, puis visitez la page pour voir votre nouveau design.

Et voilà !

Vous avez maintenant appris à 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.

Les guides WordPress suivants peuvent également vous être utiles :

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.