Comment créer une page d’accueil personnalisée dans WordPress (3 méthodes)

Vous cherchez à créer une page d’accueil personnalisée qui met vraiment en valeur votre site WordPress ? La première impression compte, et chez WPBeginner, nous avons aidé d’innombrables utilisateurs/utilisatrices à créer des pages d’accueil accrocheuses qui engagent les internautes.

La page d’accueil par défaut de WordPress (bien que fonctionnelle) n’est souvent pas la manière la plus invitante d’accueillir votre public. Vous voulez une page d’accueil qui mette en valeur vos meilleurs contenus, produits ou services. Un design qui captive les internautes et les incite à rester sur votre site.

Dans ce guide, nous allons vous présenter 3 façons faciles de créer une page d’accueil personnalisée sur WordPress, même si vous ne l’avez jamais fait auparavant.

Qu’est-ce qu’une page d’accueil ?

La page d’accueil est la première page que les expéditeurs voient lorsqu’ils tapent votre nom de domaine. Pour de nombreuses personnes, cette page d’accueil constitue leur introduction à votre entreprise, votre blog ou votre site.

Une bonne page d’accueil donnera envie aux internautes d’en savoir plus sur votre site. Elle permet également d’accéder facilement aux liens, aux barres de recherche et aux menus qui aident les internautes à trouver un contenu intéressant.

La page d’accueil par défaut de WordPress affiche les dernières publications de votre blog, ce qui peut convenir à des blogs personnels ou à des blogueurs amateurs.

Toutefois, si vous gérez une entreprise à l’aide de votre site WordPress, vous souhaiterez peut-être plutôt créer une page d’accueil personnalisée pour mettre en valeur vos produits et services.

La bonne nouvelle, c’est que WordPress permet d’afficher facilement une page personnalisée comme page d’accueil plutôt que la liste par défaut des publications récentes.

Comment définir une page personnalisée comme page d’accueil de WordPress ?

Dans ce guide, nous allons vous afficher quelques façons différentes de créer une page d’accueil personnalisée. Cependant, quelle que soit la méthode utilisée, vous devrez modifier les Réglages de WordPress après avoir créé la page d’accueil statique.

Pour ce faire, il suffit de se rendre dans Réglages  » Lecture dans le tableau de bord WordPress.

Défilez jusqu’à « Réglages de votre page d’accueil » et sélectionnez « Une page statique ».

Vous pouvez maintenant ouvrir le menu déroulant « Accueil » et choisir la page que vous souhaitez utiliser comme nouvelle page d’accueil.

Il vous suffit ensuite de défiler jusqu’au bas de l’écran et de cliquer sur « Enregistrer les modifications ». Vous pouvez maintenant visiter votre site pour voir la nouvelle page d’accueil personnalisée en direct.

Si vous avez un blog, veillez à créer une page de blog distincte pour afficher vos publications. Sinon, les internautes auront du mal à trouver vos derniers blogs.

Ceci étant dit, voyons comment vous pouvez concevoir une page d’accueil personnalisée dans WordPress. Il suffit d’utiliser les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Tutoriel vidéo

Si vous préférez les instructions écrites, continuez à lire.

Méthode 1 : Créer un Modèle de page d’accueil personnalisé à l’aide de l’Éditeur de blocs (Aucune extension nécessaire)

Si vous utilisez un thème bloc, vous pouvez alors concevoir un modèle de page d’accueil personnalisé à l’aide de l’éditeur de site complet.

Cette méthode ne fonctionne pas avec tous les thèmes, donc si vous n’utilisez pas un thème WordPress basé sur des blocs, vous devrez utiliser l’une des autres méthodes abordées dans ce guide.

En savoir plus sur l’utilisation de l’éditeur/éditrices de site, consultez notre guide du débutant sur l’édition de site WordPress.

Pour commencer, il suffit de créer une nouvelle page ou d’ouvrir une page existante que vous souhaitez utiliser comme page d’accueil. Dans le menu de droite, cliquez sur l’onglet « Page », puis sélectionnez le lien qui apparaît à côté de « Modèle ».

Le texte exact du lien peut varier en fonction du modèle que vous utilisez actuellement.

Une fenêtre surgissante apparaît alors avec votre modèle actuel.

Il vous suffit de cliquer sur l’icône « Nouveau Modèle ».

Dans la fenêtre surgissante, donnez un nom à votre Modèle. Le nom est juste pour votre référence, vous pouvez donc utiliser ce que vous voulez.

Ensuite, cliquez sur « Créer » pour lancer l’éditeur de site complet.

L’éditeur de modèles fonctionne de manière similaire à l’éditeur de blocs standard de WordPress.

Pour ajouter des modules à votre page d’accueil personnalisée, il vous suffit de cliquer sur le bouton bleu « + ». Vous pouvez ensuite faire glisser et déposer n’importe quel bloc sur votre mise en page.

Puisque nous créons une page d’accueil personnalisée, vous voudrez généralement commencer par ajouter une grande image bannière d’accroche, comme le logo ou la bannière de votre site.

Pour ce faire, il suffit de trouver le bloc Image dans le menu de gauche, puis de l’ajouter à votre mise en page par glisser-déposer.

Vous pouvez maintenant choisir une image dans la médiathèque de WordPress ou téléverser un nouveau fichier depuis votre ordinateur.

Pour obtenir plus d’engagement, vous pouvez afficher les commentaires récents sur votre page d’accueil en ajoutant un bloc Derniers commentaires.

En savoir plus, veuillez consulter notre guide sur la façon d’afficher les commentaires sur la page d’accueil de votre thème WordPress.

Une bonne page d’accueil aide les internautes à trouver un contenu intéressant. Cela étant dit, il est judicieux d’ajouter un bloc Navigation à votre page d’accueil personnalisée.

Pour en savoir plus, veuillez consulter notre guide étape par étape sur l’ajout de menus de navigation personnalisés dans les thèmes WordPress.

Après avoir ajouté un bloc, veillez à cliquer pour le sélectionner dans votre mise en page. Vous pouvez ensuite définir le bloc à l’aide des Réglages du menu de droite et des boutons de la mini barre d’outils.

Pour construire votre page d’accueil personnalisée, il vous suffit de continuer à ajouter des blocs, puis de les configurer à l’aide des réglages complets de l’éditeur de site.

Par exemple, vous pouvez ajouter des blocs tels que les dernières publications, la recherche, les icônes sociales, le nuage d’identifiants, etc.

Lorsque vous êtes satisfait de l’aspect du Modèle, cliquez sur le bouton « Publier ».

La page que vous avez créée précédemment utilise désormais le nouveau Modèle de page d’accueil. Vous pouvez maintenant demander à WordPress d’utiliser cette page comme page d’accueil en suivant la procédure décrite ci-dessus.

Méthode 2 : Créer une page d’accueil personnalisée dans WordPress à l’aide d’un constructeur de page (recommandé)

L’éditeur WordPress basé sur des blocs vous permet de créer une page d’accueil personnalisée en utilisant les outils qui vous sont déjà familiers. Cependant, il ne fonctionne pas avec tous les thèmes et est limité en termes de flexibilité et de fonctionnalités.

De plus, bien que le personnalisateur de thème WordPress existe pour les utilisateurs/utilisatrices de thèmes non bloqués, ce n’est pas l’option la plus conviviale, car elle n’est pas dotée d’une mis en avant de type « glisser/déposer ».

Si vous souhaitez créer une page d’accueil entièrement personnalisée qui fonctionne avec n’importe quel thème WordPress, alors vous aurez besoin d’une extension de constructeur de page.

Pour cette méthode, nous allons utiliser SeedProd. C’est le meilleur plugin de constructeur de page sur le marché et il vous permet de créer une page d’accueil personnalisée à l’aide d’un simple éditeur/éditrices.

Il est également livré avec 300+ modèles professionnellement conçus et des blocs prêts à l’emploi que vous pouvez utiliser sur votre page d’accueil.

La première chose à faire est d’installer et d’activer l’extension SeedProd. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Lors de l’activation, vous devez saisir votre clé de licence.

Vous pouvez trouver cette information dans votre compte sur le site de SeedProd. Après avoir saisi/saisie la clé de licence, cliquez sur le bouton « Vérifier la clé ».

Créer une nouvelle page d’accueil avec SeedProd

À ce stade, vous devez vous rendre sur SeedProd  » Pages et cliquer sur le bouton  » Ajouter une nouvelle page d’atterrissage « .

Après cela, il est temps de choisir un modèle pour votre page d’accueil personnalisée. SeedProd a beaucoup de modèles conçus par des professionnels que vous pouvez personnaliser en fonction des besoins de votre site WordPress.

Pour sélectionner un modèle, il suffit de survoler le modèle avec la souris et de cliquer sur l’icône « Coche ».

Nous utilisons le modèle « Juicy Sales Page » dans toutes nos images, mais vous pouvez utiliser n’importe quel modèle.

Ensuite, allez de l’avant et tapez un nom pour la page d’accueil personnalisée. SeedProd créera automatiquement une URL basée sur le titre de la page, mais vous pouvez modifier cette URL comme bon vous semble.

Lorsque vous êtes satisfait des modifications saisies, cliquez sur le bouton « Enregistrer et commencer à modifier la page ».

Ensuite, vous serez dirigé vers le constructeur de page par drag-and-drop de SeedProd, où vous pourrez personnaliser votre Modèle.

L’éditeur SeedProd affiche une Prévisualisation directe de votre dessin à droite et quelques Réglages de blocs à gauche.

Le menu de gauche propose également des blocs que vous pouvez faire glisser sur votre mise en page.

Par exemple, vous pouvez faire glisser et déposer des blocs simples comme des boutons et des images ou utiliser des blocs avancés comme le compte à rebours, le formulaire de contact, les boutons de partage social, etc.

Pour personnaliser un bloc, il suffit de cliquer pour le sélectionner dans votre mise en page.

Le menu de gauche affichera désormais toutes les options de personnalisation permettant de configurer ce bloc. Vous pouvez également modifier les couleurs d’arrière-plan de la page, ajouter des images d’arrière-plan ou modifier le jeu de couleurs et les polices pour mieux correspondre à votre marque.

Vous pouvez même utiliser des animations CSS pour attirer l’attention de l’internaute.

Pour commencer, vous voudrez remplacer toutes les images de remplacement par vos propres photos ou votre logo personnalisé. Pour ce faire, il vous suffit de cliquer pour sélectionner un bloc d’images dans la Prévisualisation directe.

Dans le menu de gauche, cliquez sur le bouton « Sélectionné ».

Vous pouvez maintenant choisir une image dans la médiathèque de WordPress ou téléverser un nouveau fichier depuis votre ordinateur.

SeedProd est livré avec des « sections », qui sont des collections de blocs souvent utilisés ensemble.

Par exemple, SeedProd dispose d’un en-tête, d’une image de héros, d’un appel à l’action, de témoignages, d’un formulaire de contact, d’une FAQ, de caractéristiques, de sections de pied de page, et plus encore. Ces éléments peuvent vous aider à créer une page d’accueil personnalisée, rapidement.

Pour consulter les différentes sections, il suffit de cliquer sur l’onglet « Sections ». Pour prévisualiser une section, survolez-la avec votre souris, puis cliquez sur l’icône de la loupe.

Pour ajouter la section à votre dessin ou modèle, cliquez sur « Choisissez cette section ».

Cela ajoutera la section au bas de votre page d’accueil.

Vous pouvez déplacer des sections et des blocs dans votre mise en page par glisser-déposer.

Lorsque vous êtes satisfait de l’aspect de la page d’accueil, n’oubliez pas de cliquer sur le bouton « Enregistrer » pour stocker vos modifications.

Relier votre page d’accueil à un service de marketing par e-mail

Si vous envisagez de mener une campagne de marketing expéditeur par e-mail, la page d’accueil est l’un des meilleurs endroits pour afficher votre formulaire d’inscription.

L’avantage de SeedProd, c’est qu’il est très facile de connecter votre page d’accueil aux services de marketing e-mail les plus répandus, comme Constant Contact.

Pour ce faire, il suffit de cliquer sur l’onglet « Connexion », puis de sélectionner votre fournisseur de services d’e-mail.

SeedProd va maintenant afficher comment connecter la page d’accueil avec votre service de marketing e-mail.

Si votre fournisseur n’est pas listé, ne vous inquiétez pas. SeedProd fonctionne avec Zapier, qui agit comme un pont entre SeedProd et plus de 3000+ autres apps.

Il suffit de défiler jusqu’à la section  » Autres  » et de survoler  » Zapier « . Lorsque le bouton  » Connecter  » apparaît, donnez-lui un clic, puis suivez les instructions à l’écran pour connecter SeedProd et Zapier.

Publier votre page d’accueil SeedProd

Une fois que vous avez parcouru toutes les étapes précédentes, vous êtes prêt à publier votre page d’accueil personnalisée. Il vous suffit de cliquer sur l’onglet « Réglages de la page ».

L’onglet Réglages de la page propose d’autres options que vous pouvez consulter. Par exemple, vous pouvez modifier les paramètres de référencement, modifier le titre de la page et connecter un domaine personnalisé.

Lorsque vous êtes satisfait de la façon dont la page est configurée, sélectionnez l’onglet « Général ».

Vous pouvez maintenant cliquer sur le permutateur « État de la page » pour la modifier de « Brouillon » à « Publier ».

Il vous suffit maintenant de vous rendre dans Réglages  » Lecture et de définir cette page comme votre nouvelle page d’accueil personnalisée.

Méthode 3 : Créer manuellement une page d’accueil personnalisée dans WordPress (codage nécessaire)

Une autre façon de créer une page d’accueil personnalisée consiste à utiliser du code, ce qui vous donne un contrôle total sur l’apparence de votre site. Cependant, cette méthode peut être compliquée, et les erreurs de codage peuvent provoquer toutes sortes d’erreurs WordPress courantes.

C’est pourquoi nous ne recommandons pas cette méthode aux débutants.

Votre thème WordPress est composé de nombreux fichiers différents. Certains de ces fichiers sont appelés des modèles, et ils contrôlent l’apparence des différentes zones de votre site. En savoir plus, veuillez consulter l’aide-mémoire sur la hiérarchie des modèles WordPress.

L’un de ces modèles s’appelle front-page.php.

Si votre thème possède ce modèle, WordPress l’utilisera automatiquement pour afficher la page d’accueil. Cela signifie que vous pouvez créer une page d’accueil personnalisée en modifiant ce fichier ou en le remplaçant par un nouveau fichier.

Pour Premiers pas, vous aurez besoin d’un client FTP tel que FileZilla, ou vous pouvez utiliser le gestionnaire de fichiers fourni par votre fournisseur d’hébergement WordPress.

Si c’est la première fois que vous utilisez le protocole FTP, vous pouvez consulter notre guide complet sur la façon de se connecter à votre site à l’aide du protocole FTP.

Après vous être connecté au serveur, allez dans /wp-content/themes/ et ouvrez le dossier de votre thème WordPress actuel.

Si ce dossier contient déjà un fichier front-page.php, vous pouvez ouvrir ce fichier dans un éditeur de texte tel que le Bloc-notes. Vous pouvez ensuite apporter toutes les modifications souhaitées en modifiant le code.

Si votre thème n’a pas de fichier front-page.php, vous pouvez créer un nouveau fichier nommé front-page.php.

Après cela, il vous suffit de téléverser front-page.php dans le dossier de votre thème actuel sur votre compte d’hébergement WordPress.

Dès que vous téléversez ce fichier, WordPress commence à l’utiliser pour afficher votre page d’accueil. Cependant, comme le fichier est complètement vide, vous verrez une page vierge en guise de page d’accueil.

Pour corriger ce problème, il suffit d’ouvrir le fichier dans un éditeur/éditrices de texte et de commencer à ajouter du code HTML.

Si vous commencez avec un fichier vide, alors vous pouvez vous enregistrer du temps en utilisant le code et les modèles existants dans votre thème WordPress.

Par exemple, il est généralement judicieux d’inclure l’en-tête et le pied de page du thème.

Dans l’exemple de code suivant, nous avons retiré le contenu et les colonnes latérales tout en récupérant les modèles d’en-tête et de navigation du thème :

<?php /*
This page is used to display the static frontpage.
*/
 
// Fetch theme header template
get_header(); ?>
    <div id="primary" <?php astra_primary_class(); ?>>
 
    <div class="custom-homepage-container"> 
 
    You custom homepage code goes here
 
    </div> 
 
    </div><!-- #primary -->
//Fetch the theme footer template
<?php get_footer(); ?>

Découvrez d’autres astuces d’experts pour personnaliser les pages et les publications de WordPress.

Vous souhaitez avoir encore plus de contrôle sur votre site WordPress et personnaliser davantage vos pages et vos publications ? Consultez les articles ci-dessous :

• Comment afficher les publications les plus populaires en fonction des vues dans WordPress
• L’anatomie d’une page d’atterrissage à fort taux de conversion
• Comment personnaliser les pages de produits de WooCommerce (méthode sans code).
• Comment créer une page d’archives personnalisée dans WordPress
• Comment afficher les publications les plus commentées dans WordPress
• Comment trier facilement les publications sur WordPress (étape par étape)
• Comment faire des publications épinglées dans WordPress
• Comment afficher les publications récentes d’une catégorie spécifique dans WordPress
• Comment masquer une publication de la page d’accueil dans WordPress

Nous espérons que cet article vous a aidé à créer une page d’accueil personnalisée sur WordPress. Vous pouvez également consulter nos choix d’experts des meilleures extensions de publications populaires pour WordPress et notre article sur les pages les plus importantes que chaque blog WordPress devrait avoir.

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.