{"id":234214,"date":"2023-02-14T11:54:00","date_gmt":"2023-02-14T08:54:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=234214"},"modified":"2022-11-12T00:36:11","modified_gmt":"2022-11-11T21:36:11","slug":"liste-de-controle-12-choses-que-vous-devez-verifier-lors-du-choix-dun-theme-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/liste-de-controle-12-choses-que-vous-devez-verifier-lors-du-choix-dun-theme-wordpress\/","title":{"rendered":"Liste de contr\u00f4le : 12 choses que vous devez v\u00e9rifier lors du choix d&rsquo;un th\u00e8me WordPress"},"content":{"rendered":"\n<p>Il s&rsquo;agit d&rsquo;un guide des fonctionnalit\u00e9s dont votre nouveau th\u00e8me WordPress a besoin pour assurer le succ\u00e8s de votre site Web en 2020. La liste de contr\u00f4le est pertinente pour les webmasters, les particuliers, mais aussi les d\u00e9veloppeurs qui cherchent \u00e0 am\u00e9liorer leurs th\u00e8mes. Si vous envisagez de choisir un nouveau th\u00e8me WordPress cette ann\u00e9e, lisez la suite !<\/p>\n<p>Gardez \u00e0 l&rsquo;esprit que le type de site Web pour lequel vous souhaitez ajouter un th\u00e8me est important. J&rsquo;ai essay\u00e9 de garder les pointeurs aussi g\u00e9n\u00e9raux que possible afin qu&rsquo;ils s&rsquo;appliquent, que vous ayez une entreprise, un blog ou un site Web de commerce \u00e9lectronique.<\/p>\n<p>Vous devez \u00e9galement noter que vous r\u00e9soudrez tr\u00e8s probablement de nombreuses fonctionnalit\u00e9s n\u00e9cessaires \u00e0 l&rsquo;aide de plugins, et ne comptez donc pas sur le th\u00e8me pour vous donner tout ce dont vous avez besoin. Mais il y a encore beaucoup de choses qui ne peuvent \u00eatre r\u00e9solues ou prises en charge que par le th\u00e8me. La liste de contr\u00f4le ci-dessous r\u00e9pertorie les \u00e9l\u00e9ments que les plugins ne peuvent pas ou ne peuvent probablement pas r\u00e9parer et doivent \u00eatre en place dans le th\u00e8me que vous choisissez.<\/p>\n<h2>1 Adapt\u00e9 aux mobiles<\/h2>\n<p>Le th\u00e8me doit \u00eatre adapt\u00e9 aux mobiles. P\u00e9riode. Plus de la moiti\u00e9 de toutes les visites de sites Web dans le monde se font via un appareil mobile. En 2018, le pourcentage de visites mobiles mondiales \u00e9tait d&rsquo;environ 58\u00a0% et il devrait \u00eatre d&rsquo;environ 63\u00a0% en 2019. Il ne fera qu&rsquo;augmenter au fil des ann\u00e9es.<\/p>\n<p>Qu&rsquo;est-ce que cela signifie qu&rsquo;un th\u00e8me ou un site Web est adapt\u00e9 aux mobiles\u00a0? Cela signifie simplement que le site Web a \u00e9t\u00e9 d\u00e9velopp\u00e9 pour fonctionner et est utilisable sur des \u00e9crans plus petits, sans avoir besoin d&rsquo;un site distinct pour les utilisateurs mobiles. Autrement dit; le th\u00e8me doit \u00eatre r\u00e9actif. Un th\u00e8me r\u00e9actif rendra le contenu bien empil\u00e9 les uns sur les autres, mettra \u00e0 l&rsquo;\u00e9chelle ou masquera le contenu inutile et remplacera le menu principal par un menu mobile via un bouton.<\/p>\n<p>Vous pouvez tr\u00e8s facilement v\u00e9rifier si un site Web est r\u00e9actif en r\u00e9duisant simplement la fen\u00eatre de votre navigateur sur votre ordinateur. Faites simplement glisser le c\u00f4t\u00e9 gauche ou droit du navigateur vers l&rsquo;int\u00e9rieur. Regardez comment le site Web r\u00e9agit. Le contenu doit commencer \u00e0 se r\u00e9organiser, s&#8217;empiler et se mettre \u00e0 l&rsquo;\u00e9chelle proportionnellement pour s&rsquo;adapter \u00e0 la largeur de l&rsquo;\u00e9cran. Une bonne r\u00e8gle de base est que vous ne devriez jamais voir une barre de d\u00e9filement horizontale dans votre navigateur\u00a0!<\/p>\n<p>\u00c0 titre d&rsquo;exemple, voici comment la page d&rsquo;accueil de ce site agit lorsque vous r\u00e9duisez la taille de l&rsquo;\u00e9cran\u00a0:<\/p>\n<\/p>\n<p>Un moyen plus fiable de v\u00e9rifier la compatibilit\u00e9 avec les mobiles consiste \u00e0 utiliser l&rsquo;outil gratuit de Google: <a href=\"https:\/\/search.google.com\/test\/mobile-friendly\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">testez si votre page Web est adapt\u00e9e aux mobiles<\/a>. Entrez l&rsquo;URL du site de d\u00e9monstration du th\u00e8me et cliquez sur &quot;Tester&quot;. L&rsquo;outil devrait vous indiquer si le site est effectivement adapt\u00e9 aux mobiles ou non.<\/p>\n<p>Non seulement un site adapt\u00e9 aux mobiles permettra \u00e0 plus de visiteurs d&rsquo;utiliser diff\u00e9rents appareils, mais avoir un site Web adapt\u00e9 aux mobiles est \u00e9galement crucial pour le r\u00e9f\u00e9rencement (optimisation pour les moteurs de recherche &#8211; voir l&rsquo;article suivant)\u00a0! Google donne la priorit\u00e9 aux sites adapt\u00e9s aux mobiles dans ses r\u00e9sultats de recherche. Et en mars 2020, ils ont annonc\u00e9 que Google <a href=\"https:\/\/webmasters.googleblog.com\/2020\/03\/announcing-mobile-first-indexing-for.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">passerait \u00e0 l&rsquo;indexation mobile d&rsquo;abord pour tous les sites Web en septembre 2020<\/a>.<\/p>\n<h2>2 compatible avec le r\u00e9f\u00e9rencement<\/h2>\n<p>L&rsquo;optimisation des moteurs de recherche (SEO) est cruciale de nos jours pour vous qui voulez que les visiteurs viennent sur votre site. Vous devez faire en sorte que votre site Web soit le mieux class\u00e9 possible dans les moteurs de recherche comme Google afin d&rsquo;esp\u00e9rer que les visiteurs se convertissent en clients. Sans r\u00e9f\u00e9rencement, votre site Web se noiera dans des milliards d&rsquo;autres pages Web concurrentes et personne ne conna\u00eetra ou ne trouvera votre site Web.<\/p>\n<p>Le r\u00e9f\u00e9rencement consiste \u00e0 optimiser votre site Web afin d&rsquo;augmenter la quantit\u00e9 et la qualit\u00e9 du trafic vers votre site. Cela inclut des sujets tels que le contenu, les aspects techniques et la fa\u00e7on dont l&rsquo;ext\u00e9rieur voit, utilise et examine votre site. C&rsquo;est un sujet assez vaste, mais pour cette liste de contr\u00f4le, je me concentre sur les aspects techniques.<\/p>\n<p>Vous utiliserez (devriez) tr\u00e8s probablement un plugin SEO. Par exemple, <a href=\"https:\/\/yoast.com\/wordpress\/plugins\/seo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Yoast SEO<\/a> est le plugin SEO le plus connu et le plus utilis\u00e9 pour WordPress. Il a une version premium, mais la version gratuite est parfaitement bien. Un plugin SEO devrait vous permettre de d\u00e9finir des titres, une m\u00e9ta description, des mots-cl\u00e9s et de g\u00e9n\u00e9rer des sitemaps pour les moteurs de recherche. Yoast SEO analysera \u00e9galement le contenu de votre publication et vous donnera des indications sur la fa\u00e7on d&rsquo;am\u00e9liorer votre \u00e9criture afin de vous classer plus haut.<\/p>\n<p>Mais il y a quelques choses que vous devez v\u00e9rifier dans le th\u00e8me &#8211; quelque chose qu&rsquo;un plugin SEO ne peut pas r\u00e9parer.<\/p>\n<h3>Bonne structure HTML<\/h3>\n<p>Une bonne structure HTML joue un r\u00f4le dans la cr\u00e9ation d&rsquo;un th\u00e8me convivial pour le r\u00e9f\u00e9rencement. HTML est la structure du contenu d&rsquo;une page Web, ind\u00e9pendamment de son style. Le style peut dissimuler une mauvaise structure HTML, mais gardez \u00e0 l&rsquo;esprit que les robots d&rsquo;exploration de Google lisent le site Web sans style.<\/p>\n<p>Une r\u00e8gle importante dans une bonne structure HTML sont les balises d&rsquo;en-t\u00eate ; <code>h1<\/code>, <code>h2<\/code>, et ainsi de suite jusqu&rsquo;\u00e0 <code>h6<\/code>. Les titres doivent \u00eatre utilis\u00e9s pour informer sur une nouvelle section et de quoi il s&rsquo;agit, et les balises doivent \u00eatre dans l&rsquo;ordre (par exemple, votre contenu ne doit pas sauter de <code>h2<\/code>\u00e0 <code>h4<\/code>sans un <code>h3<\/code>entre-deux). <code>h1<\/code>doit \u00eatre r\u00e9serv\u00e9 au titre le plus important\u00a0; g\u00e9n\u00e9ralement le titre du message ou le nom du site. Et <code>h2<\/code>devrait \u00eatre utilis\u00e9 pour servir les titres les plus importants de ce poste. M\u00eame si Google a annonc\u00e9 qu&rsquo;il autorise plusieurs <code>h1<\/code>balises (conform\u00e9ment aux directives pour HTML5), il est toujours courant de s&rsquo;assurer qu&rsquo;il n&rsquo;en <code>h1<\/code>existe qu&rsquo;une seule dans chaque page.<\/p>\n<p>Le th\u00e8me doit \u00e9galement utiliser des balises HTML5 plus r\u00e9centes telles que <code>&lt;header&gt;<\/code>, <code>&lt;main&gt;<\/code>, <code>&lt;footer&gt;<\/code>, <code>&lt;aside&gt;<\/code>car elles fournissent des informations s\u00e9mantiques \u00e0 Google sur ce qu&rsquo;est r\u00e9ellement un contenu sp\u00e9cifique.<\/p>\n<p>Une autre fonctionnalit\u00e9 tr\u00e8s sous-utilis\u00e9e est le balisage de sch\u00e9ma, souvent appel\u00e9 microdonn\u00e9es. <a href=\"https:\/\/schema.org\/docs\/gs.html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Le balisage de sch\u00e9ma<\/a> est une technologie qui aide les bots et les robots d&rsquo;indexation \u00e0 comprendre ce qu&rsquo;est le contenu. Envelopper les informations sur les produits avec un balisage de sch\u00e9ma permet \u00e0 Google de savoir pr\u00e9cis\u00e9ment o\u00f9 trouver le prix, les avis, l&rsquo;image du produit, etc. Cela permet \u00e0 Google de pr\u00e9senter les produits d&rsquo;une mani\u00e8re diff\u00e9rente dans les r\u00e9sultats de recherche. Il est malheureusement rare de trouver cela dans un th\u00e8me WordPress, mais si vous trouvez un th\u00e8me avec un balisage de sch\u00e9ma, c&rsquo;est un bon indice que le d\u00e9veloppeur du th\u00e8me a pens\u00e9 au r\u00e9f\u00e9rencement.<\/p>\n<p>Enfin, le th\u00e8me doit s&rsquo;assurer de g\u00e9n\u00e9rer des balises appropri\u00e9es dans les int\u00e9grations de contenu riche, en particulier les images. Les images doivent au minimum avoir <code>alt<\/code>-tags. Les balises Alt sont utilis\u00e9es pour d\u00e9crire l&rsquo;apparence et la fonction d&rsquo;une image sur une page. Rappelez-vous que les robots des moteurs de recherche ne peuvent pas interpr\u00e9ter les images comme le font les humains.<\/p>\n<h3>Vitesse de page<\/h3>\n<p>La vitesse de chargement de votre site Web est tr\u00e8s importante pour le r\u00e9f\u00e9rencement. Cela ne devrait pas prendre plus de 5 secondes pour terminer le chargement d&rsquo;une page sur votre site Web. Le th\u00e8me peut optimiser la vitesse de la page de plusieurs mani\u00e8res.<\/p>\n<p>Gardez \u00e0 l&rsquo;esprit qu&rsquo;un th\u00e8me peut impl\u00e9menter des ressources lourdes et parfois externes afin de lui donner un aspect \u00e9l\u00e9gant. Par exemple, des polices personnalis\u00e9es, des ic\u00f4nes et tout un tas d&rsquo;\u00e9l\u00e9ments interactifs. Les demandes de feuilles de style, de fichiers javascript et surtout de ressources externes comme par exemple <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GoogleFonts<\/a> pour les polices et <a href=\"https:\/\/fontawesome.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Fontawesome<\/a> pour les ic\u00f4nes, ralentissent vraiment la vitesse de la page.<\/p>\n<p>Le th\u00e8me doit \u00e9galement prendre en charge le redimensionnement des images que vous t\u00e9l\u00e9chargez dans diff\u00e9rentes tailles et les utiliser en fonction des tailles d&rsquo;image n\u00e9cessaires autour de votre contenu. Le chargement de grandes images est l&rsquo;un des plus gros inconv\u00e9nients de la vitesse de page. Il ne sert \u00e0 rien d&rsquo;utiliser une image \u00e0 grande \u00e9chelle \u00e0 1900px de largeur pour une petite vignette dans le pied de page.<\/p>\n<p>Vous pouvez v\u00e9rifier la vitesse de la page avec un autre des outils gratuits de Google: <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">PageSpeed \u200b\u200bInsights<\/a>. Entrez l&rsquo;URL du site de d\u00e9monstration du th\u00e8me et cliquez sur Analyser. Laissez-le fonctionner et vous devriez recevoir une note et un rapport des choses que vous pouvez faire pour r\u00e9soudre les probl\u00e8mes qui ralentissent la vitesse de la page. N&rsquo;oubliez pas de v\u00e9rifier les rapports Mobile et Desktop. La vitesse de page sur mobile est de nos jours plus importante\u00a0; \u00e0 la fois parce que les appareils mobiles utilisent souvent des donn\u00e9es mobiles (qui co\u00fbtent de l&rsquo;argent) et parce que la convivialit\u00e9 mobile est importante. Vous n&rsquo;avez pas saut\u00e9 l&rsquo;\u00e9l\u00e9ment pr\u00e9c\u00e9dent de la liste de contr\u00f4le, n&rsquo;est-ce pas\u00a0?<\/p>\n<h2>3 Accessibilit\u00e9<\/h2>\n<p>L&rsquo;accessibilit\u00e9 rend votre site Web accessible \u00e0 tous les types de visiteurs, y compris les personnes handicap\u00e9es &#8211; qu&rsquo;il soit ou non malentendant, malvoyant, etc. Il existe un ensemble de directives internationales appel\u00e9es Web Content Accessibility Guidelines (WCAG) qui d\u00e9crivent comment les sites Web doivent mettre en \u0153uvre l&rsquo;accessibilit\u00e9. En ne respectant pas les WCAG, vous enfreignez en fait un certain nombre de lois et de r\u00e9glementations \u00e0 l&rsquo;\u00e9chelle internationale (car les visiteurs de votre site peuvent provenir de n&rsquo;importe o\u00f9 dans le monde).<\/p>\n<p>Les lignes directrices d\u00e9crivent un vaste ensemble de sp\u00e9cifications et d&rsquo;exigences techniques pour un site Web. La conformit\u00e9 aux WCAG est not\u00e9e en trois niveaux\u00a0; A, AA et AAA. Le niveau AAA est le niveau d&rsquo;accessibilit\u00e9 acceptable le plus bas tandis que le niveau A est consid\u00e9r\u00e9 comme accessible de premier ordre, mais le niveau A impose de fortes limitations sur la conception, les fonctionnalit\u00e9s et le contenu riche. La plupart des sites Web, \u00e0 moins qu&rsquo;ils ne ciblent les personnes handicap\u00e9es, ne s&rsquo;efforcent pas d&rsquo;atteindre le niveau A en mati\u00e8re d&rsquo;accessibilit\u00e9.<\/p>\n<p>Votre th\u00e8me doit atteindre le niveau AAA au minimum. Vous pouvez v\u00e9rifier les niveaux d&rsquo;accessibilit\u00e9 d&rsquo;un site \u00e0 l&rsquo;aide d&rsquo;un outil gratuit appel\u00e9 <a href=\"https:\/\/wave.webaim.org\/extension\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WAVE, disponible sous forme d&rsquo;extensions pour Chrome et Firefox<\/a>. Une fois install\u00e9 dans votre navigateur, vous pouvez visiter le site de d\u00e9monstration du th\u00e8me, ex\u00e9cuter la v\u00e9rification et consulter le rapport.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d2db3e82.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d2db3e82.png\" alt=\"Liste de contr\u00f4le : 12 choses que vous devez v\u00e9rifier lors du choix d&#039;un th\u00e8me WordPress\" ><\/a><\/p>\n<p>Rapport WAVE de mon site. Apparemment, j&rsquo;ai de quoi travailler !<\/p>\n<h2>4 menus<\/h2>\n<p>WordPress a un \u00e9diteur de menu int\u00e9gr\u00e9 pour cr\u00e9er des menus et les placer autour de votre th\u00e8me. Le th\u00e8me que vous choisissez doit non seulement prendre en charge cet \u00e9diteur de menu, mais \u00e9galement vous fournir des emplacements pour placer des menus.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d30990dc.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d30990dc.png\" alt=\"Liste de contr\u00f4le : 12 choses que vous devez v\u00e9rifier lors du choix d&#039;un th\u00e8me WordPress\" ><\/a><\/p>\n<p>Au minimum, le th\u00e8me doit fournir un emplacement de menu\u00a0; le menu principal. Le menu principal est g\u00e9n\u00e9ralement situ\u00e9 quelque part en haut de l&rsquo;en-t\u00eate. Il est courant d&rsquo;autoriser \u00e9galement des menus suppl\u00e9mentaires dans l&rsquo;en-t\u00eate, par exemple le menu d&rsquo;assistance. L&rsquo;ajout de menus \u00e0 d&rsquo;autres endroits peut g\u00e9n\u00e9ralement \u00eatre r\u00e9solu en ajoutant un widget de menu &#8211; si le th\u00e8me prend en charge les widgets (voir le sujet suivant).<\/p>\n<p>PS: Vous souvenez-vous de l&rsquo;\u00e9l\u00e9ment 1 de la liste de contr\u00f4le. Convivialit\u00e9 mobile mentionnant le menu mobile\u00a0? V\u00e9rifiez que l&#8217;emplacement du menu principal se transforme bien en menu mobile. Si le th\u00e8me autorise les menus de support, ils doivent \u00e9galement \u00eatre inclus dans le menu mobile, et pas simplement dispara\u00eetre.<\/p>\n<h2>5 Prise en charge des widgets<\/h2>\n<p>Une autre fonctionnalit\u00e9 int\u00e9gr\u00e9e \u00e0 WordPress sont les widgets \u2013 de petits extraits de contenu qui peuvent \u00eatre plac\u00e9s dans des zones de widget d\u00e9finies. Comme pour les menus, le th\u00e8me doit sp\u00e9cifiquement ajouter la prise en charge des widgets et ajouter au moins une zone de widget.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d31d9baa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d31d9baa.png\" alt=\"Liste de contr\u00f4le : 12 choses que vous devez v\u00e9rifier lors du choix d&#039;un th\u00e8me WordPress\" ><\/a><\/p>\n<p>Les zones de widget communes se trouvent dans le pied de page et la barre lat\u00e9rale, si le th\u00e8me comporte une disposition de barre lat\u00e9rale.<\/p>\n<p>V\u00e9rifiez que le th\u00e8me vous permet de placer des widgets l\u00e0 o\u00f9 vous en avez besoin. Il est courant de placer des menus et des informations suppl\u00e9mentaires dans le pied de page, et dans WordPress, cela se fait g\u00e9n\u00e9ralement \u00e0 l&rsquo;aide de widgets.<\/p>\n<h2>6 Logo personnalis\u00e9<\/h2>\n<p>Il s&rsquo;agit d&rsquo;une fonctionnalit\u00e9 n\u00e9cessaire \u00e9vidente que le th\u00e8me doit prendre en charge\u00a0: vous devez \u00eatre en mesure de t\u00e9l\u00e9charger votre propre image de logo et de la placer dans l&rsquo;en-t\u00eate.<\/p>\n<p>WordPress a une fonctionnalit\u00e9 de t\u00e9l\u00e9chargement de logo personnalis\u00e9 dans Customizer, mais c&rsquo;est au th\u00e8me d&rsquo;ajouter le support pour cela. Si le th\u00e8me ne prend pas en charge l&rsquo;outil WordPress, il doit prendre en charge une autre m\u00e9thode. De nombreux th\u00e8mes ont leurs propres param\u00e8tres de th\u00e8me, soit dans WordPress Customizer, soit sur une page d&rsquo;administration distincte. Quelle que soit la m\u00e9thode utilis\u00e9e par le th\u00e8me, assurez-vous que vous pouvez t\u00e9l\u00e9charger votre logo.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d32d3134.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d32d3134.png\" alt=\"Liste de contr\u00f4le : 12 choses que vous devez v\u00e9rifier lors du choix d&#039;un th\u00e8me WordPress\" ><\/a><\/p>\n<h2>7 Rechercher<\/h2>\n<p>Permettre aux visiteurs du site de rechercher est beaucoup plus important qu&rsquo;auparavant. \u00c0 moins que votre contenu et vos menus ne soient extr\u00eamement optimis\u00e9s et rationalis\u00e9s, les gens se contenteront g\u00e9n\u00e9ralement de rechercher au lieu de cliquer.<\/p>\n<p>WordPress dispose d&rsquo;un moteur de recherche interne pour rechercher tout le contenu et de mod\u00e8les pr\u00eats \u00e0 l&#8217;emploi pour le formulaire de recherche et les r\u00e9sultats de recherche. Mais encore une fois, c&rsquo;est au th\u00e8me de mettre cela en \u0153uvre.<\/p>\n<p>Il est courant d&rsquo;offrir une entr\u00e9e de recherche sur votre site Web, g\u00e9n\u00e9ralement situ\u00e9e pr\u00e8s du haut de l&rsquo;en-t\u00eate. La fonctionnalit\u00e9 de recherche se pr\u00e9sente sous de nombreuses formes ; une entr\u00e9e de recherche dans l&rsquo;en-t\u00eate (ou le pied de page), ou une ic\u00f4ne de recherche qui r\u00e9v\u00e8le une entr\u00e9e d&rsquo;une mani\u00e8re ou d&rsquo;une autre. Si le th\u00e8me ne propose pas automatiquement une entr\u00e9e de recherche, vous pouvez toujours ajouter un widget de recherche &#8211; en supposant que le th\u00e8me prend en charge les widgets (\u00e9l\u00e9ment 5 de la liste de contr\u00f4le).<\/p>\n<h2>8 mod\u00e8les par d\u00e9faut<\/h2>\n<p>WordPress CMS prend en charge une large gamme de mod\u00e8les pour afficher votre contenu de diff\u00e9rentes mani\u00e8res. Au fur et \u00e0 mesure que votre site se d\u00e9veloppe, vous trouverez plus n\u00e9cessaire de vous appuyer sur des mod\u00e8les tels que les archives et les r\u00e9sultats de recherche.<\/p>\n<p>Assurez-vous que le th\u00e8me impl\u00e9mente une bonne partie des mod\u00e8les par d\u00e9faut de WordPress et qu&rsquo;ils ont tous l&rsquo;air bien. V\u00e9rifiez les mod\u00e8les tels que la cat\u00e9gorie, les balises, les archives de date et les r\u00e9sultats de recherche. Ils doivent clairement indiquer le type d&rsquo;archives que nous examinons et afficher correctement le contenu et avec la fonctionnalit\u00e9 de pagination.<\/p>\n<p>Si vous souhaitez activer les commentaires, le th\u00e8me doit \u00e9galement avoir impl\u00e9ment\u00e9 et correctement con\u00e7u ces mod\u00e8les.<\/p>\n<h2>9 couleurs personnalis\u00e9es<\/h2>\n<p>Vous avez tr\u00e8s probablement un ensemble d\u00e9fini de couleurs que vous souhaitez utiliser sur votre site Web &#8211; g\u00e9n\u00e9ralement les m\u00eames couleurs que celles de votre logo. Marquer votre site avec votre logo est un minimum (\u00e9l\u00e9ment 6 de la liste de contr\u00f4le), mais le th\u00e8me doit \u00e9galement vous permettre de choisir certaines des couleurs du th\u00e8me. Ainsi, vous obtenez un design plus coh\u00e9rent lorsque les liens, boutons et autres \u00e9l\u00e9ments de design sont aux couleurs de votre marque.<\/p>\n<p>Il n&rsquo;y a pas de support int\u00e9gr\u00e9 dans WordPress pour d\u00e9finir un ensemble de couleurs utilis\u00e9es dans le th\u00e8me. Les d\u00e9veloppeurs de th\u00e8mes doivent d\u00e9velopper eux-m\u00eames la prise en charge de cela. Les couleurs sont g\u00e9n\u00e9ralement d\u00e9finies dans les feuilles de style du th\u00e8me et le d\u00e9veloppeur doit trouver une solution pour remplacer ces variables de couleur par des couleurs choisies par vous en admin.<\/p>\n<p>C&rsquo;est une fonctionnalit\u00e9 assez difficile \u00e0 mettre en \u0153uvre et elle peut \u00eatre r\u00e9solue de diff\u00e9rentes mani\u00e8res, du bon au mauvais. Une mauvaise solution serait de g\u00e9n\u00e9rer une grande partie de la surcharge de style en rempla\u00e7ant et en dupliquant simplement le style avec des couleurs personnalis\u00e9es. Un fichier de feuille de style volumineux ou plusieurs feuilles de style ont un impact sur la vitesse de la page (voir l&rsquo;\u00e9l\u00e9ment 2 de la liste de contr\u00f4le). Une bonne solution consisterait \u00e0 incorporer un moyen de remplacer les variables de couleur et de r\u00e9g\u00e9n\u00e9rer une feuille de style propre lors du choix de diff\u00e9rentes couleurs personnalis\u00e9es.<\/p>\n<h2>10 options de mise en page<\/h2>\n<p>L&rsquo;\u00e9poque o\u00f9 un site Web comportait du contenu \u00e0 gauche et une barre lat\u00e9rale droite, quelle que soit la page sur laquelle vous vous trouviez, est r\u00e9volue. Les sites Web modernes pr\u00e9sentent diff\u00e9rentes mises en page\u00a0: une page d&rsquo;accueil pleine largeur, des articles avec une ou plusieurs barres lat\u00e9rales, des articles sans barre lat\u00e9rale ou tout type de configuration de colonne diff\u00e9rente.<\/p>\n<p>Cet \u00e9l\u00e9ment de la liste de contr\u00f4le d\u00e9pend de la conception et des besoins de votre site Web. Si votre site Web est un petit site avec une exigence minimale de diff\u00e9rentes mises en page, cela n&rsquo;a pas autant d&rsquo;importance. Mais plus votre site contient de contenu, plus vous ressentez le besoin de cr\u00e9er des pages de destination de conceptions diff\u00e9rentes.<\/p>\n<p>Si le th\u00e8me comporte une barre lat\u00e9rale, il devrait au minimum \u00eatre possible de choisir, poste par poste, d&rsquo;aller ou non en pleine largeur (supprimer la barre lat\u00e9rale) ou non. Avec Gutenberg (voir l&rsquo;\u00e9l\u00e9ment suivant de la liste de contr\u00f4le), il est maintenant plus facile de cr\u00e9er des pages de destination pleine largeur &#8211; si le th\u00e8me le prend en charge.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d339e9e4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153404-61e50d339e9e4.png\" alt=\"Liste de contr\u00f4le : 12 choses que vous devez v\u00e9rifier lors du choix d&#039;un th\u00e8me WordPress\" ><\/a><\/p>\n<p>Mon th\u00e8me auto-d\u00e9velopp\u00e9 pour A White Pixel propose des options de mise en page pour les messages<\/p>\n<h2>11 Gutenberg-soutien<\/h2>\n<p>Lorsque WordPress a publi\u00e9 la version 5.0 en d\u00e9cembre 2018, il est venu avec un tout nouvel \u00e9diteur de publication &#8211; appel\u00e9 Gutenberg. L&rsquo;\u00e9diteur Gutenberg a r\u00e9volutionn\u00e9 la fa\u00e7on dont vous pouvez cr\u00e9er du contenu en vous permettant de cr\u00e9er facilement des sections avec une image ou des couleurs d&rsquo;arri\u00e8re-plan, un contenu riche, des colonnes, etc. Des choses comme \u00e7a n&rsquo;\u00e9taient pas possibles avant.<\/p>\n<p>Cependant, comme Gutenberg n\u00e9cessite un langage de programmation diff\u00e9rent (Javascript, React) de celui avec lequel WordPress a \u00e9t\u00e9 cr\u00e9\u00e9 \u00e0 l&rsquo;origine (PHP), le support de la communaut\u00e9 de d\u00e9veloppement a \u00e9t\u00e9 lent. Nous sommes pourtant en 2020 et le th\u00e8me devrait soutenir Gutenberg.<\/p>\n<p>Il existe une abondance de th\u00e8mes WordPress qui s&rsquo;appuient sur des constructeurs de pages tels que Visual Composer, Elementor et Divi. Gutenberg rend \u00e0 peu pr\u00e8s ces plugins redondants. Faites-vous une faveur et ne choisissez pas un th\u00e8me qui n\u00e9cessite un plugin de cr\u00e9ation de page, car vous pouvez obtenir les m\u00eames r\u00e9sultats avec la nouvelle fonctionnalit\u00e9 WordPress standard.<\/p>\n<h2>12 Pr\u00eat pour la traduction<\/h2>\n<p>Cet \u00e9l\u00e9ment de la liste de contr\u00f4le est pour vous qui souhaitez un site Web dans une langue diff\u00e9rente de l&rsquo;anglais. N&rsquo;oubliez pas que m\u00eame si vous \u00e9crivez tout votre contenu dans une langue diff\u00e9rente, le th\u00e8me comprend g\u00e9n\u00e9ralement des textes en frontend, tels que \u00ab\u00a0Lire la suite\u00a0\u00bb, \u00ab\u00a0Afficher\u00a0\u00bb, \u00ab\u00a0Page suivante\u00a0\u00bb et ainsi de suite. S&rsquo;il est important pour vous d&rsquo;impl\u00e9menter compl\u00e8tement une langue diff\u00e9rente pour les lecteurs, vous devez v\u00e9rifier si le th\u00e8me est pr\u00eat pour la traduction.<\/p>\n<p>Il existe diff\u00e9rentes mani\u00e8res de traduire un th\u00e8me. Si vous \u00eates un d\u00e9veloppeur, il s&rsquo;agit d&rsquo;utiliser les fonctions textdomain dans votre th\u00e8me et d&rsquo;ajouter un fichier <code>.pot<\/code>ou <code>.po<\/code>-. Si vous \u00eates un utilisateur de th\u00e8me avec peu ou pas de connaissance du code, il existe d&rsquo;autres moyens. Vous pouvez par exemple utiliser le plugin <a href=\"https:\/\/wordpress.org\/plugins\/loco-translate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Loco Translate<\/a> pour acc\u00e9der directement aux fichiers de traduction du th\u00e8me. Ou vous pouvez utiliser <a href=\"https:\/\/wpml.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WPML<\/a> ou d&rsquo;autres plugins pour cr\u00e9er un site multilingue.<\/p>\n<p>Mais tout cela n\u00e9cessite que le th\u00e8me soit \u00e9crit avec un support pour la traduction de ses cha\u00eenes.<\/p>\n<hr \/>\n<h2>Conclusion<\/h2>\n<p>Si vous \u00eates arriv\u00e9 jusqu&rsquo;ici avec une coche verte dans chacun des 12 \u00e9l\u00e9ments de la liste de contr\u00f4le ci-dessus, vous avez choisi un bon th\u00e8me\u00a0! Le th\u00e8me prend en charge les fonctionnalit\u00e9s WordPress standard et r\u00e9pond aux exigences d&rsquo;un site Web pour 2020 en mati\u00e8re de r\u00e9f\u00e9rencement, d&rsquo;accessibilit\u00e9 et de convivialit\u00e9 mobile.<\/p>\n<p>Si votre th\u00e8me manque dans certains domaines, investissez du temps pour chercher comment le r\u00e9soudre de mani\u00e8re alternative ou continuez \u00e0 chercher un autre th\u00e8me. Si vous \u00eates un d\u00e9veloppeur, cette liste de contr\u00f4le devrait vous avoir fourni quelques lignes directrices sur les exigences minimales pour cr\u00e9er un bon th\u00e8me WordPress.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/awhitepixel.com\" class=\"external external_icon\">awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il s&rsquo;agit d&rsquo;une liste de contr\u00f4le de 12 fonctionnalit\u00e9s minimales que votre nouveau th\u00e8me WordPress doit avoir pour assurer le succ\u00e8s de votre site Web en 2020.<\/p>\n","protected":false},"author":1,"featured_media":223922,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[915,832,915,1110,832,925,925,841,841,862,862],"tags":[1167],"class_list":{"0":"post-234214","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-autre","8":"category-guide-pour-les-debutants","10":"category-n-a","12":"category-sujets","14":"category-tutoriels","16":"category-wordpress-3","18":"tag-affiai-fr"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=234214"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/234214\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/223922"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=234214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=234214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=234214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}