Dernières nouvelles de SeedProd

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

Comment modifier la page d'accueil de WordPress

Comment éditer votre page d'accueil WordPress (Guide du débutant + astuces) 

É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.

Voulez-vous savoir comment modifier une page d'accueil dans WordPress ?

Si vous venez de créer votre site web WordPress, vous vous demandez peut-être pourquoi votre page d'accueil ressemble à un blog rempli de vos derniers articles. Ne vous inquiétez pas, vous n'êtes pas le seul. De nombreux débutants ont du mal à trouver comment personnaliser leur page d'accueil pour qu'elle affiche quelque chose de différent.

La bonne nouvelle, c'est que WordPress permet de modifier facilement votre page d'accueil et de créer une première impression unique pour vos visiteurs. Que vous souhaitiez présenter vos produits, vos services, les avis de vos clients ou créer un superbe portfolio, nous vous guiderons étape par étape.

Table des matières

Pourquoi modifier votre page d'accueil WordPress ?

Votre page d'accueil WordPress est la première chose que les visiteurs voient, et vous devez l'optimiser pour améliorer l'engagement des utilisateurs et créer une bonne première impression.

Pour les blogs WordPress, il est courant de mettre en avant les articles récents. Mais si vous avez un site de commerce électronique, vous aurez tout intérêt à mettre en avant les nouveaux produits, les tendances et les promotions pour stimuler les ventes. De même, les petites entreprises devraient présenter leurs services, des informations sur l'équipe et des témoignages pour attirer les clients.

Cependant, le problème que rencontrent beaucoup de nos lecteurs est le suivant : il est difficile de modifier une page d'accueil WordPress pour qu'elle ait l'air professionnelle et qu'elle génère des conversions si l'on n'a pas de compétences en matière de conception ou de codage.

Heureusement, vous êtes au bon endroit. Nous allons vous expliquer comment modifier votre page d'accueil dans WordPress et la personnaliser sans faire appel à un développeur. Les étapes sont faciles à suivre, même pour les débutants complets.

Création d'une page d'accueil et d'une page de blog séparées

WordPress usually shows your latest blog posts on your homepage. That said, many businesses and blogs create a custom homepage with a separate blog page showing their blog posts.

Alors, pourquoi ne pas envisager la création d'une page d'accueil et d'une page de blog distinctes dans WordPress ?

La première étape consiste à créer une nouvelle page d'accueil en accédant à Pages " Add New dans votre tableau de bord WordPress. Donnez à la page un titre comme Accueil ou Page d'accueil, puis cliquez sur Publier pour publier la page.

Créez une nouvelle page pour votre page d'accueil

Ensuite, répétez le processus pour créer une nouvelle page qui affichera vos articles de blog. Allez dans Pages " Ajouter nouveau et nommez la nouvelle page Blog. Vous pouvez ensuite publier la nouvelle page vierge.

Créez une nouvelle page pour votre blog WordPress.

Une fois que vos pages sont prêtes, il est temps de demander à WordPress de les utiliser.

Pour ce faire, accédez à la rubrique " Réglages" "Lecture " dans la zone d'administration de WordPress. Ensuite, sous la rubrique "Votre page d'accueil s'affiche", choisissez l'option "page statique". Cela vous permettra de sélectionner une page spécifique pour votre page d'accueil et votre blog dans les menus déroulants proposés.

Définissez votre page d'accueil statique et votre page de blog dans les paramètres de lecture de WordPress.

Pour l'option Page d'accueil, choisissez la page que vous venez de créer. Ensuite, pour l'option Posts page, sélectionnez la page que vous avez créée pour vos articles de blog.

Après avoir configuré vos pages, cliquez sur le bouton Enregistrer les modifications pour conserver vos paramètres.

Comment modifier la page d'accueil de WordPress à l'aide d'un constructeur de thème

SeedProd meilleur plugin de page d'atterrissage WordPress

SeedProd est l'un des meilleurs constructeurs de sites web pour WordPress. Avec son éditeur drag-and-drop, vous pouvez construire et personnaliser n'importe quel type de mise en page de site web en temps réel sans codage, y compris votre page d'accueil WordPress.

Vous pouvez utiliser le plugin de construction de pages de SeedProd pour créer un thème WordPress avec un modèle de page d'accueil WordPress personnalisé et tout autre type de page WordPress.

Note : Il existe une version gratuite de SeedProd, mais vous aurez besoin de la version Pro pour accéder à la fonctionnalité de construction de thème et modifier votre modèle de page d'accueil.

Tout d'abord, vous devrez télécharger le plugin SeedProd et l'installer sur votre site WordPress pour commencer. Vous pouvez apprendre comment installer un plugin WordPress dans ce guide étape par étape.

Choose a Website Kitt

Après avoir installé et activé le plugin, naviguez vers SeedProd " Theme builder et cliquez sur le bouton 'Themes Template Kits'.

Kits de modèles pour le thème SeedProd

Une fenêtre s'ouvre, dans laquelle vous pouvez voir plusieurs thèmes conçus par des professionnels. Chaque thème s'adresse à différents types de sites web, tels que les sites de mariage, les portfolios, les agences, etc. Ils sont dotés d'en-têtes, de pieds de page, de barres latérales et de paramètres de page d'accueil personnalisés.

Passez votre souris sur le modèle qui vous convient et cliquez sur l'icône de la coche. Pour ce guide, nous choisirons le thème "Site web de photographie".

Modèle de thème de site web pour la photographie SeedProd

Cette opération permet de créer tous les modèles qui composent votre thème WordPress. Cela inclut un modèle de page d'accueil statique.

Seedprod theme builer

Edit the Homepage Template

SeedProd facilite l'édition des modèles de votre thème grâce à son constructeur de pages d'atterrissage par glisser-déposer.

Il vous suffit de passer votre souris sur le modèle "Page d'accueil" et de cliquer sur le lien " Modifier la conception".

Comment modifier la page d'accueil de WordPress en utilisant SeedProd

En cliquant sur ce lien, vous ouvrirez votre page d'accueil dans le constructeur de pages de SeedProd.

Après avoir ouvert le modèle de page d'accueil, vous verrez l'éditeur visuel, qui contient des blocs WordPress, des sections et des réglages sur le côté gauche. Sur la droite se trouve un aperçu de votre page que vous pouvez modifier en temps réel.

modèle de page d'accueil dans le constructeur de pages

En cliquant sur n'importe quel élément de la page, vous ouvrez un panneau sur le côté gauche. Vous pouvez alors personnaliser son contenu, son style et ses options d'affichage en pointant et en cliquant avec votre souris.

Par exemple, lorsque vous cliquez sur un titre ou un élément de texte, vous pouvez modifier le contenu de la démo et le remplacer par des informations sur votre entreprise.

Modifier le titre et le texte de la page d'accueil de WordPress

Ensuite, nous ajouterons une galerie à la page d'accueil pour afficher notre portfolio sur la page d'accueil.

Cliquez sur l'élément du bloc Galerie dans le modèle jusqu'à ce que vous voyiez un contour orange, puis cliquez dessus. Sur la gauche, vous verrez un panneau dans lequel vous pourrez télécharger des images depuis votre ordinateur ou la bibliothèque multimédia de WordPress.

Modifier la galerie de la page d'accueil dans WordPress

Vous pouvez ensuite cliquer sur l'onglet avancé et modifier le nombre de colonnes, l'espacement, la source du lien, la taille de l'image, etc.

Galerie des paramètres avancés pour la personnalisation de la page d'accueil de WordPress

Ensuite, nous allons faire défiler la page d'accueil et supprimer la section "À propos de moi". Nous voulons créer une section plus attrayante avec un appel à l'action pour en savoir plus.

Pour supprimer la section, survolez-la et cliquez sur l'icône de la corbeille.

Supprimer la section du modèle de page d'accueil

Nous allons maintenant nous rendre dans l'onglet Sections et choisir une section d'appel à l'action préétablie.

Section d'appel à l'action de SeedProd

Après avoir choisi une section, SeedProd l'ajoutera automatiquement au bas de votre page d'accueil. A partir de là, vous pouvez modifier son contenu.

modifier la section de la page d'accueil dans WordPress

Comme vous pouvez le voir ci-dessous, nous avons ajouté une photo différente, modifié la description et personnalisé le bouton d'appel à l'action.

Nouvelle section de modèles de pages d'accueil personnalisées

Une fois que vous avez fini de personnaliser votre page d'accueil, cliquez sur le bouton "Enregistrer" en haut de l'écran. Retournez ensuite à la liste des modèles en cliquant sur l'icône "X".

Enable Your Custom WordPress Homepage

Lorsque vous êtes prêt à mettre en ligne votre nouveau thème et votre nouvelle page d'accueil, basculez le paramètre "Enable SeedProd Theme" (Activer le thème SeedProd) sur la position "YES" (Oui).

activer le thème seedprod

Désormais, lorsque vous visiterez la page d'accueil de votre site web et toutes les autres pages de votre site, vous verrez un design entièrement personnalisé.

Aperçu personnalisé de la page d'accueil

Des pages d'accueil convaincantes éditées avec SeedProd

Vous n'avez pas besoin de nous croire sur parole. De nombreuses marques ont utilisé avec succès SeedProd pour modifier complètement leurs pages d'accueil avec d'excellents résultats.

Voici comment Duplicator a transformé sa page d'accueil WordPress :

Modifier la page d'accueil de WordPress à l'aide du Customizer de Thème

L'avantage de WordPress est qu'il est livré avec des tonnes de thèmes WordPress personnalisables que vous pouvez utiliser pour créer un site web attrayant. Mieux encore, les meilleurs thèmes WordPress sont souvent livrés avec une page d'accueil que vous pouvez facilement personnaliser.

Open the Theme Customizer

Vous pouvez trouver les options de vos thèmes en naviguant vers Apparence " Personnaliser à partir de votre tableau de bord WordPress. Cela permet de lancer le personnalisateur de thème de WordPress et d'afficher un aperçu en direct de votre thème.

Vous pouvez modifier votre page d'accueil dans le personnalisateur de thème WordPress.

Le personnalisateur de thèmes WordPress affiche des options différentes selon le thème utilisé. L'aperçu que vous voyez et les options disponibles seront différents de notre exemple, selon le thème que vous utilisez. Vous pouvez également modifier vos menus, vos zones de widgets et d'autres paramètres de page à l'aide du personnalisateur.

Edit Homepage Sections

Pour modifier n'importe quelle partie de votre page d'accueil, cliquez sur l'icône représentant un crayon bleu à côté de chaque élément. Dans cet exemple, nous modifions l'image, le texte et le bouton en haut de la page d'accueil.

Modifiez votre page d'accueil WordPress avec l'aperçu en direct et le personnalisateur

Vous pouvez également supprimer des sections de votre page d'accueil en cliquant sur l'icône de l'œil bleu. Il est également possible d'ajouter des sections à votre page en cliquant sur l'onglet Sections de la page d'accueil dans le Customizer et en cliquant sur l'icône en forme d'œil.

Ajouter et supprimer des sections de la page d'accueil dans le personnalisateur en direct

Lorsque vous êtes satisfait de l'aspect de votre page d'accueil, cliquez sur le bouton Publier pour la rendre accessible à votre public.

Voici à quoi ressemble notre page d'accueil maintenant que nous avons fini de la modifier.

Aperçu d'une page d'accueil WordPress personnalisée à l'aide du personnalisateur de thème WordPress

L'utilisation des paramètres de personnalisation intégrés à votre thème pour modifier votre page d'accueil WordPress est une excellente option si vous avez besoin d'effectuer des changements simples. Cependant, il se peut qu'il n'y ait pas toutes les options dont vous avez besoin.

Nous examinerons ensuite d'autres options de personnalisation.

Modifier la page d'accueil de WordPress à l'aide de l'éditeur de blocs

Si vous préférez créer et modifier votre page d'accueil à partir de zéro et utiliser votre propre mise en page, vous pouvez facilement le faire avec l'éditeur de blocs de WordPress (Gutenberg).

Pour ce faire, accédez à la nouvelle page d'accueil que vous avez créée précédemment et cliquez sur Modifier. Vous pouvez alors commencer à créer du contenu pour la page.

Vous pouvez modifier votre page d'accueil WordPress à l'aide de l'éditeur de blocs WordPress

Add WordPress Blocks

Nous utiliserons quelques blocs WordPress simples pour créer une page d'accueil de base.

Tout d'abord, ajoutons un message de bienvenue à la page afin d'améliorer l'expérience de l'utilisateur. Pour ce faire, cliquez sur la page et commencez à taper votre message. WordPress créera automatiquement un bloc de paragraphe pour vous.

rédiger le message de bienvenue de votre page d'accueil en utilisant le bloc de paragraphes

Pour agrandir votre message, accédez aux paramètres du bloc sur le côté droit. Sous la rubrique Taille prédéfinie, vous pouvez sélectionner une taille de texte dans le menu déroulant.

Modifier la taille du texte du message d'accueil de votre page d'accueil WordPress

Si vous le souhaitez, vous pouvez modifier la couleur de votre texte dans la section Paramètres de couleur.

Changez la couleur du texte du message de votre page d'accueil WordPress

Ajoutons ensuite une image à la page.

Pour ce faire, cliquez sur l'icône Plus (+) dans la barre d'outils de votre éditeur et sélectionnez le bloc Image. Vous pouvez trouver le bloc d'images dans la rubrique Médias ou le rechercher dans le champ de recherche.

Ajoutez une image à votre page d'accueil avec le bloc image de WordPress

Vous pouvez sélectionner une image dans votre bibliothèque multimédia ou en télécharger une depuis votre ordinateur.

Choisissez une image dans la médiathèque ou téléchargez-en une depuis votre ordinateur.

Ensuite, ajoutez un autre bloc de paragraphes invitant les visiteurs à consulter nos derniers articles de blog.

Ensuite, vous pouvez ajouter un bloc " Derniers messages" pour afficher vos messages récents. Vous pouvez modifier les paramètres du bloc sur le côté droit de l'écran. Nous avons paramétré notre bloc pour qu'il affiche l'image en vedette, l'extrait de l'article et le titre.

Ajouter le bloc des derniers articles de WordPress et personnaliser les réglages

Vous pouvez choisir autant de blocs que vous le souhaitez pour votre page d'accueil. Il est également possible de modifier le modèle de page pour qu'il n'y ait pas de barres latérales ou qu'elle soit pleine largeur. Toutefois, cela dépend du thème WordPress que vous utilisez.

Dans notre exemple, nous utilisons le thème WordPress Hestia.

Lorsque vous êtes satisfait de vos modifications, cliquez sur le bouton Publier en haut à droite de votre écran.

Vous pouvez ensuite prévisualiser votre page d'accueil finie :

Voici un exemple de page d'accueil que nous avons éditée à l'aide de l'éditeur de blocs de WordPress

Homepage Design Best Practices

You’ve learned the technical side of editing your WordPress homepage. Now, let’s make it shine. A well-designed homepage draws visitors in and guides them towards action.

Here’s how to make yours a winner:

First Impressions Count

  • What’s Your Story? The top of your page should instantly tell visitors who you are and why they should care.
  • Headline That Hooks: Use a clear, compelling headline that speaks directly to your audience’s needs or wants.
  • Visuals That Pop: High-quality images or videos can make your message come alive and resonate with visitors.
  • Show Them the Way: A clear and enticing call-to-action above the fold guides users towards the next step.
Leadfocus homepage design example

Leadfocus, a B2B marketing service, ditches industry seriousness for a refreshingly approachable homepage. It achieves this with a playful blend of 3D emojis and animations and expertly crafted copywriting that’s both casual and polished. This distinctive tone, reinforced by vibrant visuals and transparent pricing, clearly communicates the company’s mission: to make B2B marketing simpler and more enjoyable for its clients.

Keep it Simple, Keep it Smooth

  • Flow Like Water: Organize your content logically, guiding the eye naturally down the page. Use headings, subheadings, bullet points, and white space to make everything easy to read.
  • Effortless Navigation: Your menu should be super simple and easy to use. Include only essential pages and consider a sticky header so it’s always visible.
Eightyone homepage design

EightyOne’s agency website immediately captivates with a hero image that integrates video and scroll-triggered interactions. A partially obscured video, playing within the “O” of the agency’s logo, expands as users scroll, drawing them deeper into a showcase of EightyOne’s impressive portfolio of work with major brands and organizations.

Content is Still King

  • Benefits Over Features: Don’t just tell people what you do, tell them how it makes their lives better!
  • Build Trust: Testimonials, case studies, and social media embeds show potential customers that others love what you do.
  • Show, Don’t Just Tell: Spice up your text with visuals, videos, or infographics to make your message more engaging and memorable.
Grammarly homepage design

Grammarly dedicates its homepage to promoting its new AI writing assistant. A compelling headline and subheadline duo instantly convey the core benefit: enhanced writing and reputation through responsible AI. The design, true to Grammarly’s focus, prioritizes text, strategically using visuals only for calls to action, a feature animation, and social proof logos.

Turn Visitors into Customers

  • Clear Calls to Action: Use clear, concise language on your buttons, telling users exactly what to do next.
  • Strategic Placement: Include CTAs throughout the page, ideally after you’ve highlighted something valuable.
  • A/B Testing is Your Friend: Experiment with different layouts, headlines, and CTAs to see what works best for your audience.
Omsom homepage design

Omsom’s homepage makes a delicious first impression. A hero image of a mouthwatering meal instantly whets the appetite, while the headline, “Real Asian Flavors in Minutes,” promises speed and convenience. As you scroll, Omsom details its product’s simplicity, addresses potential hesitations, and strategically incorporates calls to action for a seamless path to purchase.

Dépannage des problèmes courants de la page d'accueil

Même avec les meilleurs guides, il arrive que les choses ne se passent pas comme prévu. Si vous rencontrez des difficultés avec votre page d'accueil, ne paniquez pas. Voici des solutions à certains problèmes courants :

La page d'accueil ne se met pas à jour.

Cela peut être frustrant, mais la solution est généralement simple. Tout d'abord, essayez de vider le cache et les cookies de votre navigateur.

Si cela ne fonctionne pas, vérifiez que vous avez publié vos modifications (cherchez le bouton "Update" ou "Publish" dans votre éditeur WordPress).

Toujours pas de résultat ? L'hébergeur de votre site web met peut-être vos pages en cache. Essayez de purger son cache ou de désactiver temporairement les plugins de mise en cache.

Erreur 404 sur la page d'accueil

Une erreur 404 signifie que votre page d'accueil est introuvable. Cela peut être dû à un problème de permalien. Allez dans Réglages " Permaliens dans votre tableau de bord WordPress et cliquez sur "Enregistrer les modifications" (même si vous n'en avez pas fait). 

Sauvegarder les changements de permaliens

Un autre coupable pourrait être un conflit avec votre thème ou vos plugins. Essayez de passer temporairement à un thème par défaut pour voir si cela résout le problème.

Les malheurs de l'affichage mobile

Si votre page d'accueil a un aspect bancal sur les appareils mobiles, il se peut que votre thème ne soit pas réactif. Les thèmes réactifs s'adaptent automatiquement aux différentes tailles d'écran.

Envisagez de passer à un thème adapté aux mobiles ou d'utiliser un constructeur de pages doté de fonctions réactives. Si vous utilisez déjà un thème réactif, vérifiez qu'il n'y a pas de conflits avec des plugins ou des problèmes de CSS qui pourraient perturber la mise en page.

FAQ sur la modification de la page d'accueil de WordPress

Comment changer la page d'accueil de mon site WordPress ?
Vous pouvez modifier la page d'accueil de WordPress en définissant une page statique dans le menu "Réglages" "Lecture ". Cela vous permettra de concevoir une première page personnalisée et de la définir comme votre page d'accueil par défaut.
Comment créer manuellement une page d'accueil personnalisée dans WordPress ?
Dans WordPress, créez une nouvelle page avec le contenu et la mise en page souhaités. Ensuite, allez dans Réglages " Lecture et définissez "Une page statique" comme votre page d'accueil. Choisissez la page que vous venez de créer et enregistrez les modifications. Votre page personnalisée sera ainsi la première chose que les visiteurs verront.
Comment ajouter un bouton de page d'accueil dans WordPress ?
Il n'y a pas de bouton "page d'accueil" intégré dans les menus de navigation de WordPress, mais vous pouvez facilement ajouter un bouton qui renvoie à votre page d'accueil. Utilisez l'option "menus" de votre tableau de bord et ajoutez un lien personnalisé avec l'URL de votre site web et "Accueil" ou un autre libellé comme texte.

Prochaines étapes

Nous espérons que cet article vous a aidé à apprendre comment modifier une page d'accueil dans WordPress.

Notre premier choix est d'utiliser le constructeur de thème par glisser-déposer de SeedProd. Cependant, nous vous recommandons de choisir l'option qui correspond le mieux aux besoins de votre site web.

Les tutoriels WordPress suivants peuvent également vous aider à personnaliser votre site WordPress :

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.