Voulez-vous créer une page personnalisée dans WordPress?
Une page personnalisée vous permet d’utiliser une mise en page différente de vos pages régulières dans WordPress. De nombreux sites WordPress ont des mises en page personnalisées pour leurs pages de vente, leurs pages de destination, leurs pages de webinaire, etc.
Dans cet article, nous allons vous montrer comment créer facilement une page personnalisée dans WordPress, étape par étape.
Comprendre les pages personnalisées dans WordPress
Par défaut, WordPress vous permet de créer des articles et des pages.
Votre thème WordPress contrôle l’apparence de vos pages à l’aide d’un fichier modèle appelé page.php.
Ce fichier de modèle affecte toutes les pages uniques que vous créez dans WordPress.
Cependant, comme vous le savez déjà, toutes les pages ne sont pas identiques. Par exemple, vous souhaiterez peut-être créer une page de destination assez différente de vos pages Web habituelles.
Dans le passé, créer une page personnalisée dans WordPress signifiait coder votre propre modèle personnalisé en utilisant HTML, CSS et PHP. Nous couvrirons cette méthode, mais nous ne la recommandons pas aux débutants.
Au lieu de cela, nous suggérons d’utiliser SemenceProd ou un autre plugin de création de page pour créer votre page personnalisée. Utilisez simplement ces liens rapides pour accéder directement aux différentes méthodes.
Utilisation de SeedProd pour créer une page personnalisée dans WordPress
SemenceProd est le meilleur constructeur de pages par glisser-déposer pour WordPress. Il est livré avec plus de 100 modèles conçus par des professionnels que vous pouvez utiliser comme base pour votre page.
Vous pouvez également créer une page WordPress entièrement personnalisée sans écrire de code à l’aide de leur générateur de glisser-déposer.
SeedProd est conçu pour être facile à utiliser, même pour les débutants. Cependant, il dispose également d’options avancées qui vous permettent de créer des pages visuellement époustouflantes pour engager vos visiteurs et augmenter les conversions.
Tout d’abord, vous devez installer et activer le SemenceProd brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Remarque: il y a un version gratuite du plugin SeedProd disponible aussi. Cependant, pour notre exemple, nous utiliserons la version Pro car elle possède de nombreuses fonctionnalités puissantes.
Lors de l’activation, vous devriez voir la page d’accueil. Vous devez entrer votre clé de licence ici et cliquer sur le bouton «Vérifier la clé». Vous trouverez votre clé de licence dans la zone de votre compte sur le site Web de SeedProd.
Ensuite, allez à SeedProd »Pages dans votre administrateur WordPress. Ensuite, cliquez simplement sur le bouton “Créer une nouvelle page de destination”.
Ensuite, vous serez invité à choisir un modèle. Vous pouvez les filtrer pour trouver des modèles pour le type de page que vous créez. Si vous préférez partir de zéro, utilisez simplement le modèle vierge.
Pour les besoins de ce didacticiel, nous allons utiliser un modèle “Page de vente de cours”.
Vous serez invité à donner un nom à votre page et à définir l’URL. Après cela, continuez et cliquez sur le bouton “Enregistrer et commencer à modifier la page”.
Le modèle que vous avez choisi va maintenant se charger dans le générateur de page SeedProd.
Pour changer quoi que ce soit dans le modèle, cliquez simplement dessus. Il est facile de modifier le texte directement dans le générateur de page lui-même. Par exemple, nous éditons ici le titre de la page.
Vous pouvez mettre en forme votre texte, modifier l’alignement, ajouter des liens, etc.
Il est également facile de modifier des images à l’aide du générateur de page SeedProd. Cliquez simplement sur l’image que vous souhaitez modifier.
Dans cet exemple, nous avons remplacé l’image par défaut en haut de la page par notre propre image.
Allez-y et changez tout ce que vous voulez en cliquant simplement dessus. Cela ouvrira le volet d’édition sur le côté gauche de la page.
Pour ajouter de nouveaux blocs (éléments) à votre page, cliquez simplement sur l’onglet Conception en haut de la page. Choisissez simplement n’importe quel bloc Standard ou Avancé et faites-le simplement glisser et déposez-le en place sur votre page.
Après avoir ajouté un bloc, il vous suffit de cliquer dessus pour le modifier. Ici, nous avons ajouté un bloc de liste à notre page.
Si vous faites une erreur à tout moment ou changez d’avis, ne vous inquiétez pas. Cliquez simplement sur le bouton “Annuler” en bas de la page pour inverser ce que vous avez fait.
Vous trouverez également ici le bouton Rétablir, l’historique des révisions, la navigation dans la mise en page, l’aperçu mobile et les paramètres généraux de votre page.
Une fois que vous êtes satisfait de votre page personnalisée, il est temps de la prévisualiser ou de la publier. Pour publier la page, cliquez d’abord sur la flèche déroulante à côté du bouton Enregistrer en haut de l’écran. Ensuite, sélectionnez l’option Publier.
Vous verrez un message vous informant que votre page a été publiée. Pour le vérifier immédiatement, cliquez simplement sur le bouton “Voir la page en direct”.
Pour modifier votre page personnalisée à tout moment dans le futur, accédez simplement à SeedProd »Pages dans votre administrateur WordPress.
Vous devriez voir votre page enregistrée dans la liste des pages de destination. Cliquez simplement sur le titre pour le modifier.
L’avantage d’utiliser SeedProd par rapport à tout autre constructeur de page dans WordPress est qu’il ne ralentira pas votre site. SeedProd est le générateur de page le plus rapide et vous permet de créer des mises en page entièrement personnalisées qui sont indépendantes de la conception de votre thème, de sorte que vous pouvez avoir un en-tête, un pied de page, etc.
Utilisation de Beaver Builder pour créer une page personnalisée dans WordPress
Beaver Builder est un constructeur de pages par glisser-déposer populaire et bien établi pour WordPress.
Vous pouvez l’utiliser pour créer facilement des pages personnalisées sur votre site Web ou votre blog. Nous vous recommandons d’utiliser la version complète de Beaver Builder. Il y a aussi un version gratuite de Beaver Builder disponible avec des fonctionnalités limitées.
Tout d’abord, vous devez installer et activer le plugin Beaver Builder. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, vous verrez l’écran d’accueil de Beaver Builder. Cliquez simplement sur l’onglet Licence pour saisir votre clé de licence. Vous le trouverez dans la zone de votre compte sur le site Web de Beaver Builder.
N’oubliez pas de cliquer sur le bouton “Enregistrer la clé de licence” pour enregistrer votre clé de licence.
Pour utiliser Beaver Builder, accédez simplement à Pages »Ajouter nouveau dans votre administrateur WordPress pour créer une nouvelle page. Cliquez ensuite sur le bouton «Lancer Beaver Builder».
L’éditeur Beaver Builder s’ouvrira alors. Vous devez ajouter des lignes et des modules pour créer votre page. Cliquez simplement sur l’élément que vous souhaitez utiliser et faites-le glisser sur votre page.
Vous pouvez également commencer avec un modèle. Allez-y et cliquez sur l’onglet Modèles, puis choisissez un modèle à utiliser.
Vous pouvez ensuite cliquer sur n’importe quelle partie du modèle pour le modifier. Par exemple, vous pouvez modifier le texte, les images, les couleurs, etc.
Ici, nous modifions l’en-tête de la page. Le processus d’édition de Beaver Builder n’est pas aussi fluide que celui de SeedProd, car vous devez taper le texte dans une boîte contextuelle distincte.
Une fois que vous avez terminé d’apporter des modifications à votre page, cliquez simplement sur le bouton Terminé en haut à droite. Vous pourrez alors enregistrer ou publier votre message.
Création manuelle d’un modèle de page personnalisé
Si vous préférez ne pas utiliser de plugin, vous pouvez créer un modèle de page personnalisé manuellement dans WordPress.
Note de l’éditeur: C’est très bien d’avoir de nombreux plugins en cours d’exécution sur votre site WordPress. Jetez un œil à notre article sur le nombre de plugins WordPress que vous devriez installer si vous craignez d’avoir trop de plugins.
Tout d’abord, vous devez ouvrir un éditeur de texte brut comme le Bloc-notes sur votre ordinateur. Dans le fichier vide, ajoutez cette ligne de code en haut:
Ce code indique simplement à WordPress qu’il s’agit d’un fichier de modèle et qu’il doit être reconnu comme CustomPageT1. Vous pouvez nommer votre modèle comme vous le souhaitez, du moment que cela vous convient.
Une fois que vous avez ajouté le code, enregistrez le fichier sur votre bureau sous, custompaget1.php.
Allez-y et enregistrez le fichier sous n’importe quel nom, assurez-vous simplement qu’il se termine par le .php extension.
Pour cette prochaine étape, vous devrez vous connecter à votre compte d’hébergement WordPress à l’aide d’un client FTP.
Une fois connecté, accédez à votre thème actuel ou dossier de thème enfant. Vous le trouverez dans le /wp-content/themes/ annuaire. Ensuite, téléchargez votre fichier de modèle de page personnalisé dans votre thème.
Vous devez maintenant vous connecter à votre zone d’administration WordPress pour créer une nouvelle page ou en modifier une existante.
Sur l’écran d’édition de page, faites défiler la page jusqu’à la section «Attributs de page». Vous verrez un menu déroulant Modèle. En cliquant dessus, vous pourrez sélectionner le modèle que vous venez de créer.
Si vous sélectionnez votre nouveau modèle et visitez cette page sur votre site dès maintenant, vous verrez une page vierge. C’est parce que votre modèle est vide et n’indique pas à WordPress ce qu’il doit afficher.
Ne vous inquiétez pas, nous allons vous montrer comment modifier facilement votre modèle de page personnalisé.
Modification de votre modèle de page personnalisé
Votre modèle de page personnalisé est comme n’importe quel autre fichier de thème dans WordPress. Vous pouvez ajouter n’importe quel code HTML, balises de modèle ou code PHP dans ce fichier.
Le moyen le plus simple de démarrer avec votre page personnalisée consiste à copier le modèle de page existant fourni par votre thème.
Ouvrez votre client FTP et accédez à votre dossier de thème. Vous y trouverez un fichier appelé page.php. Vous devez télécharger ce fichier sur votre ordinateur.
Ouvrez le fichier page.php dans un éditeur de texte brut comme le Bloc-notes et copiez tout son contenu à l’exception de la partie d’en-tête.
La partie d’en-tête est la partie commentée en haut du fichier. Nous ne le copions pas, car notre modèle de page personnalisé en a déjà un.
Vous devez maintenant ouvrir votre fichier de modèle de page personnalisé et coller tout le code que vous avez copié à la fin.
Votre fichier de page personnalisé ressemblerait maintenant à ceci:
Enregistrez simplement votre fichier de modèle de page personnalisé et téléchargez-le à nouveau dans votre dossier de thème en utilisant FTP.
Vous pouvez maintenant visiter la page que vous avez créée à l’aide du modèle de page personnalisé. Cela devrait ressembler exactement à vos autres pages dans WordPress.
Ensuite, continuez à modifier votre fichier de modèle de page personnalisé. Vous pouvez le personnaliser comme vous le souhaitez. Par exemple, vous pouvez supprimer la barre latérale en supprimant la ligne qui commence .
Vous pouvez également ajouter du code PHP personnalisé ou ajouter tout autre code HTML de votre choix.
Pour ajouter le contenu réel de votre page, modifiez simplement la page comme d'habitude dans WordPress.
Vous pouvez également laisser la zone de contenu de l'éditeur de page complètement vide et ajouter du contenu personnalisé directement à votre modèle de page. De cette façon, le contenu que vous ajoutez apparaîtra sur toutes les pages à l'aide du modèle personnalisé.
Nous espérons que cet article vous a aidé à ajouter une page personnalisée dans WordPress. Vous pouvez également consulter notre guide sur les types de pages WordPress les plus importants que chaque site Web devrait avoir, et notre liste des plugins WordPress indispensables pour tous les sites Web.
Si vous avez aimé cet article, veuillez vous abonner à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
