Ce guide explique en quoi consiste la page d’accueil de WordPress et pourquoi vous pourriez vouloir la modifier. Nous vous montrerons ensuite quelques moyens de modifier et de personnaliser votre page d’accueil.<\/p>\n
Commen\u00e7ons !<\/p>\n
Qu’est-ce que la page d’accueil de WordPress (et pourquoi vous pourriez vouloir changer la v\u00f4tre)<\/h2>\n
Votre page d’accueil est comme le tapis de bienvenue de votre site web. C’est la premi\u00e8re page que les visiteurs voient lorsqu’ils saisissent votre URL<\/a>, vous voulez donc qu’elle fasse une bonne premi\u00e8re impression.<\/p>\n La page d’accueil doit donner aux visiteurs une id\u00e9e claire de la nature de votre site et de ce qu’il peut leur offrir. La page d’accueil de Slack<\/a> fait un excellent travail pour pr\u00e9senter le produit et attirer l’attention des gens :<\/p>\n Par d\u00e9faut, sur de nombreux th\u00e8mes WordPress<\/a>, votre page d’accueil affiche les derniers articles de votre blog.<\/p>\n Cependant, vous voudrez peut-\u00eatre y voir quelque chose de diff\u00e9rent. C’est particuli\u00e8rement vrai si vous n’avez pas de blog<\/a>, ou si ce n’est pas le sujet de votre site web.<\/p>\n Vous pourriez m\u00eame vouloir changer votre page d’accueil au fil du temps. Par exemple, si vous d\u00e9cidez d’organiser une promotion ou un \u00e9v\u00e9nement pour les vacances<\/a>, vous pourriez mettre \u00e0 jour la page pour annoncer cette promotion. En d’autres termes, les raisons de changer votre page d’accueil WordPress ne manquent pas.<\/p>\n\n Si vous ne souhaitez pas afficher vos articles de blog<\/a> sur la page d\u2019accueil de votre site web, vous pouvez d\u00e9finir \u00e0 la place une page d’accueil \u00ab\u00a0statique\u00a0\u00bb. Une page statique affiche un contenu qui ne change pas fr\u00e9quemment. Sur votre site WordPress, vous pouvez avoir une page d’accueil ainsi qu’une page de blog s\u00e9par\u00e9e.<\/p>\n Pour cr\u00e9er votre page d’accueil, commencez par vous connecter au tableau de bord de votre administrateur. Cliquez sur Pages > Ajouter<\/strong> :<\/p>\n Donnez un nom \u00e0 votre page d’accueil WordPress, et cliquez sur le bouton Publier<\/strong>. R\u00e9p\u00e9tez ensuite ces \u00e9tapes une seconde fois pour cr\u00e9er votre page de blog.<\/p>\n Maintenant que vos pages sont pr\u00eates, vous pouvez dire \u00e0 WordPress comment les utiliser.<\/p>\n Rendez-vous sur R\u00e9glages > Lecture<\/strong>, et sous les options La page d\u2019accueil affiche<\/strong>, s\u00e9lectionnez Une page statique<\/strong>. Ensuite, utilisez les menus d\u00e9roulants<\/a> pour choisir votre page d’accueil et la page des articles :<\/span><\/p>\n Pendant que vous effectuez ces \u00e9tapes, vous pouvez mettre votre site en mode de maintenance<\/a>. Les visiteurs verront alors un message que vous avez d\u00e9fini, plut\u00f4t qu’un site web non fonctionnel ou une page d’erreur g\u00e9n\u00e9rique. Si vous avez d\u00e9j\u00e0 un certain trafic sur votre site<\/a>, vous voudrez peut-\u00eatre le faire avant de modifier votre page d’accueil.<\/p>\n Vous pouvez utiliser l\u2019extension WP Maintenance Mode<\/a> pour configurer cette fonction :<\/p>\n Cette extension vous permet de d\u00e9livrer un message personnalis\u00e9 aux visiteurs du site et vous permet de cr\u00e9er un message personnalis\u00e9 qui informe les visiteurs que votre site sera bient\u00f4t \u00e0 nouveau en activit\u00e9.<\/p>\n Maintenant que vous avez mis en place votre page d’accueil, il est temps de la concevoir et d’y ajouter du contenu.<\/p>\n Examinons trois outils diff\u00e9rents que vous pouvez utiliser pour ce travail.<\/p>\n De nombreux th\u00e8mes WordPress vous fourniront un design basique de la page d’accueil, ainsi que quelques options pour la modifier. Vous pouvez acc\u00e9der \u00e0 ces options via la personnalisation de th\u00e8me<\/a>.<\/p>\n \u00c0 partir de votre zone d’administration<\/a>, cliquez sur Apparence > Personnaliser<\/strong> pour lancer l’outil. L\u2019outil de personnalisation vous donnera un aper\u00e7u en direct pendant que vous modifiez votre page d’accueil, afin que vous puissiez voir comment vos modifications affectent l’apparence de votre site web.<\/p>\n Toutefois, ces changements ne prendront effet que lorsque vous cliquerez sur le bouton Publier<\/strong>, alors n’h\u00e9sitez pas \u00e0 faire des tests.<\/p>\n En fonction de votre th\u00e8me, vous pouvez avoir diff\u00e9rentes options pour les changements que vous pouvez apporter. Vous pouvez naviguer \u00e0 l’aide des onglets du menu, ou cliquer sur n’importe quelle zone comportant une ic\u00f4ne de crayon bleu pour la modifier :<\/p>\n Si votre th\u00e8me comprend plusieurs mod\u00e8les de pages, vous pouvez commencer par les explorer.<\/p>\n Certains th\u00e8mes vous donnent par exemple des options sur l’endroit o\u00f9 placer votre colonne lat\u00e9rale, ou vous permettent de supprimer enti\u00e8rement cet \u00e9l\u00e9ment<\/a> pour une page en pleine largeur :<\/p>\n Si vous pr\u00e9f\u00e9rez ne pas utiliser certaines sections de la page d’accueil, vous pouvez utiliser la personnalisation de th\u00e8me pour les supprimer.<\/p>\n Vous pouvez le faire en vous rendant \u00e0 l’\u00e9l\u00e9ment du menu et en cliquant sur l’ic\u00f4ne en forme d’\u0153il \u00e0 c\u00f4t\u00e9 du nom de la section :<\/p>\n Vous pouvez toujours r\u00e9tablir les zones que vous avez supprim\u00e9es en cliquant \u00e0 nouveau sur la m\u00eame ic\u00f4ne. Vous pouvez \u00e9galement faire glisser les \u00e9l\u00e9ments dans la colonne si vous souhaitez modifier leur ordre.<\/p>\n M\u00eame si vous avez fait quelques modifications avec l\u2019outil de personnalisation de th\u00e8me, vous pouvez faire d’autres modifications en utilisant l’\u00e9diteur de bloc<\/a>. Ce dernier vous offre davantage d’options pour modifier la conception et la mise en page de votre page d’accueil.<\/p>\n Pour commencer, acc\u00e9dez \u00e0 votre page d’accueil \u00e0 partir du tableau de bord de l’administration en cliquant sur Pages<\/strong>, puis en s\u00e9lectionnant la page que vous avez d\u00e9finie comme page d’accueil. Avec l’\u00e9diteur de bloc, vous pouvez ajouter de nombreux types de contenus diff\u00e9rents sur votre page d’accueil. Vous pouvez commencer par un texte de pr\u00e9sentation de votre site web et de vos activit\u00e9s.<\/p>\n Pour commencer, vous pouvez cliquer sur la page et commencer \u00e0 \u00e9crire. Le bloc de paragraphe appropri\u00e9 sera automatiquement cr\u00e9\u00e9 pour vous.<\/p>\n Vous pouvez \u00e9galement s\u00e9lectionner le bloc vous-m\u00eame en cliquant sur le symbole plus, soit dans le coin sup\u00e9rieur gauche de l’\u00e9cran, soit lorsqu’il appara\u00eet dans la fen\u00eatre de l’\u00e9diteur. Vous pouvez ensuite s\u00e9lectionner ou rechercher le bloc de paragraphe :<\/p>\n Une fois votre texte en place, vous pouvez utiliser le menu de r\u00e9glages du bloc pour le personnaliser davantage. Sous R\u00e9glages du texte<\/strong>, vous pouvez modifier la taille de votre texte<\/a> en s\u00e9lectionnant une taille pr\u00e9d\u00e9finie ou personnalis\u00e9e. Vous pouvez m\u00eame inclure une lettrine pour certains points de style suppl\u00e9mentaires.<\/p>\n Pour ajouter un peu de couleur \u00e0 votre paragraphe, vous pouvez explorer les r\u00e9glages de couleur<\/strong>. L\u00e0 encore, vous pouvez choisir parmi un ensemble de couleurs pr\u00e9d\u00e9finies ou utiliser une couleur personnalis\u00e9e<\/a> :<\/p>\n Vous voudrez sans doute aussi inclure des images<\/a> sur votre page d’accueil.<\/p>\n Vous pouvez le faire en cliquant sur le symbole plus et en s\u00e9lectionnant le bloc Image<\/strong> :<\/p>\n Vous pouvez utiliser le bloc pour t\u00e9l\u00e9verser une image, en s\u00e9lectionner une dans votre m\u00e9diath\u00e8que<\/a> ou en ajouter une via une URL. Vous pouvez ensuite utiliser la barre d’outils juste au-dessus du bloc pour ajuster l’alignement de l’image ou la d\u00e9placer de haut en bas sur la page.<\/p>\n Si vous souhaitez ajouter une l\u00e9gende, il y a de la place sous l’image pour en inclure une.<\/p>\n \u00c0 ce stade, vous pouvez continuer \u00e0 ajouter des blocs jusqu’\u00e0 ce que vous soyez satisfait de votre page. Pour acc\u00e9der \u00e0 d’autres blocs, vous pouvez cliquer sur le symbole plus et soit parcourir soit rechercher dans le menu r\u00e9sultant.<\/p>\n Vous pouvez \u00e9galement cliquer sur Tout parcourir<\/strong> pour voir tous les blocs auxquels vous avez acc\u00e8s.<\/p>\n Par exemple, si vous pr\u00e9voyez d’inclure un m\u00e9lange de m\u00e9dia et de texte, vous pouvez le faire en utilisant des blocs de paragraphes et d’images individuels. Cependant, vous pouvez essayer d’utiliser un bloc M\u00e9dia & Texte \u00e0 la place :<\/span><\/p>\n Ce bloc vous permet d’afficher dans le m\u00eame bloc un m\u00e9dia et du contenu \u00e9crit, selon diff\u00e9rentes configurations :<\/p>\n Pour supprimer un bloc, il suffit de cliquer sur les trois points verticaux de la barre d’outils situ\u00e9e au-dessus et de choisir Supprimer le bloc<\/strong>. Gr\u00e2ce \u00e0 ces outils, vous pourrez concevoir \u00e0 peu pr\u00e8s n’importe quelle page d’accueil que vous pouvez imaginer.<\/p>\n Si vous pr\u00e9f\u00e9rez travailler avec Classic Editor<\/a>, vous pouvez toujours construire une page d’accueil \u00e9tonnante. Une fois de plus, vous partirez du tableau de bord de l’administrateur de WordPress.<\/p>\n Cliquez sur Pages<\/strong>, puis s\u00e9lectionnez la page que vous avez d\u00e9finie comme page d’accueil de votre site.<\/p>\n Pour ajouter du texte, il suffit de commencer \u00e0 saisir. Le texte sera un paragraphe par d\u00e9faut, mais vous pouvez utiliser le menu d\u00e9roulant pour cr\u00e9er un titre ou une rubrique :<\/p>\n Ce menu d\u00e9roulant vous permet de changer le texte d’un paragraphe en diff\u00e9rentes rubriques (H1 – H6).<\/p>\n La barre d’outils situ\u00e9e \u00e0 c\u00f4t\u00e9 de cette zone d\u00e9roulante vous permet d’apporter d’autres modifications \u00e0 votre texte. Vous pouvez le mettre en gras ou en italique, modifier l’alignement et cr\u00e9er des listes \u00e0 puces ou num\u00e9rot\u00e9es. Si vous souhaitez ajouter une citation \u00e0 votre page, vous pouvez \u00e9galement le faire ici.<\/p>\n Cette barre d’outils est \u00e9galement l’endroit o\u00f9 vous ajouterez des liens \u00e0 votre copie. Enfin, il y a un bouton que vous pouvez utiliser pour ajouter une balise \u00ab\u00a0Lire la suite\u00a0\u00bb. Cette fonction peut \u00eatre utile si vous souhaitez inclure des articles sur votre site, mais que vous ne souhaitez pas afficher le texte int\u00e9gral sur votre page d’accueil.<\/p>\n Le dernier bouton de la rang\u00e9e ouvrira un autre groupe d’outils. Ceux-ci vous donnent plus d’options pour styliser votre texte, comme l’ajout de couleurs ou la modification de la taille :<\/p>\n Vous pouvez \u00e9galement ajouter des images et d’autres m\u00e9dias dans votre page en utilisant Classic Editor. Pour ce faire, cliquez sur le bouton Ajouter un m\u00e9dia<\/strong> pour ouvrir une nouvelle fen\u00eatre. Vous pouvez choisir le bouton S\u00e9lectionner des fichiers<\/strong> pour ajouter de nouveaux fichiers \u00e0 votre m\u00e9diath\u00e8que :<\/p>\n Vous pouvez t\u00e9l\u00e9verser des fichiers \u00e0 partir de votre appareil pour les ajouter \u00e0 votre m\u00e9diath\u00e8que<\/a>.<\/p>\n \u00c0 partir de cette fen\u00eatre, vous pouvez \u00e9galement acc\u00e9der aux fichiers pr\u00e9c\u00e9demment t\u00e9l\u00e9vers\u00e9s en cliquant sur l’onglet M\u00e9diath\u00e8que<\/strong>. S\u00e9lectionnez le fichier que vous souhaitez ajouter, et cliquez sur le bouton Ins\u00e9rer dans la page<\/strong> :<\/p>\n L’image appara\u00eetra alors sur votre page. Vous pouvez acc\u00e9der aux options du fichier en cliquant sur celui-ci. Dans le cas de cette image, vous pouvez changer l’alignement, la modifier ou la supprimer :<\/p>\n Vous pouvez modifier l’alignement de votre image une fois que vous l’avez ins\u00e9r\u00e9e.<\/p>\n Pour voir comment se pr\u00e9sente votre page d’accueil, vous pouvez cliquer sur le bouton Pr\u00e9visualiser<\/strong>. Une fois que vous \u00eates satisfait de l’apparence de votre page, cliquez sur le bouton Publier<\/strong> pour enregistrer vos changements et les rendre visibles sur votre site web.<\/p>\n Si vous aimez travailler avec l’\u00e9diteur de blocs, vous pourriez \u00eatre int\u00e9ress\u00e9 par le th\u00e8me Twenty Twenty-One<\/a>, le nouveau th\u00e8me par d\u00e9faut de WordPress 5.6 :<\/p>\n Le th\u00e8me Twenty Twenty-One est con\u00e7u pour \u00eatre flexible<\/a> et fonctionner correctement sur diff\u00e9rents types de sites web. Il comprend des polices de caract\u00e8res simples et un sch\u00e9ma de couleurs pastel att\u00e9nu\u00e9. Il utilise \u00e9galement des \u00ab\u00a0compositions\u00a0\u00bb<\/a>, qui sont des mises en page pr\u00e9d\u00e9finies que vous pouvez modifier selon vos besoins.<\/p>\n Ces mises en page sp\u00e9cialis\u00e9es, combin\u00e9es \u00e0 la simplicit\u00e9 de Twenty Twenty-One, peuvent faire de ce th\u00e8me un choix id\u00e9al si vous souhaitez une page d’accueil hautement personnalis\u00e9e, sans avoir \u00e0 utiliser un constructeur de pages tiers<\/a>.<\/p>\n Pendant que vous travaillez sur votre page d’accueil, vous pouvez aussi faire attention \u00e0 votre menu de navigation<\/a>. Bien que ce menu apparaisse probablement sur la plupart des pages de votre site, il peut \u00eatre particuli\u00e8rement utile pour les visiteurs qui se rendent sur votre page d’accueil pour la premi\u00e8re fois.<\/p>\n \u00c0 partir du tableau de bord de l’administration, cliquez sur Apparence > Menus<\/strong>.<\/p>\n Si vous n’avez pas encore de menus, vous serez invit\u00e9 \u00e0 en cr\u00e9er un, ou vous pouvez s\u00e9lectionner le bouton Cr\u00e9er un menu<\/strong>. Votre menu aura besoin d’un nom pour le distinguer des autres menus que vous pouvez cr\u00e9er :<\/p>\n L’\u00e9tape suivante consiste \u00e0 ajouter des pages au menu. Vous pouvez les ajouter individuellement, ou cocher la case Ajouter automatiquement les pages de premier niveau \u00e0 ce menu<\/strong> pour toutes les ajouter.<\/p>\n Si vous pr\u00e9f\u00e9rez s\u00e9lectionner les pages vous-m\u00eame, s\u00e9lectionnez l’onglet Tout afficher<\/strong> dans la colonne de gauche. Cochez les cases des pages que vous souhaitez ajouter et cliquez sur le bouton Ajouter au menu<\/strong> :<\/p>\n Vous pouvez ajouter des pages de haut niveau automatiquement, ou s\u00e9lectionner manuellement les pages \u00e0 ajouter.<\/p>\n Maintenant que vous avez ajout\u00e9 vos pages au menu, vous pouvez d\u00e9terminer l’ordre dans lequel elles appara\u00eetront. Pour ce faire, il vous suffit de faire glisser les \u00e9l\u00e9ments du menu et de les mettre en place.<\/p>\n Si vous souhaitez imbriquer certains \u00e9l\u00e9ments sous d’autres pour cr\u00e9er un menu d\u00e9roulant<\/a>, vous pouvez aussi le faire ici. Cela vous permet d’ajouter des liens suppl\u00e9mentaires \u00e0 votre navigation, sans l’encombrer ou la rendre trop lourde.<\/p>\n Il vous suffit de faire glisser la page enfant en dessous et l\u00e9g\u00e8rement \u00e0 droite<\/p>\n Enfin, en fonction de votre th\u00e8me<\/a>, vous pouvez avoir quelques options pour l’endroit o\u00f9 votre menu appara\u00eet sur votre page.<\/p>\n Les options les plus courantes sont le pied de page, le haut de page et les colonnes lat\u00e9rales (gauche ou droite). Si les options de menu par d\u00e9faut ne vous suffisent pas, voici une liste des meilleures extensions pour \u00e9tendre les fonctionnalit\u00e9s de votre menu<\/a>.<\/p>\n\n Une page d’accueil bien con\u00e7ue peut donner aux visiteurs une id\u00e9e pr\u00e9cise du contenu de votre site. Lorsqu’elle est correctement configur\u00e9e, elle peut \u00eatre un outil puissant pour les sites eCommerce<\/a>, les blogs personnels et tout ce qui se situe entre les deux.<\/p>\n![\"Page](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/slack-homepage.png\")
Comment cr\u00e9er une page d’accueil statique<\/h2>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/add-new-page-1.png\")
![\"Vous](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/setting-static-home-page.png\")
![\"wp](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/wp-maintenance-mode-plugin.png\")
Comment modifier votre page d’accueil WordPress (3 m\u00e9thodes)<\/h2>\n
1. Utiliser la personnalisation de th\u00e8me pour modifier votre page d’accueil<\/h3>\n
![\"Les](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/editable-element.png\")
![\"Votre](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/customizer-sidebar-options.png\")
![\"suppression](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/removing-a-section-from-the-homepage.png\")
2. Modifier votre page d’accueil WordPress avec l’\u00e9diteur de bloc<\/h3>\n
![\"Vous](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-a-paragraph-block.png\")
![\"Personnalisez](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/text-and-color-options.png\")
![\"Vous](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-an-image-to-homepage.png\")
![\"Vous](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/blank-media-and-text-block.png\")
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/media-and-text-block.png\")
3. Changer votre page d’accueil WordPress avec Classic Editor<\/h3>\n
![\"Mise](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/classic-editor-text-style-dropdown-1.png\")
![\"Bouton](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/additional-tools-in-classic-editor-1.png\")
![\"M\u00e9diath\u00e8que\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-with-classic-editor.png\")
![\"Ajouter](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-from-media-library.png\")
![\"Options](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/image-options-in-classic-editor-1.png\")
Facultatif : D\u00e9couvrez le th\u00e8me Twenty Twenty-One<\/h3>\n
![\"Th\u00e8me](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/twenty-twentyone-theme.png\")
Comment cr\u00e9er un menu pour votre page d’accueil<\/h2>\n
![\"Donnez](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-new-menu.png\")
![\"Ajouter](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-pages-to-a-menu.png\")
![\"Cr\u00e9er](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-dropdown-menu.png\")
R\u00e9sum\u00e9<\/h2>\n