WordPress est l’un des moyens les plus rapides de diffuser du contenu sur Internet pour que tout le monde puisse le lire. Cependant, il n’a pas toujours l’aspect le plus élégant de la page d’accueil. Ainsi, la plupart des développeurs optent pour la création d’une page d’accueil WordPress personnalisée dès le début.

Heureusement, les aspects de WordPress ont beaucoup à offrir lors du développement d’une page d’accueil personnalisée.

Au lieu d’être obligé d’afficher les articles les plus récents sur une longue page que les utilisateurs doivent faire défiler, vous pouvez rendre le site compact et beaucoup plus facile à gérer. Le plus difficile est de s’en tenir à ce design parfait qui attire vos visiteurs.

Dans ce tutoriel, nous allons vous montrer comment mettre en place une magnifique page d’accueil personnalisée, à la fois fonctionnelle et élégante. Quel que soit le type de site que vous exploitez, l’attrait visuel contribue à votre succès.

Pourquoi une page d’accueil WordPress unique est-elle importante ?

Pour de nombreux sites web, la plupart des visiteurs atterrissent d’abord sur la page d’accueil. À moins qu’ils ne visitent un élément de contenu spécifique que vous avez créé, ce sera la zone d’accueil qui recevra le plus d’attention. C’est ici que vous devez impressionner les visiteurs.

Une page d’accueil WordPress unique et élégante peut tout faire, de la démonstration de votre professionnalisme à l’encouragement des utilisateurs à interagir avec le site.

Pensez à ce qui se passe lorsque vous entrez dans une nouvelle entreprise dans votre quartier. Quelle est la première chose que vous remarquez en franchissant la porte ? La mise en page est-elle attrayante ou est-ce un fouillis où il est difficile de trouver ce que l’on cherche ?

La mise en page de votre page d’accueil peut être tout aussi essentielle que celle d’un magasin de type brique et mortier. Elle doit aussi pouvoir vous donner une idée claire de ce que le reste du site a à offrir et être pleine de votre logo.

Comment créer une page d’accueil WordPress personnalisée

Méthode 1 : Utilisation d’un thème

L’une des façons les plus simples de créer un écran d’accueil attrayant est de choisir le bon thème. Certains sont livrés avec leurs propres widgets et vous permettent un contrôle limité de l’apparence de l’écran d’accueil.

En relation  Comment déplacer un thème enfant WordPress vers un autre site ?

Le véritable inconvénient de l’utilisation d’un thème est que vous risquez d’être limité par ce que vous pouvez faire. Tous les thèmes ne vous donnent pas un contrôle absolu sur la page d’accueil, et créer un look unique peut être presque impossible.

Toutefois, il peut s’agir d’un moyen rapide de rendre votre premier écran un peu plus attrayant qu’en affichant les messages les plus récents.

Étape 1 : Créer les pages d’accueil et de messages

Par défaut, votre page d’accueil WordPress sera configurée pour afficher vos articles les plus récents. La façon dont WordPress procède laisse peu de place à d’autres contenus. Ainsi, nous devons faire en sorte d’empêcher WordPress de faire cela.

Tout d’abord, nous allons commencer par créer une nouvelle page d’accueil et une page d’articles.

Cliquez sur Pages et sélectionnez l’option Ajouter un nouveau.

La première et seule chose que vous devez faire sur cette nouvelle page est de définir le titre sur Accueil. Vous disposez ainsi d’une toile vierge pour créer la mise en page de votre choix. À partir de là, vous pouvez ajouter des graphiques, du texte ou même des shortcodes à partir de plugins pour enrichir la page de fonctionnalités.

Par exemple, l’utilisation du WP Responsive Recent Post Slider vous donne un shortcode qui affichera votre contenu où vous le souhaitez sous forme de slider. Vous pouvez trouver des plugins de liste de catégories, des galeries, et plus encore en visitant et en installant les meilleurs plugins de WordPress.

Une fois que vous êtes satisfait, cliquez sur le bouton “Publier” pour mettre la page en ligne.

Répétez maintenant ces étapes, mais au lieu d’une page d’accueil, créez une page de messages. Le but de cette page est d’afficher vos messages les plus récents. N’hésitez pas à changer le titre de la page Posts par quelque chose d’autre.

De nombreux sites Web utilisent “Blog” ou “News” à la place, mais le choix vous appartient.

Etape 2 : Séparer la page d’accueil et la page des messages

Par défaut, WordPress combine les pages Accueil et Articles. Nous allons les séparer, ce qui est assez facile à faire.

Cliquez sur Paramètres et sélectionnez l’option Lecture.

Dans la section “Affichage de la page d’accueil”, cliquez sur le bouton radio “Une page statique”.

Remplacez la page d’accueil par la page d’accueil nouvellement créée et la page des messages par la page des messages nouvellement créée. Si vous avez choisi des noms différents, sélectionnez-les dans la liste déroulante.

En relation  Comment ajouter des widgets sensibles au contenu dans la barre latérale de WordPress.

Dans mon cas, je les ai nommés Accueil et Blog.

Cliquez sur le bouton “Enregistrer les modifications”.

Assurez-vous qu’à un moment donné sur l’écran d’accueil, vous mettez un lien vers vos articles. Une bonne façon de procéder est d’ajouter ces deux liens à votre menu de navigation. Cela aidera les autres à trouver votre contenu à partir de la page d’accueil et à y revenir.

Il existe une multitude de plugins qui peuvent vous aider à peaufiner l’affichage de la page d’accueil du site pour la rendre interactive et étonnante. Bien que cela demande un peu plus d’imagination, l’écran vierge est disponible pour tout type de conception que vous souhaitez créer.

Certains concepteurs utiliseront cet écran pour créer une page d’accueil pour l’entreprise. En fonction de la stratégie marketing, cela peut être très efficace.

Méthode 2 : Utilisation du Page Builder de SiteOrigin

Le plugin Page Builder de SiteOrigin dispose d’une quantité incroyable de fonctionnalités pour créer un écran d’accueil étonnant. L’un des aspects les plus intéressants de ce plugin est que vous pouvez utiliser des widgets directement sur la page d’accueil, par opposition à la barre latérale.

Note :Bien que j’utilise Page Builder de Site Origin, il existe une tonne d’autres plugins que vous pouvez utiliser à sa place. Si vous utilisez déjà un constructeur de pages, n’hésitez pas à l’utiliser.

Voici comment créer l’écran d’accueil avec ce plugin.

Étape 1 : Installer Page Builder

Contrairement à la normale, vous devrez installer deux plugins. Page Builder de SiteOrigin et le SiteOrigin Widgets Bundle.

Installez et activez le plugin Page Builder by SiteOrigin.

Vous devrez également installer et activer le plugin SiteOrigin Widgets Bundle.

Étape 2 : Choisissez une mise en page

Une fois les plugins installés, vous êtes prêt à commencer à créer une page d’accueil WordPress unique.

Pour commencer, cliquez sur Pages et sélectionnez l’option Ajouter nouveau. Nommez la nouvelle page Home. Vous devriez remarquer un très gros bouton “Add SiteOrigin Layout Block” sur la page.

Cliquez dessus.

Note :Si vous utilisez l’éditeur classique, il y aura un onglet séparé pour le plugin au lieu d’un bouton. Le processus est légèrement différent, mais toujours très facile.

Ce bloc vous permet de personnaliser entièrement la page de n’importe quelle manière. Et pour rappel, ce plugin peut être utilisé pour n’importe quelle page, pas seulement la page d’accueil. Cliquez sur le bouton “Prebuilt Layout”.

Cela ouvrira le répertoire de mise en page. Cliquez sur le bouton “Activer” et toutes les mises en page apparaîtront. Testez plusieurs mises en page et voyez celle qui convient le mieux à votre site Web. Choisissez celle que vous voulez utiliser.

En relation  Comment afficher les articles WordPress les plus commentés

Une fois la mise en page sélectionnée, cliquez sur le bouton “Insérer” en bas à droite.

Note :S’il y a du texte ou toute autre édition dans l’éditeur de texte, Page Builder vous demandera si vous voulez insérer le modèle avant, après, ou le remplacer. Pour l’instant, cliquez sur, l’option remplacer le courant.

Étape 3 : Personnalisez la mise en page

La mise en page est maintenant en place. Cliquez sur le bouton “Aperçu” pour le visualiser sur votre site Web. Remarquez que le modèle utilise du texte générique pour presque tout. Vous allez donc devoir modifier tout le texte pour qu’il reflète votre site Web.

Et tant que vous y êtes, vous pouvez aussi personnaliser tout le reste à votre goût.

Vous devriez remarquer un fouillis de widgets dans le nouveau bloc. Ignorez-les pour l’instant et mettez à jour ou enregistrez la page. Ce bloc désordonné va maintenant se transformer en la mise en page sélectionnée.

Vous pouvez cliquer sur n’importe quel élément et le personnaliser à votre guise.

Cela inclut la police, la couleur, les liens vers les boutons et à peu près tous les éléments autres que les images. Vous pouvez supprimer certaines parties de la mise en page en les sélectionnant et en les supprimant.

Une fois la personnalisation de votre nouvel écran d’accueil terminée, cliquez sur le bouton “Publier” ou “Mettre à jour”.

Page Builder offre de nombreuses fonctionnalités lorsqu’il s’agit de créer quelque chose d’unique. Bien que les modèles disponibles soient assez attrayants, il n’y a rien de mal à déployer vos ailes créatives.

Le potentiel de WordPress est illimité

WordPress est le CMS le plus populaire au monde car il est le plus personnalisable et le plus facile à utiliser. Vous pouvez personnaliser chaque aspect de votre site Web, de la page d’accueil au menu.

Et vous devez absolument le faire.

Tous les sites Web à succès ont passé des heures à créer un design unique et la plupart d’entre eux commencent par la conception d’un site Web époustouflant.

La page d’accueil étant la première expérience d’un visiteur sur votre site WordPress, la création d’une page personnalisée est un excellent point de départ.

Quel type de plugins utilisez-vous pour mettre en valeur votre site Web ? Quels ajouts avez-vous faits pour rendre votre site plus unique ?