{"id":24701,"date":"2019-04-02T07:30:35","date_gmt":"2019-04-02T05:30:35","guid":{"rendered":"https:\/\/wpmarmite.com\/?p=24701"},"modified":"2022-09-08T09:49:58","modified_gmt":"2022-09-08T07:49:58","slug":"generatepress","status":"publish","type":"post","link":"https:\/\/wpmarmite.com\/generatepress\/","title":{"rendered":"GeneratePress : devez-vous vous procurer ce th\u00e8me en urgence ?"},"content":{"rendered":"\n<p>Suis-je un looser ? Cette question, je me la suis r\u00e9cemment pos\u00e9e.<\/p>\n\n\n\n<p>Si tout va bien dans ma vie personnelle, j\u2019ai l\u2019impression de filer un mauvais coton c\u00f4t\u00e9 professionnel.<\/p>\n\n\n\n<p>Je m\u2019explique. Ces derniers temps, en faisant des recherches pour les contenus que j\u2019\u00e9cris pour WPMarmite, j\u2019ai fait une sacr\u00e9e d\u00e9couverte : <strong>le th\u00e8me GeneratePress<\/strong>.<\/p>\n\n\n\n<p>Je ne sais pas si \u00e7a vous parle, mais ce que j\u2019ai pu lire \u00e0 son propos m\u2019a tout bonnement fait halluciner.<\/p>\n\n\n\n<p>La plupart des personnes qui l\u2019ont essay\u00e9 l\u2019ont imm\u00e9diatement adopt\u00e9, conquis par sa simplicit\u00e9 d\u2019utilisation, sa flexibilit\u00e9 et ses performances.<\/p>\n\n\n\n<p>Je serais donc pass\u00e9 \u00e0 c\u00f4t\u00e9 d\u2019un truc si incontournable que \u00e7a ?<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/homme-interloque.gif\" alt=\"Un homme interloqu\u00e9\" class=\"wp-image-24703\" width=\"509\" height=\"509\"\/><\/figure>\n<\/div>\n\n\n<p>Pour le savoir, j\u2019ai d\u00e9cid\u00e9 de vous servir un test ultra-d\u00e9taill\u00e9 de ce th\u00e8me qui fait beaucoup parler de lui (en bien).<\/p>\n\n\n\n<p>Je vais notamment m\u2019arr\u00eater sur sa maniabilit\u00e9, sa personnalisation, son impact sur la performance et le SEO, ou encore son rapport qualit\u00e9-prix.<\/p>\n\n\n\n<p>Alors, vais-je moi aussi avoir un coup de foudre ? R\u00e9ponse \u00e0 la fin de cet article, ce qui implique que vous allez devoir lire tout ce contenu bien sagement (sans sauter de paragraphe, je vous surveille). <\/p>\n\n\n\n<p>Et puis comme \u00e7a, vous pourrez aussi savoir si je suis vraiment un looser \ud83d\ude09<\/p>\n\n\n\n<p>En attendant, d\u00e9couvrez le sommaire : <\/p>\n\n\n\n<div class=\"wp-block-advanced-gutenberg-blocks-summary\"><p class=\"wp-block-advanced-gutenberg-blocks-summary__title\">Sommaire<\/p><div class=\"wp-block-advanced-gutenberg-blocks-summary__fold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-chevron-up\"><polyline points=\"18 15 12 9 6 15\"><\/polyline><\/svg><\/div><ol role=\"directory\" class=\"wp-block-advanced-gutenberg-blocks-summary__list\"><li><a href=\"#generatepress-quest-ce-que-cest\">GeneratePress, qu&#8217;est-ce que c&#8217;est ?<\/a><ol><\/ol><\/li><li><a href=\"#quelle-maniabilit\u00e9\">Quelle maniabilit\u00e9 ?<\/a><ol><\/ol><\/li><li><a href=\"#la-personnalisation-du-th\u00e8me-d\u00e9couvrez-les-14-modules-premium\">La personnalisation du th\u00e8me : d\u00e9couvrez les 14 modules premium<\/a><ol><\/ol><\/li><li><a href=\"#generatepress-et-les-page-builders\">GeneratePress et les page builders<\/a><ol><\/ol><\/li><li><a href=\"#quelle-exp\u00e9rience-utilisateur-pour-un-site-utilisant-generatepress\">Quelle exp\u00e9rience utilisateur pour un site utilisant GeneratePress ?<\/a><ol><\/ol><\/li><li><a href=\"#quel-rapport-qualit\u00e9-prix\">Quel rapport qualit\u00e9-prix ?<\/a><ol><\/ol><\/li><li><a href=\"#conclusion\">Conclusion<\/a><ol><\/ol><\/li><li><a href=\"#la-parole-est-\u00e0-vous\">La parole est \u00e0 vous<\/a><ol><\/ol><\/li><\/ol><\/div>\n\n\n\n<p class=\"has-note-background-color has-background\">Les liens associ\u00e9s \u00e0 <a href=\"https:\/\/link.wpmarmite.com\/generatepress\" target=\"_blank\" rel=\"noreferrer noopener\">GeneratePress<\/a> dans cet article sont des liens d&#8217;affiliation. Cela ne change rien pour vous ! Toutefois, si vous d\u00e9cidez d&#8217;acheter la version Premium du th\u00e8me GP par le biais de ces liens, WPMarmite recevra une commission qui servira \u00e0 r\u00e9compenser le travail de nos r\u00e9dacteurs pour le blog.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"generatepress-quest-ce-que-cest\">GeneratePress, qu&#8217;est-ce que c&#8217;est ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"un-th\u00e8me-qui-monte-qui-monte-qui-monte\">Un th\u00e8me qui monte, qui monte, qui monte<\/h3>\n\n\n\n<p>Mais qui va donc oser critiquer GeneratePress (je l\u2019abr\u00e9gerai souvent en GP tout au long de cet article) ? Oui, qui va enfin lui trouver un d\u00e9faut ? Une faille ?<\/p>\n\n\n\n<p>Si vous commencez vos recherches sur<a rel=\"noreferrer noopener\" aria-label=\" la page des \u00e9valuations du th\u00e8me (opens in a new tab)\" href=\"https:\/\/wordpress.org\/support\/theme\/generatepress\/reviews\/\" target=\"_blank\"> la page des \u00e9valuations du th\u00e8me<\/a>, bon courage.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Sur plus de 1 300 avis d\u2019utilisateurs, GeneratePress obtient la note maximale (5 \u00e9toiles) ! Personnellement, j\u2019ai tr\u00e8s rarement, voire jamais vu \u00e7a auparavant.<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" width=\"1812\" height=\"1256\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/04\/generatepress-repo.png\" alt=\"\" class=\"wp-image-83105\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/04\/generatepress-repo.png 1812w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/04\/generatepress-repo-300x208.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/04\/generatepress-repo-1024x710.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/04\/generatepress-repo-768x532.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/04\/generatepress-repo-1536x1065.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/04\/generatepress-repo-1360x943.png 1360w\" sizes=\"(max-width: 1812px) 100vw, 1812px\" \/><\/figure>\n\n\n\n<p>La poign\u00e9e de personnes qui ont d\u00e9pos\u00e9 un avis plus mitig\u00e9 ont par exemple regrett\u00e9 que le th\u00e8me <em>\u201cne soit pas totalement gratuit\u201d<\/em>, <em>\u201cpas multilingue\u201d<\/em> ou qu\u2019il <em>\u201cmanquait de design\u201d<\/em>. <\/p>\n\n\n\n<p>Je ne sais pas ce que vous en pensez, mais on a connu pire, comme \u00e9valuations n\u00e9gatives, non ?<\/p>\n\n\n\n<p>Puisqu\u2019on cause chiffres, continuons. <strong>GP a d\u00e9j\u00e0 \u00e9t\u00e9 t\u00e9l\u00e9charg\u00e9 pr\u00e8s de 3 millions de fois, est actif sur plus de <span class=\"dotorg-data-active-installs\">500\u00a0000<\/span> sites, et revendique pr\u00e8s de 90 000 clients satisfaits.<\/strong><\/p>\n\n\n\n<p>Il s\u2019agit d\u2019un th\u00e8me freemium : il est disponible gratuitement sur<a rel=\"noreferrer noopener\" aria-label=\" le r\u00e9pertoire officiel WordPress (opens in a new tab)\" href=\"https:\/\/fr.wordpress.org\/themes\/generatepress\/\" target=\"_blank\"> le r\u00e9pertoire officiel WordPress<\/a>.<\/p>\n\n\n\n<p>Si vous d\u00e9sirez plus d\u2019options, vous pouvez vous procurer <a rel=\"noreferrer noopener\" href=\"https:\/\/link.wpmarmite.com\/generatepress\" target=\"_blank\">la version premium<\/a> (59 $, soit 49 \u20ac). Je reviendrai sur toutes ses sp\u00e9cificit\u00e9s un peu plus tard, ne vous inqui\u00e9tez pas.<\/p>\n\n\n\n<p>Pour la p\u2019tite histoire, ce th\u00e8me pl\u00e9biscit\u00e9 par la critique a \u00e9t\u00e9 cr\u00e9\u00e9 en 2014 par un d\u00e9veloppeur\/designer canadien d\u2019une vingtaine d\u2019ann\u00e9es nomm\u00e9 Tom Usborne.<\/p>\n\n\n\n<p><strong>Le succ\u00e8s est tel qu\u2019il a d\u00fb mettre son activit\u00e9 de freelance de c\u00f4t\u00e9 pour se consacrer \u00e0 100% \u00e0 son th\u00e8me<\/strong>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"un-th\u00e8me-construit-avec-la-performance-en-t\u00eate\">Un th\u00e8me construit avec la performance en t\u00eate<\/h3>\n\n\n\n<p><a href=\"https:\/\/poststatus.com\/interview-generatepress-founder-tom-usborne\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comme il l\u2019a expliqu\u00e9 dans cette interview<\/a>, Usborne a cr\u00e9\u00e9 GeneratePress pour pouvoir l\u2019utiliser comme <em>\u201cune base l\u00e9g\u00e8re pour ses propres clients\u201d<\/em>.<\/p>\n\n\n\n<p><strong><em>\u201ca lightweight WordPress theme that focuses on speed\u201d<\/em> (<em>\u201cun th\u00e8me WordPress l\u00e9ger centr\u00e9 sur la vitesse\u201d<\/em>), clame d\u2019ailleurs la page d\u2019accueil de son produit<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/page-accueil-generatepress.png\" alt=\"Page d'accueil du th\u00e8me GeneratePress.\" class=\"wp-image-57195\"\/><\/figure>\n\n\n\n<p>L\u00e0-dessus, pas de doute : GP met l\u2019accent sur la performance. Il est d\u2019ailleurs r\u00e9put\u00e9 (\u00e0 raison) pour cela.<\/p>\n\n\n\n<p>Ultra-l\u00e9ger, le th\u00e8me est consid\u00e9r\u00e9 comme l\u2019un des plus rapides du march\u00e9. Vous le verrez dans la Partie V, nos r\u00e9sultats de vitesse parlent d\u2019eux-m\u00eame.<\/p>\n\n\n\n<p>Il faut dire qu\u2019avec lui, une installation par d\u00e9faut de WordPress ne p\u00e8se pas plus de 30kb. <\/p>\n\n\n\n<p><strong>Par ailleurs, Tom Usborne met un point d\u2019honneur \u00e0 utiliser un code propre et respectueux des standards de WordPress. <\/strong><\/p>\n\n\n\n<p>Maintenant que vous en savez un peu plus sur ce th\u00e8me, je vous propose d\u2019entrer dans les d\u00e9tails en abordant un premier point fondamental : la maniabilit\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quelle-maniabilit\u00e9\">Quelle maniabilit\u00e9 ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"processus-dinstallation-du-th\u00e8me\">Processus d&#8217;installation du th\u00e8me<\/h3>\n\n\n\n<p>Commen\u00e7ons par d\u00e9tailler le processus d\u2019installation du th\u00e8me. Pour l\u2019utiliser, c\u2019est quand m\u00eame mieux \ud83d\ude09<\/p>\n\n\n\n<p>L\u2019option la plus simple consiste \u00e0 passer par votre Tableau de bord WordPress. <\/p>\n\n\n\n<p>Dirigez-vous sur <em>Apparence &gt; Th\u00e8mes<\/em>. Puis en haut de la page, cliquez sur <em>Ajouter<\/em>.<\/p>\n\n\n\n<p>Dans la barre de recherche, entrez <em>GeneratePress<\/em>, puis installez et activez le th\u00e8me.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" width=\"944\" height=\"315\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-installation.jpg\" alt=\"Installation du th\u00e8me GeneratePress depuis le tableau de bord WP\" class=\"wp-image-24708\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-installation.jpg 944w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-installation-300x100.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-installation-768x256.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-installation-640x214.jpg 640w\" sizes=\"(max-width: 944px) 100vw, 944px\" \/><\/figure>\n\n\n\n<p>Et voil\u00e0, GeneratePress est d\u00e9sormais install\u00e9 sur votre site, f\u00e9licitations.<\/p>\n\n\n\n<p>Sans plus attendre, voyons voir ce que nous r\u00e9servent ses param\u00e8tres. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"les-super-pouvoirs-du-customiseur\">Les super pouvoirs de l&#8217;outil de personnalisation<\/h3>\n\n\n\n<p><strong>L\u2019une des grandes forces du th\u00e8me r\u00e9side dans sa facilit\u00e9 de prise en main et d\u2019utilisation<\/strong>.<\/p>\n\n\n\n<p>Avec lui, vous ne serez pas perdu et l\u2019intuitivit\u00e9 prend le dessus. Tous les r\u00e9glages sont regroup\u00e9s dans l\u2019outil de personnalisation de WordPress, accessible via le menu <em>Apparence &gt; Personnaliser<\/em>.<\/p>\n\n\n\n<p>Ca change des th\u00e8mes usine \u00e0 gaz bourr\u00e9s d\u2019options qui nous noient sous les informations.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"366\" height=\"792\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-customiseur.jpg\" alt=\"GeneratePress dans l'outil de personnalisation\" class=\"wp-image-24709\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-customiseur.jpg 366w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-customiseur-139x300.jpg 139w\" sizes=\"(max-width: 366px) 100vw, 366px\" \/><\/figure>\n<\/div>\n\n\n<p>Plus concr\u00e8tement, voici ce que vous allez notamment avoir \u00e0 disposition avec GeneratePress : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Mise en page :<\/strong> je la d\u00e9veloppe juste apr\u00e8s.<\/li><li><strong>Couleurs : <\/strong>modifiez les couleurs du texte, des liens, de l\u2018arri\u00e8re-plan etc.<\/li><li><strong>Typographie :<\/strong> Vous pouvez notamment choisir parmi une cinquantaine de Google Fonts et r\u00e9gler la taille, la hauteur de ligne et la marge de paragraphe de votre police.<\/li><li><strong>G\u00e9n\u00e9ral :<\/strong> vous pouvez activer un cache CSS dynamique g\u00e9n\u00e9r\u00e9 par vos options pour amplifier les performances.<\/li><\/ul>\n\n\n\n<p>Je vais m\u2019arr\u00eater un peu plus en d\u00e9tails sur l\u2019options Mise en page qui permet de modifier :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Le conteneur :<\/strong> vous pouvez d\u00e9finir sa largeur afin que votre site occupe toute la taille de l\u2019\u00e9cran, par exemple.<\/li><li><strong>L\u2019en-t\u00eate :<\/strong> r\u00e9glez par exemple l\u2019emplacement de votre en-t\u00eate et alignez-le \u00e0 gauche, \u00e0 droite, ou centr\u00e9.<\/li><li><strong>La navigation principale :<\/strong> modifiez sa largeur interne et externe, son alignement, ajoutez une barre de recherche. Au niveau de la position du menu, vous avez m\u00eame la possibilit\u00e9 de l\u2019int\u00e9grer dans votre barre lat\u00e9rale \u00e0 gauche ou \u00e0 droite.<\/li><li><strong>Les barres lat\u00e9rales :<\/strong> pour modifier la disposition de vos barres lat\u00e9rales. <img decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/barre-laterale-generatepress.gif\"> <\/li><li><strong>Le pied de page :<\/strong> le th\u00e8me vous permet notamment d\u2019ajouter une fl\u00e8che de retour en haut de page et propose jusqu\u2019\u00e0 5 widgets de pied de page.<\/li><li><strong>Le blog : <\/strong>vous pouvez choisir d\u2019afficher un extrait de votre article ou sa totalit\u00e9.<\/li><\/ul>\n\n\n\n<p>Bilan des courses : tout est tr\u00e8s simple \u00e0 manipuler. Si vous d\u00e9butez, vous allez adorer. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Par contre, si vous ne ma\u00eetrisez pas un minimum le code (CSS et PHP notamment), il faut reconna\u00eetre que les options de personnalisation restent assez limit\u00e9es.<\/p><\/blockquote>\n\n\n\n<p>Rappelez-vous : le parti pris du th\u00e8me, c\u2019est de mettre en avant la performance.<\/p>\n\n\n\n<p>Mais pas de panique, j\u2019ai la solution. Enfin c\u2019est surtout Tom qui l\u2019a, pour \u00eatre pr\u00e9cis.<\/p>\n\n\n\n<p>Si vous avez install\u00e9 le th\u00e8me chez vous en lisant cet article, vous avez peut-\u00eatre remarqu\u00e9 la pr\u00e9sence d\u2019un menu GeneratePress dans <em>Apparence<\/em>.<\/p>\n\n\n\n<p><strong>L\u00e0-dedans, vous retrouverez<\/strong> <strong>14 modules Premium qui vont vous permettre d\u2019aller beaucoup plus loin dans la personnalisation du th\u00e8me<\/strong>.<\/p>\n\n\n\n<p>Ces modules seront automatiquement ajout\u00e9s \u00e0 l&#8217;outil de personnalisation de WordPress, une fois que vous en aurez fait l\u2019acquisition. <\/p>\n\n\n\n<p>Vous devez d\u2019ailleurs vous demander \u00e0 quoi ils ressemblent ? Restez par l\u00e0, je vous d\u00e9taille tout \u00e7a dans la partie suivante.<\/p>\n\n\n<style>.elementor-29957 .elementor-element.elementor-element-129237fd:not(.elementor-motion-effects-element-type-background), .elementor-29957 .elementor-element.elementor-element-129237fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(-90deg, #00579a 3%, #201f98 100%);}.elementor-29957 .elementor-element.elementor-element-129237fd, .elementor-29957 .elementor-element.elementor-element-129237fd > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-29957 .elementor-element.elementor-element-129237fd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-29957 .elementor-element.elementor-element-129237fd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29957 .elementor-element.elementor-element-69cf5051 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-29957 .elementor-element.elementor-element-6465cc70 .elementor-heading-title{font-size:1.5em;font-weight:700;line-height:1.1em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#ffffff;}.elementor-29957 .elementor-element.elementor-element-54c9c7c8{font-size:2rem;color:#ffffff;}.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button{font-weight:700;text-transform:uppercase;background-color:#ff5b23;}.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button:hover, .elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button:focus{background-color:#e94b14;}.elementor-29957 .elementor-element.elementor-element-58a75293 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29957 .elementor-element.elementor-element-56f6038 img{border-radius:6px 6px 6px 6px;}@media(min-width:768px){.elementor-29957 .elementor-element.elementor-element-69cf5051{width:69.048%;}.elementor-29957 .elementor-element.elementor-element-43f20274{width:31.034%;}}\/* Start custom CSS for text-editor, class: .elementor-element-54c9c7c8 *\/.elementor-29957 .elementor-element.elementor-element-54c9c7c8 p{\n    font-size:1.8rem;\n    line-height:1.5em;\n    text-shadow: 0px 0px 6px rgba(0,0,0,0.3);\n}\/* End custom CSS *\/\n\/* Start custom CSS for button, class: .elementor-element-58a75293 *\/.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button-link{\n    background-color: #ff5b23 !important;\n    margin:15px 0 0 !important;\n}\n\n.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button-link:hover{\n    background-color:#E94B14 !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"29957\" class=\"elementor elementor-29957\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-dce-background-color=\"#00579a\" class=\"elementor-section elementor-top-section elementor-element elementor-element-129237fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"129237fd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-69cf5051\" data-id=\"69cf5051\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-dce-title-color=\"#ffffff\" class=\"elementor-element elementor-element-6465cc70 elementor-widget elementor-widget-heading\" data-id=\"6465cc70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">H\u00e9bergez votre site chez o2switch<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-text-color=\"#ffffff\" class=\"elementor-element elementor-element-54c9c7c8 elementor-widget elementor-widget-text-editor\" data-id=\"54c9c7c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Faites comme WPMarmite, choisissez o2switch. Non seulement <strong>les performances sont au rendez-vous<\/strong> mais le support est exceptionnel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-background-color=\"#ff5b23\" class=\"elementor-element elementor-element-58a75293 elementor-widget elementor-widget-button\" data-id=\"58a75293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/link.wpmarmite.com\/cta-o2switch\" target=\"_blank\" id=\"CTA_O2switchContentFR\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ESSAYEZ O2SWITCH<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-43f20274\" data-id=\"43f20274\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56f6038 elementor-widget elementor-widget-image\" data-id=\"56f6038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"422\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/o2switch-logo-tigre.png\" class=\"attachment-full size-full wp-image-39721\" alt=\"o2switch\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/o2switch-logo-tigre.png 450w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/o2switch-logo-tigre-300x281.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n<h2 class=\"wp-block-heading\" id=\"la-personnalisation-du-th\u00e8me-d\u00e9couvrez-les-14-modules-premium\">La personnalisation du th\u00e8me : d\u00e9couvrez les 14 modules premium<\/h2>\n\n\n\n<p>Techniquement parlant, GeneratePress Premium est un plugin qui va venir se greffer \u00e0 son th\u00e8me. <\/p>\n\n\n\n<p>Vous pouvez vous le procurer sur la page d\u2019accueil du th\u00e8me en cliquant sur <a rel=\"noreferrer noopener\" href=\"https:\/\/link.wpmarmite.com\/generatepress\" target=\"_blank\">l\u2019onglet ou le bouton Premium<\/a>, puis sur le bouton <em>Get it now<\/em> (prix : 59 $, soit 49 \u20ac).<\/p>\n\n\n\n<p>Une fois le paiement effectu\u00e9, vous retrouverez un lien en bas de la page de confirmation pour t\u00e9l\u00e9charger l\u2019extension GP Premium.<\/p>\n\n\n\n<p>Sinon, rendez-vous dans <em>Account &gt; Downloads<\/em> et choisissez <em>GP Premium<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"763\" height=\"403\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-premium-download.jpg\" alt=\"GP Premium downloads\" class=\"wp-image-24710\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-premium-download.jpg 763w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-premium-download-300x158.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-premium-download-640x338.jpg 640w\" sizes=\"(max-width: 763px) 100vw, 763px\" \/><\/figure>\n\n\n\n<p>T\u00e9l\u00e9chargez-le et installez le plugin sur votre site. Maintenant, je vous propose de vous plonger sp\u00e9cifiquement dans les modules.<\/p>\n\n\n\n<p>Vous les retrouverez dans <em>Apparence<\/em> &gt; <em>GeneratePress<\/em>.<\/p>\n\n\n\n<p>Au total, il y en a 14 que l\u2019on va d\u00e9tailler juste apr\u00e8s.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1701\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/modules-premium-gp.png\" alt=\"Les modules de GP Premium pour le th\u00e8me GeneratePress sur WordPress\" class=\"wp-image-42967\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/modules-premium-gp.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/modules-premium-gp-300x249.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/modules-premium-gp-1024x851.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/modules-premium-gp-768x638.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/modules-premium-gp-1536x1276.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/modules-premium-gp-1360x1130.png 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<p>Vous pouvez constater que vous devez les <em>Activer<\/em> si vous souhaitez les utiliser (ils ne sont pas activ\u00e9s par d\u00e9faut).<\/p>\n\n\n\n<p>On parle alors de structure modulaire et cela permet de ne pas charger des fichiers et des fonctions qui ne seront pas utilis\u00e9es. <\/p>\n\n\n\n<p><a href=\"https:\/\/poststatus.com\/interview-generatepress-founder-tom-usborne\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comme l\u2019explique Tom Usborne<\/a>, <em>\u201cvous n\u2019allez pas remarquer une diff\u00e9rence \u00e9norme au niveau du temps de chargement, mais cela aide \u00e0 conserver de la simplicit\u00e9\u201d<\/em>.  <\/p>\n\n\n\n<p>On valide, M. le d\u00e9veloppeur.<\/p>\n\n\n\n<p>A ce niveau, j\u2019attire votre attention sur deux points :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Pensez \u00e0 renseigner votre Licence d\u2019utilisation<\/strong> (voir capture plus haut) pour activer les mises \u00e0 jour automatiques.<\/li><li><strong>Le module WooCommerce ne peut fonctionner que si vous avez pr\u00e9alablement activ\u00e9 <a rel=\"noreferrer noopener\" href=\"https:\/\/wpmarmite.com\/woocommerce\/\" target=\"_blank\">le c\u00e9l\u00e8bre plugin e-commerce<\/a><\/strong>.<\/li><\/ul>\n\n\n\n<p>Allez, il est le temps d\u2019aborder chaque option dans le d\u00e9tail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"backgrounds\">Arri\u00e8re-plans<\/h3>\n\n\n\n<p>On commence avec les <em>backgrounds<\/em> (arri\u00e8re-plans).<\/p>\n\n\n\n<p>Pour activer le module, cliquez sur le bouton <em>Activer<\/em>.<\/p>\n\n\n\n<p>Maintenant, retournez sur l\u2019outil de personnalisation. Et l\u00e0, magie : vous constaterez que le module Images de fond vient de faire son apparition.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Gr\u00e2ce \u00e0 lui, vous allez pouvoir ajouter des images en arri\u00e8re-plan sur tous les composants de votre site de fa\u00e7on individuelle : <a href=\"https:\/\/wpmarmite.com\/glossaire\/header\/\" target=\"_blank\" rel=\"noreferrer noopener\">en-t\u00eate<\/a>, navigation (primaire et menu d\u00e9roulant), contenu, barre lat\u00e9rale, <a href=\"https:\/\/wpmarmite.com\/en\/glossary\/footer\/\" target=\"_blank\" rel=\"noreferrer noopener\">pied de page<\/a> etc.<\/p><\/blockquote>\n\n\n\n<p>En fonction de la zone s\u00e9lectionn\u00e9e, vous pouvez personnaliser assez finement en choisissant d\u2019afficher la photo sur toute la largeur, uniquement en couverture etc.<\/p>\n\n\n\n<p>Regardez le r\u00e9sultat sur mon menu de navigation, par exemple :<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1650\" height=\"768\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/images-fond-gp-premium.gif\" alt=\"Images de fond sur GP Premium\" class=\"wp-image-24714\"\/><\/figure>\n\n\n\n<p>Sans transition, on passe au module suivant : Blog.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"blog\">Blog<\/h3>\n\n\n\n<p>Vous commencez \u00e0 \u00eatre habitu\u00e9 : pour trouver ce module, il faut retourner dans l\u2019outil de personnalisation de WordPress, dans <em>Mise en page &gt; Blog<\/em>.<\/p>\n\n\n\n<p>Par rapport \u00e0 la version gratuite du th\u00e8me, vous remarquerez que les options sont bien plus abondantes.<\/p>\n\n\n\n<p>Comme pour le reste, le principe est vraiment tr\u00e8s simple : vous cochez\/d\u00e9cochez les options que vous souhaitez.<\/p>\n\n\n\n<p>Par exemple, vous pouvez afficher la date, le nom de l\u2019auteur, le nombre de commentaires, la taille de l\u2019extrait, le texte \u00e0 mettre en avant pour lire la suite, les images \u00e0 la Une etc.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"812\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/blog-module.gif\" alt=\"Le module Blog du th\u00e8me GeneratePress\" class=\"wp-image-24715\"\/><\/figure>\n<\/div>\n\n\n<p>Il est aussi possible d\u2019afficher vos articles sous forme de colonnes (jusqu\u2019\u00e0 5) pour cr\u00e9er un effet masonry.<\/p>\n\n\n\n<p>Par ailleurs, j\u2019ai bien aim\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>la fonction<\/strong> <em><strong>Infinite scroll<\/strong><\/em> (d\u00e9filement infini) qui permet de d\u00e9clencher l\u2019affichage de vos articles au fur et \u00e0 mesure que le visiteur parcourt votre page. <\/li><li><strong>le fait d\u2019avoir scind\u00e9 les r\u00e9glages de la page Blog g\u00e9n\u00e9rale (<em>Archives<\/em>) et ceux des articles en particulier (<em>Single<\/em>).<\/strong> Gr\u00e2ce \u00e0 cela, vous pouvez personnaliser chaque \u00e9l\u00e9ment finement.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"colors\">Couleurs<\/h3>\n\n\n\n<p>Vous venez de voir le contenu. Passons aux couleurs. Avec le plugin GP Premium, vous avez acc\u00e8s \u00e0 plus de 60 options de couleurs. <\/p>\n\n\n\n<p>A ce niveau-l\u00e0, la personnalisation est vraiment pouss\u00e9e. Par exemple, vous pouvez :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>assigner une couleur pour chaque niveau de titre<\/strong> (<code>h1<\/code>, <code>h2<\/code>, <code>h3<\/code>, <code>h4<\/code>, <code>h5<\/code>).<\/li><li><strong>Choisir une couleur diff\u00e9rente pour vos liens en g\u00e9n\u00e9ral, et les liens s\u00e9lectionn\u00e9s<\/strong>.<\/li><li><strong>Modifier la couleur de vos boutons<\/strong> (arri\u00e8re-plan texte et au survol de la souris) etc.<\/li><li><strong>Personnaliser les couleurs de votre menu et sous-menu<\/strong> (texte, arri\u00e8re-plan, survol de la souris, lien s\u00e9lectionn\u00e9).<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"copyright\">Cr\u00e9dits<\/h3>\n\n\n\n<p>Combien de fois vous \u00eates-vous pris la t\u00eate pour modifier les cr\u00e9dits de votre site (<em>copyright<\/em>) ? Si vous souhaitez faire \u00e7a \u00e0 la main, il faut passer par le code, trouver le bon fichier et un peu prier pour ne pas tout casser, il faut bien le dire.<\/p>\n\n\n\n<p>Avec ce module, tout devient simple. Allez dans <em>Mise en page &gt; Pied de page<\/em>. Vous verrez appara\u00eetre une section Copyright dans laquelle il vous suffira d\u2019entrer le texte de votre choix.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"342\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/copyright-theme.jpg\" alt=\"Le copyright de votre site peut \u00eatre chang\u00e9 facilement sur le th\u00e8me GeneratePress\" class=\"wp-image-24716\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/copyright-theme.jpg 798w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/copyright-theme-300x129.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/copyright-theme-768x329.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/copyright-theme-640x274.jpg 640w\" sizes=\"(max-width: 798px) 100vw, 798px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"disable-elements\">D\u00e9sactivation d&#8217;\u00e9l\u00e9ments<\/h3>\n\n\n\n<p><em>Disable Elements<\/em> est un module que j\u2019adore. Il vous permet de d\u00e9sactiver des \u00e9l\u00e9ments sur les contenus de votre choix.<\/p>\n\n\n\n<p>Prenons une page, par exemple. Au bas de votre contenu, vous pouvez supprimer momentan\u00e9ment l\u2019affichage de l\u2019en-t\u00eate, du pied de page, de la navigation etc.<\/p>\n\n\n\n<p>Cela peut \u00eatre tr\u00e8s utile pour <a rel=\"noreferrer noopener\" aria-label=\"cr\u00e9er vos propres landing pages (opens in a new tab)\" href=\"https:\/\/wpmarmite.com\/en\/landing-page-wordpress\/\" target=\"_blank\">cr\u00e9er vos propres landing pages<\/a>, par exemple.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"773\" height=\"252\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/disable-elements.jpg\" alt=\"D\u00e9sactiver des \u00e9l\u00e9ments sur le th\u00e8me GeneratePress\" class=\"wp-image-24717\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/disable-elements.jpg 773w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/disable-elements-300x98.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/disable-elements-768x250.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/disable-elements-640x209.jpg 640w\" sizes=\"(max-width: 773px) 100vw, 773px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elements\">Elements<\/h3>\n\n\n\n<p>Elements est un module plus avanc\u00e9 qui permet de personnaliser 3 types d\u2019\u00e9l\u00e9ments : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>L\u2019en-t\u00eate<\/strong> (GeneratePress page header).<\/li><li><strong>Les hooks<\/strong> (un hame\u00e7on, en fran\u00e7ais, est <a href=\"https:\/\/developer.wordpress.org\/plugins\/hooks\/\" target=\"_blank\" rel=\"noreferrer noopener\">un point d\u2019entr\u00e9e dans une fonction WordPress<\/a>).<\/li><li><strong>Le Layout<\/strong> (la mise en page).<\/li><\/ul>\n\n\n\n<p>Vous retrouverez ce module dans <em>Apparence &gt; Elements<\/em>.<\/p>\n\n\n\n<p>Avec lui, vous allez vraiment pouvoir aller tr\u00e8s loin dans la personnalisation du th\u00e8me.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Par exemple, vous pouvez cr\u00e9er un en-t\u00eate personnalis\u00e9 que vous n\u2019afficherez que sur votre page Blog gr\u00e2ce \u00e0 des r\u00e8gles pr\u00e9cises.<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"491\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/elements-gp-premium.gif\" alt=\"Ajouter un nouvel \u00e9l\u00e9ment avec GeneratePress\" class=\"wp-image-24718\"\/><\/figure>\n\n\n\n<p>Ou alors, vous pouvez tr\u00e8s bien concevoir une mise en page type que vous appliquerez uniquement \u00e0 tous vos articles.  <\/p>\n\n\n\n<p>Enfin, m\u00eame si cela reste technique, vous pourrez profiter de la puissance des hooks sur GeneratePress, si vous vous y int\u00e9ressez de pr\u00e8s. Je vous conseille de le faire.<\/p>\n\n\n\n<p><strong>L\u2019\u00e9l\u00e9ment <em>Hook<\/em> permet d\u2019ajouter des morceaux de code \u00e0 une quarantaine d\u2019endroits diff\u00e9rents<\/strong>.<\/p>\n\n\n\n<p>Un exemple d\u2019utilisation des hooks ? Vous pouvez par exemple vous servir de celui nomm\u00e9 <em>wp_head<\/em> pour ajouter votre code de tracking Google Analytics.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1191\" height=\"348\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/element-hook.gif\" alt=\"L'\u00e9l\u00e9ment hook sur GeneratePress\" class=\"wp-image-24719\"\/><\/figure>\n\n\n\n<p>Pour en savoir plus, n\u2019h\u00e9sitez pas \u00e0 consulter <a aria-label=\" la documentation du th\u00e8me (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/docs.generatepress.com\/collection\/elements\/\" target=\"_blank\">la documentation du th\u00e8me<\/a>, tr\u00e8s bien con\u00e7ue.<\/p>\n\n\n\n<p>Seul petit b\u00e9mol : elle est en anglais. Mais I\u2019m very s\u00fbr que vous comprenez a bit la langue de Shakespeare ;-).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"menu-plus\">Menu Plus<\/h3>\n\n\n\n<p>Ce module permet notamment de mettre en place : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Un <strong><em>sticky menu<\/em><\/strong>, c\u2019est-\u00e0-dire un menu qui reste coll\u00e9 en haut de l\u2019\u00e9cran, m\u00eame quand l\u2019utilisateur fait d\u00e9filer la page.<\/li><li>Un <em><strong>slideout menu<\/strong><\/em>, soit un menu qui s\u2019affiche en surbrillance de l\u2019\u00e9cran &#8211; \u00e0 gauche ou \u00e0 droite &#8211; lorsqu\u2019un visiteur clique sur l\u2019ic\u00f4ne hamburger d\u00e9di\u00e9e. <img decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/slideout-menu-generatepress.jpg\"> <\/li><\/ul>\n\n\n\n<p>Il est bien s\u00fbr possible de personnaliser les couleurs et la typographie du menu en activant les modules <em>Colors<\/em> et <em>Typography<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"secondary-nav\">Navigation secondaire<\/h3>\n\n\n\n<p><em>Secondary Nav<\/em> (navigation secondaire) permet d\u2019ajouter un second menu si vous avez des informations suppl\u00e9mentaires \u00e0 afficher.<\/p>\n\n\n\n<p>Cela peut par exemple \u00eatre utile pour ajouter des \u00e9l\u00e9ments au-dessus de votre en-t\u00eate (ex : email, num\u00e9ro de t\u00e9l\u00e9phone, liens vers vos r\u00e9seaux sociaux, bouton d\u2019appel \u00e0 l\u2019action etc.).<\/p>\n\n\n\n<p>Pour cela, vous devez d\u2019abord cr\u00e9er un second menu dans <em>Apparence &gt; Menus<\/em>, par exemple.<\/p>\n\n\n\n<p>Ensuite, dans <em>Mise en page &gt; Secondary Navigation<\/em>, vous pourrez personnaliser le positionnement de ce nouveau menu en l\u2019affichant par exemple au-dessus de l\u2019en-t\u00eate, sous votre menu principal, flottant \u00e0 gauche ou \u00e0 droite etc.).<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"278\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation.jpg\" alt=\"Secondary navigation avec le th\u00e8me GeneratePress\" class=\"wp-image-24720\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation.jpg 901w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation-300x93.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation-768x237.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation-640x197.jpg 640w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"sections\">Sections<\/h3>\n\n\n\n<p><em>Sections<\/em> est un module qui fonctionne comme un mini constructeur de page, dans le sens o\u00f9 il vous permet de cr\u00e9er des blocs contenant vos propres contenus, que vous pouvez ensuite d\u00e9placer en glisser-d\u00e9poser (tout cela se param\u00e8tre en activant la case <em>Utilisez Sections<\/em> dans votre page).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"436\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sections.jpg\" alt=\"Sections du th\u00e8me GeneratePress\" class=\"wp-image-24721\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sections.jpg 579w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sections-300x226.jpg 300w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/figure>\n<\/div>\n\n\n<p>Par contre, ne vous attendez pas \u00e0 des options aussi pouss\u00e9es que sur <a rel=\"noreferrer noopener\" aria-label=\"Elementor (opens in a new tab)\" href=\"https:\/\/wpmarmite.com\/elementor\/\" target=\"_blank\">Elementor<\/a>, <a rel=\"noreferrer noopener\" aria-label=\"Divi (opens in a new tab)\" href=\"https:\/\/wpmarmite.com\/divi\/\" target=\"_blank\">Divi<\/a> ou <a href=\"https:\/\/wpmarmite.com\/en\/beaver-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Beaver Builder (opens in a new tab)\">Beaver Builder<\/a>.<\/p>\n\n\n\n<p>Cela reste tr\u00e8s basique et vous permet juste de gagner du temps dans la conception de vos pages.<\/p>\n\n\n\n<p><strong>Par contre, <\/strong><a rel=\"noreferrer noopener\" aria-label=\"si vous utilisez Gutenberg sur votre site (opens in a new tab)\" href=\"https:\/\/wpmarmite.com\/gutenberg-wordpress\/\" target=\"_blank\"><strong>si vous utilisez Gutenberg sur votre site<\/strong><\/a><strong>, vous n\u2019aurez pas forc\u00e9ment beaucoup d\u2019int\u00e9r\u00eat \u00e0 utiliser le module Sections, qui reste moins complet \u00e0 moins sens.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"spacing\">Espacement<\/h3>\n\n\n\n<p>Le module <em>Spacing<\/em> (Espacement) ajoute des options suppl\u00e9mentaires dans le menu <em>Mise en Page <\/em>de l\u2019outil de personnalisation de pour g\u00e9rer le padding (marge int\u00e9rieure) de votre contenu, de l\u2019en-t\u00eate et des widgets, ou encore la largeur et la hauteur entre les \u00e9l\u00e9ments du menu.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"416\" height=\"631\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/spacing-conteneur.jpg\" alt=\"Le Spacing du conteneur sur le th\u00e8me GeneratePress\" class=\"wp-image-24722\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/spacing-conteneur.jpg 416w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/spacing-conteneur-198x300.jpg 198w\" sizes=\"(max-width: 416px) 100vw, 416px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"typography\">Typographie<\/h3>\n\n\n\n<p>D\u00e9sormais, abordons le cas de la police d\u2019\u00e9criture via le menu <em>Typographie<\/em>.<\/p>\n\n\n\n<p>Pour chaque \u00e9l\u00e9ment de votre site (Corps du texte, en-t\u00eate, barre de navigation, boutons, titres, <a href=\"https:\/\/wpmarmite.com\/en\/glossary\/widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">widgets<\/a>, pied de page), le module permet de choisir la police de votre choix et de modifier : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Sa graisse<\/strong> (font-weight)<\/li><li><strong>Sa taille<\/strong><\/li><li><strong>L\u2019affichage en majuscule ou en minuscule<\/strong><\/li><li><strong>La hauteur de ligne et la marge entre les paragraphes<\/strong> (pour le corps du texte)<\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"710\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/typographie-gp-premium.jpg\" alt=\"Typographie gp premium\" class=\"wp-image-24723\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/typographie-gp-premium.jpg 420w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/typographie-gp-premium-177x300.jpg 177w\" sizes=\"(max-width: 420px) 100vw, 420px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"woocommerce\">WooCommerce<\/h3>\n\n\n\n<p>Oui, WooCommerce peut fonctionner avec GeneratePress !<\/p>\n\n\n\n<p>Plus concr\u00e8tement, il existe un module premium d\u00e9di\u00e9, qui n\u00e9cessite que vous ayez d\u00e9j\u00e0 activ\u00e9 WooCommerce sur votre site, au pr\u00e9alable.<\/p>\n\n\n\n<p>Vous retrouverez ensuite tous les r\u00e9glages disponibles dans <em>Layout &gt; WooCommerce<\/em>.<\/p>\n\n\n\n<p>Parmi les options notables, on peut citer :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>La possibilit\u00e9 d\u2019afficher vos produits sur plusieurs colonnes<\/strong>.<\/li><li><strong>L\u2019affichage ou non d\u2019options<\/strong> comme la description de votre produit, le bouton d\u2019ajout au panier, le titre et l\u2019image du produit, les produits associ\u00e9s etc.<\/li><li><strong>La gestion des couleurs pour les titres, les notations, les textes, les boutons, les prix <\/strong>etc.<\/li><\/ul>\n\n\n\n<p>Si la cr\u00e9ation et la personnalisation d\u2019une boutique WooCommerce vous int\u00e9resse, je vous conseille de visionner cette vid\u00e9o de la cha\u00eene YouTube de WPMarmite :<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<script>document.addEventListener('DOMContentLoaded', function() {(tarteaucitron.job = tarteaucitron.job || []).push('youtube');});<\/script><div class=\"youtube_player\" videoID=\"s2-RuQt4ws8\" width=\"100%\" height=\"100%\" style=\"height:50vw\" theme=\"light\" rel=\"0\" controls=\"1\" showinfo=\"1\" autoplay=\"0\"><\/div>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"site-library\">Biblioth\u00e8que<\/h3>\n\n\n\n<p>La biblioth\u00e8que (<em>Site Library<\/em>) est une collection de 33 design de sites pr\u00eats \u00e0 l\u2019emploi que vous pouvez installer en une paire de clics.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"346\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/site-library.jpg\" alt=\"Site Library du th\u00e8me GeneratePress\" class=\"wp-image-24724\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/site-library.jpg 960w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/site-library-300x108.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/site-library-768x277.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/site-library-640x231.jpg 640w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p>Si un style vous pla\u00eet, vous pouvez donc vous retrouver avec un site pr\u00eat \u00e0 l\u2019emploi sans rien faire.<\/p>\n\n\n\n<p>Plut\u00f4t pas mal, m\u00eame si cela manquera forc\u00e9ment un peu de personnalisation. \u00c0 vous de voir ce qui vous convient.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1418\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/exemple-templates-generatepress.png\" alt=\"GeneratePress : exemples de templates\" class=\"wp-image-43005\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/exemple-templates-generatepress.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/exemple-templates-generatepress-300x208.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/exemple-templates-generatepress-1024x709.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/exemple-templates-generatepress-768x532.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/exemple-templates-generatepress-1536x1064.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/exemple-templates-generatepress-1360x942.png 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Le module importe les contenus et installe m\u00eame les extensions n\u00e9cessaires au bon fonctionnement du template !<\/p><\/blockquote>\n\n\n\n<p>Attention, par contre, certains n\u00e9cessitent que Beaver Builder Pro Version ou <a href=\"https:\/\/link.wpmarmite.com\/elementor\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Elementor Pro<\/a> soient activ\u00e9s sur votre site pour pouvoir fonctionner. <\/p>\n\n\n\n<p><strong>Le d\u00e9veloppeur pr\u00e9cise aussi qu\u2019il est pr\u00e9f\u00e9rable de supprimer tous vos contenus, plugins et menus avant d\u2019importer une d\u00e9mo.<\/strong><\/p>\n\n\n\n<p>Par contre, si une d\u00e9mo ne vous convient plus et que vous souhaitez revenir \u00e0 la version classique du th\u00e8me, vous devrez tout effectuer \u00e0 la main.<\/p>\n\n\n\n<p>Il faudra donc supprimer vos articles, pages, plugins, menus, widgets etc. Le th\u00e8me ne le permet pas et franchement, pour revenir \u00e0 vos r\u00e9glages d\u2019origine, bon courage. <\/p>\n\n\n\n<p>J\u2019avais par exemple install\u00e9 la d\u00e9mo <em>Tasty<\/em> pour voir comment fonctionne l\u2019import.<\/p>\n\n\n\n<p>De ce c\u00f4t\u00e9-l\u00e0, pas de souci : tout se fait en une dizaine de secondes et vous vous retrouvez bien avec un site conforme au d\u00e9tail pr\u00e8s \u00e0 celui pr\u00e9sent\u00e9 sur la pr\u00e9visualisation.<\/p>\n\n\n\n<p>Par contre, au moment de faire le m\u00e9nage, il faut penser \u00e0 tout supprimer et modifier, y compris les couleurs et la police. <\/p>\n\n\n\n<p>Sinon, voil\u00e0 ce que \u00e7a donne : <\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"437\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/demo-tasty.jpg\" alt=\"La demo de Tasty\" class=\"wp-image-24726\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/demo-tasty.jpg 870w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/demo-tasty-300x151.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/demo-tasty-768x386.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/demo-tasty-640x321.jpg 640w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/figure>\n\n\n\n<p>Vous en conviendrez, cela n\u2019a pas encore tout \u00e0 fait l\u2019aspect du design du th\u00e8me de d\u00e9part\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"importexport\">Import\/Export<\/h3>\n\n\n\n<p>On termine le tour de ces modules avec <em>Import\/Export<\/em>.<\/p>\n\n\n\n<p>Cette fonctionnalit\u00e9, que vous trouverez sur la droite dans <em>Apparence<\/em> &gt; <em>GeneratePress<\/em>, permet d\u2019importer ou d\u2019exporter les r\u00e9glages de l\u2019outil de personnalisation pour les ajouter sur un autre site, par exemple.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"476\" height=\"449\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/import-export.jpg\" alt=\"La fonctionnalit\u00e9 Import\/Export sur GeneratePress\" class=\"wp-image-24727\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/import-export.jpg 476w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/import-export-300x283.jpg 300w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/figure>\n<\/div>\n\n<style>.elementor-29940 .elementor-element.elementor-element-7b39d73d:not(.elementor-motion-effects-element-type-background), .elementor-29940 .elementor-element.elementor-element-7b39d73d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/code-css.jpg\");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29940 .elementor-element.elementor-element-7b39d73d > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(135deg, #67d299 0%, #39a0b8 100%);opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29940 .elementor-element.elementor-element-7b39d73d, .elementor-29940 .elementor-element.elementor-element-7b39d73d > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-29940 .elementor-element.elementor-element-7b39d73d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-29940 .elementor-element.elementor-element-2dabb41a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-29940 .elementor-element.elementor-element-224b7e6d .elementor-heading-title{font-size:1.5em;font-weight:700;line-height:1.1em;text-shadow:0px 0px 6px rgba(0,0,0,0.3);color:#ffffff;}.elementor-29940 .elementor-element.elementor-element-4150402a{font-size:2rem;color:#ffffff;}.elementor-29940 .elementor-element.elementor-element-b9d58e .elementor-button{font-size:0.9em;font-weight:700;text-transform:uppercase;background-color:#ff5b23;}.elementor-29940 .elementor-element.elementor-element-b9d58e .elementor-button:hover, .elementor-29940 .elementor-element.elementor-element-b9d58e .elementor-button:focus{background-color:#e94b14;}.elementor-29940 .elementor-element.elementor-element-b9d58e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-29940 .elementor-element.elementor-element-2dabb41a{width:76.117%;}.elementor-29940 .elementor-element.elementor-element-56ae2888{width:23.965%;}}\/* Start custom CSS for text-editor, class: .elementor-element-4150402a *\/.elementor-29940 .elementor-element.elementor-element-4150402a p{\n    font-size:1.8rem;\n    line-height:1.5em;\n    text-shadow: 0px 0px 6px rgba(0,0,0,0.3);\n}\/* End custom CSS *\/\n\/* Start custom CSS for button, class: .elementor-element-b9d58e *\/.elementor-29940 .elementor-element.elementor-element-b9d58e .elementor-button-link{\n    background-color: #ff5b23 !important;\n    margin:15px 0 0 !important;\n}\n\n.elementor-29940 .elementor-element.elementor-element-b9d58e .elementor-button-link:hover{\n    background-color:#E94B14 !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"29940\" class=\"elementor elementor-29940\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-dce-background-overlay-color=\"#67d299\" data-dce-background-image-url=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/code-css.jpg\" class=\"elementor-section elementor-top-section elementor-element elementor-element-7b39d73d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b39d73d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2dabb41a\" data-id=\"2dabb41a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-dce-title-color=\"#ffffff\" class=\"elementor-element elementor-element-224b7e6d elementor-widget elementor-widget-heading\" data-id=\"224b7e6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Apprenez le CSS une bonne fois pour toutes<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-text-color=\"#ffffff\" class=\"elementor-element elementor-element-4150402a elementor-widget elementor-widget-text-editor\" data-id=\"4150402a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Cr\u00e9ez des sites au rendu impeccable sans y passer des heures avec CSS Express.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-background-color=\"#ff5b23\" class=\"elementor-element elementor-element-b9d58e elementor-widget elementor-widget-button\" data-id=\"b9d58e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/wpmarmite.com\/formation-wordpress\/cssexpress\/\" target=\"_blank\" id=\"CTA_CSSExpressContentFR\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrir la formation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-56ae2888\" data-id=\"56ae2888\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35076490 elementor-widget elementor-widget-image\" data-id=\"35076490\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/css-express-300x300.png\" class=\"attachment-medium size-medium wp-image-29941\" alt=\"\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/css-express-300x300.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/css-express-150x150.png 150w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/css-express-768x768.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/css-express-1024x1024.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/css-express.png 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n<h2 class=\"wp-block-heading\" id=\"generatepress-et-les-page-builders\">GeneratePress et les page builders<\/h2>\n\n\n\n<p>GeneratePress adore les constructeurs de page et le clame d\u2019ailleurs haut et fort : messieurs dames, il est <em>\u201cpage builder friendly\u201d<\/em>.<\/p>\n\n\n\n<p><strong>S\u2019il a ses deux petits chouchous &#8211; Elementor et Beaver Builder, qu\u2019il promeut d\u2019ailleurs dans son module Site Library -, il promet de s\u2019int\u00e9grer parfaitement avec n\u2019importe quel autre constructeur de pages.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1077\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/Studio-template-GeneratePress.png\" alt=\"Le template Studio de GeneratePress qui met en avant sa compatibilit\u00e9 avec le constructeur de pages Beaver Builder\" class=\"wp-image-43016\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/Studio-template-GeneratePress.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/Studio-template-GeneratePress-300x158.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/Studio-template-GeneratePress-1024x539.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/Studio-template-GeneratePress-768x404.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/Studio-template-GeneratePress-1536x808.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/Studio-template-GeneratePress-1360x715.png 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><figcaption><em>Le template Studio de la Site Library, a \u00e9t\u00e9 con\u00e7u avec Beaver Builder<\/em><\/figcaption><\/figure>\n\n\n\n<p>Je n\u2019ai pas pu tester le th\u00e8me avec tous les constructeurs de page du march\u00e9, vous vous en doutez un peu.<\/p>\n\n\n\n<p>Par contre, je me suis amus\u00e9 \u00e0 le triturer avec Beaver Builder. Et je peux vous garantir que les deux font la paire.<\/p>\n\n\n\n<p>Mais alors, pourquoi GeneratePress est si pratique, coupl\u00e9 \u00e0 un page builder ? Eh bien parce qu\u2019avec lui, vous avez un contr\u00f4le total de la structure de chaque page :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Vous pouvez choisir d\u2019afficher 1 ou 2 barres lat\u00e9rales (ou z\u00e9ro)<\/strong>.<\/li><li><strong>Vous pouvez d\u00e9sactiver le titre de vos pages.<\/strong><\/li><li><strong>Vous pouvez choisir le nombre de widgets \u00e0 afficher (de 0 \u00e0 5).<\/strong><\/li><li><strong>Vous pouvez d\u00e9sactiver les \u00e9l\u00e9ments que vous n\u2019utilisez pas (ex : le footer, l\u2019en-t\u00eate, le <a href=\"https:\/\/wpmarmite.com\/glossaire\/menu-de-navigation\/\" target=\"_blank\" rel=\"noreferrer noopener\">menu de navigation<\/a>).<\/strong><\/li><\/ul>\n\n\n\n<p>Et surtout, vous pouvez facilement choisir d\u2019afficher votre site en pleine largeur, ou pas.<\/p>\n\n\n\n<p>Par le pass\u00e9, j\u2019ai par exemple utilis\u00e9 <a rel=\"noreferrer noopener\" aria-label=\"le framework Genesis (opens in a new tab)\" href=\"https:\/\/wpmarmite.com\/pat-episode-005\/\" target=\"_blank\">le framework Genesis<\/a>, et j\u2019ai \u00e9t\u00e9 un peu emb\u00eat\u00e9 \u00e0 ce niveau avec certains de ses <a href=\"https:\/\/wpmarmite.com\/glossaire\/theme-enfant\/\" target=\"_blank\" rel=\"noreferrer noopener\">th\u00e8mes enfants<\/a> lorsque j\u2019utilisais un constructeur de page.<\/p>\n\n\n\n<p>Pour \u00eatre s\u00fbr que mon contenu s\u2019affiche en pleine largeur, il me fallait utiliser un plugin appel\u00e9 <a href=\"https:\/\/fr.wordpress.org\/plugins\/genesis-dambuster\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Genesis Dambuster (opens in a new tab)\">Genesis Dambuster<\/a>.<\/p>\n\n\n\t\t<div class=\"wp-block wp-block-modernplugins-modern-ctt is-style-default\" >\n\t\t\t<a class=\"modern-ctt\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwpmarmite.com%2Fgeneratepress%2F&#038;text=Le+th%C3%A8me+GeneratePress+analys%C3%A9+en+d%C3%A9tail+par+WPMarmite.+Prise+en+main%2C+options%2C+compatibilit%C3%A9+avec+les+constructeurs+de+pages+et+plugins%2C+etc.&#038;via=wpmarmite&#038;hashtags=WordPress%2CGeneratePress%2CthemeWordPress%2Cthemegratuit\" target=\"_blank\" rel=\"noopener noreferer\">\n\t\t\t\t\t\t\t\t<div class=\"modern-ctt-content \"><p><em>Le th\u00e8me GeneratePress analys\u00e9 en d\u00e9tail par WPMarmite. Prise en main, options, compatibilit\u00e9 avec les constructeurs de pages et plugins, etc.<\/em><\/p><\/div>\n\t\t\t\t<footer class=\"modern-ctt-footer\">\n\t\t\t\t\t<span class=\"modern-ctt-cta modern-ctt-button\">\n\t\t\t\t\t\t<span class=\"modern-ctt-prompt \">Click to Tweet<\/span>\n\t\t\t\t\t\t<svg class=\"icon icon-twitter \" aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><rect x=\"0\" fill=\"none\" width=\"24\" height=\"24\"\/><g><path d=\"M22.23 5.924a8.212 8.212 0 01-2.357.646 4.115 4.115 0 001.804-2.27 8.221 8.221 0 01-2.606.996 4.103 4.103 0 00-6.991 3.742 11.647 11.647 0 01-8.457-4.287 4.087 4.087 0 00-.556 2.063 4.1 4.1 0 001.825 3.415 4.09 4.09 0 01-1.859-.513v.052a4.104 4.104 0 003.292 4.023 4.099 4.099 0 01-1.853.07 4.11 4.11 0 003.833 2.85 8.236 8.236 0 01-5.096 1.756 8.33 8.33 0 01-.979-.057 11.617 11.617 0 006.29 1.843c7.547 0 11.675-6.252 11.675-11.675 0-.178-.004-.355-.012-.531a8.298 8.298 0 002.047-2.123z\"\/><\/g><\/svg>\n\t\t\t\t\t<\/span>\t\n\t\t\t\t<\/footer>\n\t\t\t<\/a>\n\t\t<\/div>\n\t\n\n\n<h3 class=\"wp-block-heading\" id=\"generatepress-et-les-plugins\">GeneratePress et les plugins<\/h3>\n\n\n\n<p>Apr\u00e8s les constructeurs de page, passons aux plugins. L\u2019une des \u201ccraintes\u201d du webmaster, c\u2019est la comptabilit\u00e9 du th\u00e8me qu\u2019il utilise avec les plugins dont il va se servir.<\/p>\n\n\n\n<p>Parce qu\u2019en cas de souci, votre site risque de planter. Et \u00e7a, \u00e7a ne fait rire personne.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"305\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/homme-sourire.gif\" alt=\"Kanye West sourit puis devient s\u00e9rieux\" class=\"wp-image-24732\"\/><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>D\u2019ailleurs, si vous vous retrouvez un jour dans la panade \u00e0 ce sujet, n\u2019h\u00e9sitez pas \u00e0 consulter <a href=\"https:\/\/wpmarmite.com\/erreurs-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"notre guide pour r\u00e9soudre les principales erreurs WordPress (opens in a new tab)\">notre guide pour r\u00e9soudre les principales erreurs WordPress<\/a>.<\/p><\/blockquote>\n\n\n\n<p>Avec le th\u00e8me de Tom Usborne, vous pouvez vivre plus sereinement. Evidemment, nul n\u2019est \u00e0 l\u2019abri d\u2019un bug. <\/p>\n\n\n\n<p>Mais comme l\u2019indique Usborne, <em>\u201cgr\u00e2ce \u00e0 notre obsession d\u2019\u00eatre en conformit\u00e9 avec les standards de code de WordPress, vous pouvez vous reposer tranquillement en sachant que vos plugins favoris vont s\u2019int\u00e9grer ais\u00e9ment avec notre th\u00e8me.\u201d<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"generatepress-et-gutenberg\">GeneratePress et Gutenberg<\/h3>\n\n\n\n<p>Gutenberg. Avec tout le battage qui a \u00e9t\u00e9 fait autour du nouvel \u00e9diteur de contenu de WordPress, je suis quasi-s\u00fbr que vous en avez entendu parler.<\/p>\n\n\n\n<p>Pour rappel, Gutenberg a \u00e9t\u00e9 officiellement int\u00e9gr\u00e9 avec la version 5.0 de WordPress, sortie en novembre 2018.<\/p>\n\n\n\n<p>Pour les r\u00e9ticents, sachez que vous pouvez toujours utiliser l\u2019ancien \u00e9diteur en utilisant <a href=\"https:\/\/fr.wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"l\u2019extension Classic Editor (opens in a new tab)\">l\u2019extension Classic Editor<\/a>.<\/p>\n\n\n\n<p>Apr\u00e8s, il faudra bien vous y mettre un jour \ud83d\ude09 Si vous optez pour GeneratePress, vous n\u2019aurez aucun souci \u00e0 vous faire car il s\u2019int\u00e8gre tr\u00e8s bien \u00e0 Gutenberg.<\/p>\n\n\n\n<p><strong>Et \u00e7a, c\u2019est vraiment un avantage. De trop nombreux th\u00e8mes pr\u00e9sents sur de c\u00e9l\u00e8bres plateformes de vente comme Themeforest se disent compatibles avec Gutenberg<\/strong>. <\/p>\n\n\n\n<p>Mais lorsque l\u2019on creuse un peu, on se rend compte qu\u2019ils sont encore loin du compte.<\/p>\n\n\n\n<p>Parmi les fonctionnalit\u00e9s int\u00e9ressantes de GP avec Gutenberg, je pourrais vous citer :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Une option pour d\u00e9sactiver l\u2019affichage de vos titres en 1 clic.<\/strong>\n<img decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/desactiver-titre.gif\">\n<\/li><li><strong>La possibilit\u00e9 d\u2019afficher votre contenu en pleine largeur pour \u00e9liminer sa marge interne.<\/strong><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quelle-exp\u00e9rience-utilisateur-pour-un-site-utilisant-generatepress\">Quelle exp\u00e9rience utilisateur pour un site utilisant GeneratePress ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"influence-sur-la-performance-du-site\">Influence sur la performance du site<\/h3>\n\n\n\n<p>Pour positionner une page dans son moteur de recherche, Google se base sur plus de 200 crit\u00e8res.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Parmi eux, il y a <a rel=\"noreferrer noopener\" href=\"https:\/\/webmasters.googleblog.com\/2010\/04\/using-site-speed-in-web-search-ranking.html\" target=\"_blank\">la vitesse de votre page<\/a>. Il est donc crucial qu\u2019elle se charge rapidement (Google recommande un temps de chargement <a rel=\"noreferrer noopener\" href=\"https:\/\/www.thinkwithgoogle.com\/marketing-resources\/data-measurement\/mobile-page-speed-new-industry-benchmarks\/\" target=\"_blank\">en-dessous de 3 secondes sur mobile<\/a>).<\/p><\/blockquote>\n\n\n\n<p>Par la m\u00eame, vous ferez un joli cadeau \u00e0 vos visiteurs, qui d\u00e9testent attendre. Pour vous en convaincre, prenez ces deux stats (<a rel=\"noreferrer noopener\" aria-label=\"source (opens in a new tab)\" href=\"https:\/\/blog.hubspot.com\/marketing\/page-load-time-conversion-rates\" target=\"_blank\">source<\/a>), par exemple :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>47% des consommateurs attendent qu\u2019une page se charge en moins de 2 secondes.<\/strong><\/li><li><strong>Un temps de chargement ralenti d\u2019une seconde provoquerait une r\u00e9duction de 7% des conversions.<\/strong><\/li><\/ul>\n\n\n\n<p>Vous avez le contexte. Reste \u00e0 savoir si GeneratePress va faire la maille sur le sujet de la performance.<\/p>\n\n\n\n<p>Il faut dire qu\u2019il n\u2019a pas vraiment le droit \u00e0 l\u2019erreur et qu\u2019on l\u2019attend au tournant. Son argument de vente principal, c\u2019est la performance.<\/p>\n\n\n\n<p>Comme l\u2019indique Tom Usborne, <em>\u201c<a href=\"https:\/\/generatepress.com\/fastest-wordpress-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"rendre GeneratePress plus rapide et performant  (opens in a new tab)\">rendre GeneratePress plus rapide et performant <\/a>est une de mes priorit\u00e9s absolues\u201d<\/em>.<\/p>\n\n\n\n<p>Pour en avoir le coeur net, je lui ai fait passer une batterie de tests. <\/p>\n\n\n\n<p>Voici comment j\u2019ai proc\u00e9d\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Services de tests utilis\u00e9s<\/strong> : <em>WebPageTest<\/em> (en utilisant \u00e0 chaque fois Paris comme localisation) avec prise en compte du crit\u00e8re <em>\u201cfully loaded\u201d<\/em> (moment o\u00f9 le site est compl\u00e8tement charg\u00e9, incluant les scripts externes et applications) ; <em>Pingdom Tools<\/em> (en utilisant \u00e0 chaque fois Londres comme localisation).<\/li><li>Site de test h\u00e9berg\u00e9 sur un serveur mutualis\u00e9 <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/link.wpmarmite.com\/o2switch\" target=\"_blank\" rel=\"noreferrer noopener\">d\u2019o2switch<\/a>.<\/li><li>Je n\u2019ai activ\u00e9 aucun plugin et GP premium n\u2019\u00e9tait pas install\u00e9.<\/li><li>J\u2019ai compar\u00e9 GeneratePress \u00e0 un autre th\u00e8me gratuit populaire (Sydney, <span class=\"dotorg-data-active-installs\">90K+<\/span> installations actives) issu du r\u00e9pertoire officiel WordPress.<\/li><\/ul>\n\n\n\n<p><strong>Test sur WebPageTest avec GeneratePress activ\u00e9 : temps de chargement de 0,942s (fully loaded)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1930\" height=\"264\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-webpagetest.jpg\" alt=\"GeneratePress WebPageTest\" class=\"wp-image-24733\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-webpagetest.jpg 1930w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-webpagetest-1360x186.jpg 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-webpagetest-300x41.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-webpagetest-768x105.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-webpagetest-1024x140.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-webpagetest-640x88.jpg 640w\" sizes=\"(max-width: 1930px) 100vw, 1930px\" \/><\/figure>\n\n\n\n<p><strong>Test sur WebPageTest avec Sydney activ\u00e9 : temps de chargement de 2,237s (fully loaded)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1940\" height=\"272\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-webpagetest.jpg\" alt=\"Sydney WebPageTest\" class=\"wp-image-24734\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-webpagetest.jpg 1940w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-webpagetest-1360x191.jpg 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-webpagetest-300x42.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-webpagetest-768x108.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-webpagetest-1024x144.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-webpagetest-640x90.jpg 640w\" sizes=\"(max-width: 1940px) 100vw, 1940px\" \/><\/figure>\n\n\n\n<p><strong>Test sur Pingdom Tools avec GeneratePress activ\u00e9 : temps de chargement de 504ms<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"658\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-pingdom-tools.jpg\" alt=\"GP Pingdom Tools\" class=\"wp-image-24736\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-pingdom-tools.jpg 1528w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-pingdom-tools-1360x586.jpg 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-pingdom-tools-300x129.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-pingdom-tools-768x331.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-pingdom-tools-1024x441.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/gp-pingdom-tools-640x276.jpg 640w\" sizes=\"(max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p><strong>Test sur Pingdom Tools avec Sydney activ\u00e9 : temps de chargement de 2,03s<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1498\" height=\"648\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-pingdom-tools.jpg\" alt=\"Pingdom Tools Sydney\" class=\"wp-image-24735\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-pingdom-tools.jpg 1498w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-pingdom-tools-1360x588.jpg 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-pingdom-tools-300x130.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-pingdom-tools-768x332.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-pingdom-tools-1024x443.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/sydney-pingdom-tools-640x277.jpg 640w\" sizes=\"(max-width: 1498px) 100vw, 1498px\" \/><\/figure>\n\n\n\n<p>Comme vous pouvez le constater, le temps de chargement de GP est tr\u00e8s rapide (moins d\u2019une seconde entre les deux services).<\/p>\n\n\n\n<p>Le th\u00e8me est aussi beaucoup plus performant que son concurrent Sydney (de 2 \u00e0 4 fois plus performant).<\/p>\n\n\n\n<p>Par ailleurs, GP fait moins de requ\u00eates et le poids de la page reste tr\u00e8s l\u00e9ger avec lui  (24,5KB contre \u2026 473,5 KB pour Sydney). Je pr\u00e9cise que le contenu \u00e9tait exactement le m\u00eame pour les deux th\u00e8mes.<\/p>\n\n\n\n<p>Donc \u00e0 ce niveau, il n\u2019y a pas eu tromperie sur la marchandise. GeneratePress est bien un th\u00e8me l\u00e9ger.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Pour aller plus loin sur ce sujet, le d\u00e9veloppeur du th\u00e8me recommande d\u2019installer<a rel=\"noreferrer noopener\" aria-label=\" l\u2019extension Autoptimize (opens in a new tab)\" href=\"https:\/\/fr.wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\"> l\u2019extension Autoptimize<\/a>.<\/p><\/blockquote>\n\n\n\n<p>Mais si vous utilisez d\u00e9j\u00e0 un plugin de cache complet comme <a href=\"https:\/\/wpmarmite.com\/wprocket\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"WP Rocket (opens in a new tab)\">WP Rocket<\/a>, vous n\u2019en aurez pas vraiment l\u2019utilit\u00e9.<\/p>\n\n\n\n<p class=\"has-note-background-color has-background\"><em><strong>NB :<\/strong> Les r\u00e9sultats ci-dessus permettent d\u2019avoir un premier aper\u00e7u, mais ne peuvent \u00eatre consid\u00e9r\u00e9s comme un jugement arr\u00eat\u00e9 et d\u00e9finitif. Vous pourriez avoir des donn\u00e9es diff\u00e9rentes chez vous, en fonction de votre h\u00e9bergement, ou encore des plugins que vous utilisez.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"optimisation-du-seo\">Optimisation du SEO<\/h3>\n\n\n\n<p>Par exemple, il utilise un code HTML valide, ce qui ne compliquera pas la vie des moteurs de recherche qui viendront parcourir votre site.<\/p>\n\n\n\n<p>Tom Usborne met aussi un point d\u2019honneur \u00e0 minifier les scripts et les styles, afin de rendre le th\u00e8me le plus l\u00e9ger possible.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"245\" height=\"256\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/yes-reaction.gif\" alt=\"\" class=\"wp-image-24737\"\/><figcaption>Merci Tom !<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Ensuite, sachez que GeneratePress utilise notamment des donn\u00e9es structur\u00e9es Schema.org. <a href=\"https:\/\/www.contentking.fr\/academie\/schema\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Il s\u2019agit d\u2019une m\u00e9thode de balisage HTML (opens in a new tab)\">Il s\u2019agit d\u2019une m\u00e9thode de balisage HTML<\/a> qui aide Google \u00e0 comprendre de quel type est votre contenu.<\/p>\n\n\n\n<p>Enfin, aucun souci \u00e0 signaler au niveau des balises titre (<code>h1<\/code>, <code>h2<\/code>, <code>h3<\/code>, <code>h4<\/code> etc.). Il y a bien un titre <code>h1<\/code> par page (il n\u2019en faut pas plus d\u2019un, attention) et des titres <code>h2<\/code> et <code>h3<\/code>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"responsiveness\">Responsive<\/h3>\n\n\n\n<p>Poss\u00e9der un site <a href=\"https:\/\/wpmarmite.com\/en\/glossary\/responsive\/\" target=\"_blank\" rel=\"noreferrer noopener\">responsive<\/a> (qui s\u2019adapte aussi bien sur ordinateur, tablette et smartphone) est primordial de nos jours.<\/p>\n\n\n\n<p>Pour l\u2019exp\u00e9rience utilisateur, bien s\u00fbr, mais aussi pour votre r\u00e9f\u00e9rencement. Depuis mars 2018, Google a mis en place ce que l\u2019on appelle <a href=\"https:\/\/webmasters.googleblog.com\/2018\/03\/rolling-out-mobile-first-indexing.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"l\u2019indexation mobile-first (opens in a new tab)\">l\u2019indexation mobile-first<\/a>.<\/p>\n\n\n\n<p><strong>Cela signifie que Google utilise principalement la version mobile de votre site pour indexer et positionner vos pages dans les r\u00e9sultats de son moteur de recherche.<\/strong><\/p>\n\n\n\n<p>Quand on y pense, rien de plus logique : <a href=\"https:\/\/youand.eu\/blog\/experience-utilisateur\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"les Fran\u00e7ais utilisent d\u00e9sormais plus leur smartphone que leur ordinateur pour naviguer sur la Toile (opens in a new tab)\">les Fran\u00e7ais utilisent d\u00e9sormais plus leur smartphone que leur ordinateur pour naviguer sur la Toile<\/a>.<\/p>\n\n\n\n<p>Qu\u2019en est-il si vous comptez utiliser GeneratePress ? Pour le savoir, on a utilis\u00e9 un outil bien pratique : <a href=\"https:\/\/search.google.com\/test\/mobile-friendly\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"le test d\u2019optimisation mobile de Google (opens in a new tab)\">le test d\u2019optimisation mobile de Google<\/a>.<\/p>\n\n\n\n<p>Voil\u00e0 le r\u00e9sultat :<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"920\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/test-mobile-generatepress.png\" alt=\"Test d'optimisation mobile de Google pour GeneratePress.\" class=\"wp-image-57223\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/test-mobile-generatepress.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/test-mobile-generatepress-300x135.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/test-mobile-generatepress-1024x460.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/test-mobile-generatepress-768x345.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/test-mobile-generatepress-1536x690.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/test-mobile-generatepress-1360x611.png 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<p>R\u00e9sultat ? Aucun probl\u00e8me \u00e0 signaler. La page est adapt\u00e9e aux mobiles. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quel-rapport-qualit\u00e9-prix\">Quel rapport qualit\u00e9-prix ?<\/h2>\n\n\n\n<p>GP est d\u2019abord accessible gratuitement via le r\u00e9pertoire officiel WordPress. <\/p>\n\n\n\n<p>Pour profiter de toutes ses fonctionnalit\u00e9s, vous devrez opter pour la version payante et vous procurer le plugin GP Premium, que je vous ai pr\u00e9sent\u00e9 plus t\u00f4t dans cet article.<\/p>\n\n\n\n<p>Il vous en co\u00fbtera 59 $ (49 \u20ac) et vous profiterez des options suivantes : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Utilisation sur 500 sites au maximum.<\/strong><\/li><li><strong>1 an de support et mises \u00e0 jour incluses.<\/strong> A propos du support, les retours sont tr\u00e8s positifs. Les avis clients que j\u2019ai pu consulter mettent en avant la r\u00e9activit\u00e9 du d\u00e9veloppeur (m\u00eame pour les utilisateurs de la version gratuite). D\u2019ailleurs, il r\u00e9pond le plus souvent en personne sur <a aria-label=\"le forum d\u00e9di\u00e9 au th\u00e8me (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/generatepress.com\/support\/\" target=\"_blank\">le forum d\u00e9di\u00e9 au th\u00e8me<\/a>.<\/li><li><strong>Garantie satisfait ou rembours\u00e9 de 30 jours<\/strong>.<\/li><\/ul>\n\n\n\n<p class=\"has-info-background-color has-background\"><em>GeneratePress dispose \u00e9galement d\u2019une Licence \u00e0 vie tr\u00e8s int\u00e9ressante si vous souhaitez faire du th\u00e8me votre outil de cr\u00e9ation favori (249$ en paiement unique, soit environ 205\u20ac).<\/em><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"733\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress-1024x733.png\" alt=\"Tableau de prix de GeneratePress.\" class=\"wp-image-57207\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress-1024x733.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress-300x215.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress-768x550.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress-1536x1100.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/05\/prix-generatepress-1360x974.png 1360w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Personnellement, je trouve le rapport qualit\u00e9-prix excellent. Regardez par exemple ce que \u00e7a donne par rapport \u00e0 quelques solutions concurrentes pr\u00e9sentes sur le march\u00e9 : <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><a aria-label=\"Themeforest (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/themeforest.net\/\" target=\"_blank\">Themeforest<\/a> :<\/strong> la plupart des th\u00e8mes vendus sur la plateforme co\u00fbtent en moyenne autour de 59$. Ils ne sont pas toujours utilisables sur un nombre de sites illimit\u00e9 et comprennent 6 mois de support.<\/li><li><strong><a aria-label=\"OceanWP (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/oceanwp.org\/core-extensions-bundle\/\" target=\"_blank\">OceanWP<\/a> :<\/strong> ce th\u00e8me ultra-populaire qu\u2019Alex vous a pr\u00e9sent\u00e9 dans <a aria-label=\"L\u2019Instant Th\u00e8me (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=VxAhsrS41UM&amp;list=PLXyeEqegnSKGwGrUcjQw64z77B10FSMj3\" target=\"_blank\">L\u2019Instant Th\u00e8me<\/a> co\u00fbte 129$ en premium pour une utilisation sur 50 sites au maximum.<\/li><li><strong><a aria-label=\"Astra  (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/wpastra.com\/pricing\/\" target=\"_blank\">Astra <\/a>: <\/strong>autre th\u00e8me r\u00e9put\u00e9 pour ses performances et assez semblable \u00e0 GeneratePress. Il vous en co\u00fbtera 59$ pour une utilisation sur un nombre de sites illimit\u00e9s.<\/li><li><strong><a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.studiopress.com\/features\/\" target=\"_blank\" rel=\"noreferrer noopener\">Genesis<\/a> :<\/strong> le framework en lui-m\u00eame co\u00fbte 59,95$ mais vous devrez obligatoirement vous procurer un th\u00e8me enfant (soit g\u00e9n\u00e9ralement un prix de 129,95$ pour les 2). Par contre, le support et les mises \u00e0 jour sont comprises \u00e0 vie et vous n\u2019avez pas \u00e0 renouveler votre th\u00e8me.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>Si vous \u00eates arriv\u00e9 l\u00e0, vous devez avoir une petite id\u00e9e de ce que je pense de GP mais je vous propose de r\u00e9capituler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"les-points-forts-de-gutenberg\">Les points forts de GeneratePress<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Un th\u00e8me simple \u00e0 utiliser<\/strong>, intuitif et flexible gr\u00e2ce \u00e0 des modules activables et d\u00e9sactivables en 1 clic.<\/li><li><strong>Utilisation exclusive de l\u2019outil de personnalisation de WordPress<\/strong>.<\/li><li><strong>Un th\u00e8me accessible \u00e0 tout type d\u2019utilisateur<\/strong> : que vous soyez d\u00e9butant ou confirm\u00e9, vous y trouverez votre compte.<\/li><li><strong>Un th\u00e8me r\u00e9guli\u00e8rement mis \u00e0 jour et correctement maintenu<\/strong>. Tom Usborne se consacre quasi-exclusivement \u00e0 ce projet (il d\u00e9veloppe aussi des plugins). Le th\u00e8me existe d\u00e9j\u00e0 depuis 5 ans et conna\u00eet une croissance exponentielle : en principe, rien n\u2019indique qu\u2019il tombe en d\u00e9su\u00e9tude dans les mois \u00e0 venir.<\/li><li><strong>La documentation et le support<\/strong>.<\/li><li><strong>Le tarif<\/strong> : GeneratePress reste un produit \u00e0 l\u2019excellent rapport qualit\u00e9-prix.<\/li><li><strong>Un th\u00e8me optimis\u00e9 pour le SEO <\/strong>et vraiment performant.<\/li><li><strong>Un code propre<\/strong> qui respecte les standards de WordPress.<\/li><li><strong>Le th\u00e8me met aussi l\u2019accent sur l\u2019accessibilit\u00e9<\/strong> en suivant les R\u00e8gles pour l&#8217;accessibilit\u00e9 des contenus Web (<a rel=\"noreferrer noopener\" aria-label=\"WCAG (opens in a new tab)\" href=\"https:\/\/www.w3.org\/Translations\/WCAG20-fr\/\" target=\"_blank\">WCAG<\/a>) 2.0.<\/li><li><strong>GeneratePress est traduit<\/strong> dans une vingtaine de langues.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"les-axes-dam\u00e9lioration\">Les axes d&#8217;am\u00e9lioration<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Certaines options ne sont pas traduites en fran\u00e7ais<\/strong>, ce qui rend parfois la compr\u00e9hension un peu plus complexe, surtout lorsque cela devient technique. Prenez le module <em>Secondary navigation<\/em>, par exemple. Bon, ce n\u2019est pas non plus la mer \u00e0 boire. En testant, on arrive \u00e0 comprendre de quoi il s\u2019agit rapidement. <\/li><\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"242\" height=\"507\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation-texte.jpg\" alt=\"Texte de Secondary Navigation du th\u00e8me GeneratePress\" class=\"wp-image-24745\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation-texte.jpg 242w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/secondary-navigation-texte-143x300.jpg 143w\" sizes=\"(max-width: 242px) 100vw, 242px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\"><li><strong>L\u2019utilisation du module <\/strong><em><strong>Sections<\/strong><\/em><strong> d\u00e9sactive Gutenberg sur la publication en question<\/strong> (pas sur le reste du site). Vous devrez donc soit utiliser le module de GeneratePress, soit Gutenberg, mais pas les deux. Personnellement, je trouve que Gutenberg est plus appropri\u00e9 pour construire des mises en page un minimum pouss\u00e9es. Et pour aller encore plus loin, rien ne vaudra un bon constructeur de page sur ce sujet.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"a-qui-se-destine-le-th\u00e8me\">\u00c0 qui se destine le th\u00e8me ?<\/h3>\n\n\n\n<p>Le th\u00e8me conviendra \u00e0 tout type de public :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Les cr\u00e9ateurs de sites novice<\/strong> appr\u00e9cieront sa facilit\u00e9 d\u2019utilisation et de prise en main. Clairement, le fait de retrouver toutes les options directement dans l\u2019outil de personnalisation est un gros avantage qui vous simplifiera la vie.<\/li><li><strong>Les utilisateurs plus confirm\u00e9s appr\u00e9cieront la pr\u00e9sence de nombreux hooks et filtres.<\/strong> Vous les trouverez dans <a rel=\"noreferrer noopener\" aria-label=\"la documentation (opens in a new tab)\" href=\"https:\/\/docs.generatepress.com\/collection\/developers\/\" target=\"_blank\">la documentation<\/a> de GeneratePress et le d\u00e9veloppeur du th\u00e8me met aussi \u00e0 disposition pr\u00e8s de <a rel=\"noreferrer noopener\" aria-label=\"250 morceaux de code sur Git (opens in a new tab)\" href=\"https:\/\/gist.github.com\/generatepress?page=1\" target=\"_blank\">250 morceaux de code sur Git<\/a>.<\/li><li><strong>En r\u00e8gle g\u00e9n\u00e9rale, les utilisateurs qui se soucient de la performance et de l\u2019impact que cela peut avoir sur leur SEO seront s\u00e9duits par GP<\/strong>. Si vous \u00eates freelance (*), ou tout du moins un cr\u00e9ateur de sites r\u00e9gulier, vous pourrez vous en servir comme une base propre (un genre de starter theme) sur laquelle b\u00e2tir votre site, avec un constructeur de page, par exemple. Dans ce dernier cas, la version gratuite peut d\u00e9j\u00e0 \u00eatre largement suffisante.<\/li><\/ul>\n\n\n\n<p class=\"has-info-background-color has-background\">(*)<em><strong>Note : \u00e0 ce propos, si d\u00e9velopper votre activit\u00e9 de cr\u00e9ateur de site vous int\u00e9resse, WPMarmite propose la formation <a rel=\"noreferrer noopener\" aria-label=\"Devenez un freelance WordPress accompli  (opens in a new tab)\" href=\"https:\/\/wpmarmite.com\/formation-wordpress\/freelance\/\" target=\"_blank\">Devenez un freelance WordPress accompli<\/a><\/strong><\/em><a rel=\"noreferrer noopener\" aria-label=\"Devenez un freelance WordPress accompli  (opens in a new tab)\" href=\"https:\/\/wpmarmite.com\/formation-wordpress\/freelance\/\" target=\"_blank\"> .<\/a><\/p>\n\n\n<style>.elementor-29952 .elementor-element.elementor-element-6367749e:not(.elementor-motion-effects-element-type-background), .elementor-29952 .elementor-element.elementor-element-6367749e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/dfwa.jpg\");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29952 .elementor-element.elementor-element-6367749e > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(135deg, #67c3d2 0%, #263BB1 100%);opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29952 .elementor-element.elementor-element-6367749e, .elementor-29952 .elementor-element.elementor-element-6367749e > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-29952 .elementor-element.elementor-element-6367749e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-29952 .elementor-element.elementor-element-25f00f6b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-29952 .elementor-element.elementor-element-3d2f05e4 .elementor-heading-title{font-size:1.5em;font-weight:700;line-height:1.1em;text-shadow:0px 0px 6px rgba(0,0,0,0.3);color:#ffffff;}.elementor-29952 .elementor-element.elementor-element-ea205e{font-size:2rem;color:#ffffff;}.elementor-29952 .elementor-element.elementor-element-13ce06a .elementor-button{font-size:0.9em;font-weight:700;text-transform:uppercase;background-color:#ff5b23;}.elementor-29952 .elementor-element.elementor-element-13ce06a .elementor-button:hover, .elementor-29952 .elementor-element.elementor-element-13ce06a .elementor-button:focus{background-color:#e94b14;}.elementor-29952 .elementor-element.elementor-element-13ce06a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-29952 .elementor-element.elementor-element-25f00f6b{width:76.117%;}.elementor-29952 .elementor-element.elementor-element-13377ae2{width:23.965%;}}\/* Start custom CSS for text-editor, class: .elementor-element-ea205e *\/.elementor-29952 .elementor-element.elementor-element-ea205e p{\n    font-size:1.8rem;\n    line-height:1.5em;\n    text-shadow: 0px 0px 6px rgba(0,0,0,0.3);\n}\/* End custom CSS *\/\n\/* Start custom CSS for button, class: .elementor-element-13ce06a *\/.elementor-29952 .elementor-element.elementor-element-13ce06a .elementor-button-link{\n    background-color: #ff5b23 !important;\n    margin:20px 0 0 !important;\n}\n\n.elementor-29952 .elementor-element.elementor-element-13ce06a .elementor-button-link:hover{\n    background-color:#E94B14 !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"29952\" class=\"elementor elementor-29952\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-dce-background-overlay-color=\"#67c3d2\" data-dce-background-image-url=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/dfwa.jpg\" class=\"elementor-section elementor-top-section elementor-element elementor-element-6367749e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6367749e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-25f00f6b\" data-id=\"25f00f6b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-dce-title-color=\"#ffffff\" class=\"elementor-element elementor-element-3d2f05e4 elementor-widget elementor-widget-heading\" data-id=\"3d2f05e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Devenez un freelance WordPress accompli<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-text-color=\"#ffffff\" class=\"elementor-element elementor-element-ea205e elementor-widget elementor-widget-text-editor\" data-id=\"ea205e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Trouvez les bons clients, vendez des sites rentables, et lib\u00e9rez-vous de vos contraintes\u200b<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-background-color=\"#ff5b23\" class=\"elementor-element elementor-element-13ce06a elementor-widget elementor-widget-button\" data-id=\"13ce06a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/wpmarmite.com\/formation-wordpress\/freelance\/\" target=\"_blank\" id=\"CTA_DFWAContentFR\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrir la formation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-13377ae2\" data-id=\"13377ae2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4258ab9d elementor-widget elementor-widget-image\" data-id=\"4258ab9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/picto-dfwa-300x300.png\" class=\"attachment-medium size-medium wp-image-29953\" alt=\"\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/picto-dfwa-300x300.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/picto-dfwa-150x150.png 150w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/picto-dfwa-768x768.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/picto-dfwa.png 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n<h2 class=\"wp-block-heading\" id=\"la-parole-est-\u00e0-vous\">La parole est \u00e0 vous<\/h2>\n\n\n\n<p>Vous arrivez \u00e0 la fin de cet article consacr\u00e9 au th\u00e8me GeneratePress sur WordPress. <\/p>\n\n\n\n<p>En r\u00e9sum\u00e9, vous avez notamment d\u00e9couvert :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Comment installer ce th\u00e8me et sa version premium sur votre WordPress.<\/strong><\/li><li><strong>Les fonctionnalit\u00e9s majeures et ses options de personnalisation.<\/strong><\/li><li><strong>L\u2019impact qu\u2019il peut avoir sur l\u2019exp\u00e9rience utilisateur, le SEO et la performance de votre site.<\/strong><\/li><\/ul>\n\n\n\n<p>Personnellement, j\u2019ai \u00e9t\u00e9 totalement conquis par ce th\u00e8me lors de mon test. Je vais d\u2019ailleurs l\u2019utiliser pour de prochains projets. <\/p>\n\n\n\n<p>Pour vous le procurer, rendez-vous sur le site officiel via le bouton ci-dessous.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/link.wpmarmite.com\/generatepress\" target=\"_blank\" rel=\"noreferrer noopener\">Le site officiel de GeneratePress<\/a><\/div>\n<\/div>\n\n\n\n<p>Et vous, quel est votre avis sur GeneratePress ?<\/p>\n\n\n\n<p>L\u2019utilisez-vous ? Comptez-vous vous y mettre prochainement ? <\/p>\n\n\n\n<p>Dites-moi tout en commentaire !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Suis-je un looser ? Cette question, je me la suis r\u00e9cemment pos\u00e9e. Si tout va bien dans ma vie personnelle, j\u2019ai l\u2019impression de filer un mauvais coton c\u00f4t\u00e9 professionnel. Je m\u2019explique. Ces derniers temps, en faisant des recherches pour les&#8230;<\/p>\n","protected":false},"author":1842,"featured_media":24783,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[104],"tags":[],"class_list":["post-24701","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-themes-wordpress"],"wpm_company_founded_date":null,"wpm_company_url":null,"wpm_company_founders":null,"wpm_company_twitter":null,"wpm_company_linkedin":null,"wpm_pro_ressource_formule":null,"wpm_ressourcewp_lien_aff":null,"wpm_ressourcewp_lien_officiel":null,"wpm_ressource_company":null,"wpm_ressourcewp_short_desc":null,"wpm_ressourcewp_lien_repo":null,"wpm_ressourcewp_lien_ressource":null,"_yoast_wpseo_title":"GeneratePress : on a diss\u00e9qu\u00e9 ce th\u00e8me WordPress ultra-l\u00e9ger (et gratuit)","_yoast_wpseo_meta-robots-noindex":null,"_yoast_wpseo_focuskw":"GeneratePress","_yoast_wpseo_metadesc":"Le th\u00e8me GeneratePress analys\u00e9 en d\u00e9tail par WPMarmite. Prise en main, options, compatibilit\u00e9 avec les constructeurs de pages et plugins, etc.","_yoast_wpseo_opengraph-title":"GeneratePress : ce th\u00e8me WordPress ultra-l\u00e9ger (et gratuit)","_yoast_wpseo_twitter-title":"GeneratePress : ce th\u00e8me WordPress ultra-l\u00e9ger (et gratuit)","_yoast_wpseo_opengraph-description":"Le th\u00e8me GeneratePress analys\u00e9 en d\u00e9tail par WPMarmite. Prise en main, options, compatibilit\u00e9 avec les constructeurs de pages et plugins, etc.","_yoast_wpseo_twitter-description":"Le th\u00e8me GeneratePress analys\u00e9 en d\u00e9tail par WPMarmite. Prise en main, options, compatibilit\u00e9 avec les constructeurs de pages et plugins, etc.","_yoast_wpseo_bctitle":null,"lang":"fr","translations":{"fr":24701,"en":25754},"uagb_featured_image_src":{"full":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress.jpg",1500,830,false],"thumbnail":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-150x150.jpg",150,150,true],"medium":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-300x166.jpg",300,166,true],"medium_large":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-768x425.jpg",768,425,true],"large":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-1024x567.jpg",1024,567,true],"1536x1536":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress.jpg",1500,830,false],"2048x2048":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress.jpg",1500,830,false],"image-recette":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress-1360x753.jpg",1360,753,true],"gform-image-choice-sm":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress.jpg",300,166,false],"gform-image-choice-md":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress.jpg",400,221,false],"gform-image-choice-lg":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress.jpg",600,332,false],"yarpp-thumbnail":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/03\/generatepress.jpg",120,66,false]},"uagb_author_info":{"display_name":"Thibaut | WPMarmite","author_link":"https:\/\/wpmarmite.com\/author\/thibaut-wpmarmite\/"},"uagb_comment_info":56,"uagb_excerpt":"Suis-je un looser ? Cette question, je me la suis r\u00e9cemment pos\u00e9e. Si tout va bien dans ma vie personnelle, j\u2019ai l\u2019impression de filer un mauvais coton c\u00f4t\u00e9 professionnel. Je m\u2019explique. Ces derniers temps, en faisant des recherches pour les...","pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/posts\/24701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/users\/1842"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/comments?post=24701"}],"version-history":[{"count":0,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/posts\/24701\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/media\/24783"}],"wp:attachment":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/media?parent=24701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/categories?post=24701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/tags?post=24701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}