Site icon WPMarmite

GeneratePress : devez-vous vous procurer ce thème en urgence ?

Suis-je un looser ? Cette question, je me la suis récemment posée.

Si tout va bien dans ma vie personnelle, j’ai l’impression de filer un mauvais coton côté professionnel.

Je m’explique. Ces derniers temps, en faisant des recherches pour les contenus que j’écris pour WPMarmite, j’ai fait une sacrée découverte : le thème GeneratePress.

Je ne sais pas si ça vous parle, mais ce que j’ai pu lire à son propos m’a tout bonnement fait halluciner.

La plupart des personnes qui l’ont essayé l’ont immédiatement adopté, conquis par sa simplicité d’utilisation, sa flexibilité et ses performances.

Je serais donc passé à côté d’un truc si incontournable que ça ?

Pour le savoir, j’ai décidé de vous servir un test ultra-détaillé de ce thème qui fait beaucoup parler de lui (en bien).

Je vais notamment m’arrêter sur sa maniabilité, sa personnalisation, son impact sur la performance et le SEO, ou encore son rapport qualité-prix.

Alors, vais-je moi aussi avoir un coup de foudre ? Réponse à 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).

Et puis comme ça, vous pourrez aussi savoir si je suis vraiment un looser 😉

En attendant, découvrez le sommaire :

Les liens associés à GeneratePress dans cet article sont des liens d’affiliation. Cela ne change rien pour vous ! Toutefois, si vous décidez d’acheter la version Premium du thème GP par le biais de ces liens, WPMarmite recevra une commission qui servira à récompenser le travail de nos rédacteurs pour le blog.

GeneratePress, qu’est-ce que c’est ?

Un thème qui monte, qui monte, qui monte

Mais qui va donc oser critiquer GeneratePress (je l’abrégerai souvent en GP tout au long de cet article) ? Oui, qui va enfin lui trouver un défaut ? Une faille ?

Si vous commencez vos recherches sur la page des évaluations du thème, bon courage.

Sur plus de 1 300 avis d’utilisateurs, GeneratePress obtient la note maximale (5 étoiles) ! Personnellement, j’ai très rarement, voire jamais vu ça auparavant.

La poignée de personnes qui ont déposé un avis plus mitigé ont par exemple regretté que le thème “ne soit pas totalement gratuit”, “pas multilingue” ou qu’il “manquait de design”.

Je ne sais pas ce que vous en pensez, mais on a connu pire, comme évaluations négatives, non ?

Puisqu’on cause chiffres, continuons. GP a déjà été téléchargé près de 3 millions de fois, est actif sur plus de 600 000 sites, et revendique près de 90 000 clients satisfaits.

Il s’agit d’un thème freemium : il est disponible gratuitement sur le répertoire officiel WordPress.

Si vous désirez plus d’options, vous pouvez vous procurer la version premium (59 $, soit 49 €). Je reviendrai sur toutes ses spécificités un peu plus tard, ne vous inquiétez pas.

Pour la p’tite histoire, ce thème plébiscité par la critique a été créé en 2014 par un développeur/designer canadien d’une vingtaine d’années nommé Tom Usborne.

Le succès est tel qu’il a dû mettre son activité de freelance de côté pour se consacrer à 100% à son thème.

Un thème construit avec la performance en tête

Comme il l’a expliqué dans cette interview, Usborne a créé GeneratePress pour pouvoir l’utiliser comme “une base légère pour ses propres clients”.

“a lightweight WordPress theme that focuses on speed” (“un thème WordPress léger centré sur la vitesse”), clame d’ailleurs la page d’accueil de son produit.

Là-dessus, pas de doute : GP met l’accent sur la performance. Il est d’ailleurs réputé (à raison) pour cela.

Ultra-léger, le thème est considéré comme l’un des plus rapides du marché. Vous le verrez dans la Partie V, nos résultats de vitesse parlent d’eux-même.

Il faut dire qu’avec lui, une installation par défaut de WordPress ne pèse pas plus de 30kb.

Par ailleurs, Tom Usborne met un point d’honneur à utiliser un code propre et respectueux des standards de WordPress.

Maintenant que vous en savez un peu plus sur ce thème, je vous propose d’entrer dans les détails en abordant un premier point fondamental : la maniabilité.

Quelle maniabilité ?

Processus d’installation du thème

Commençons par détailler le processus d’installation du thème. Pour l’utiliser, c’est quand même mieux 😉

L’option la plus simple consiste à passer par votre Tableau de bord WordPress.

Dirigez-vous sur Apparence > Thèmes. Puis en haut de la page, cliquez sur Ajouter.

Dans la barre de recherche, entrez GeneratePress, puis installez et activez le thème.

Et voilà, GeneratePress est désormais installé sur votre site, félicitations.

Sans plus attendre, voyons voir ce que nous réservent ses paramètres.

Les super pouvoirs de l’outil de personnalisation

L’une des grandes forces du thème réside dans sa facilité de prise en main et d’utilisation.

Avec lui, vous ne serez pas perdu et l’intuitivité prend le dessus. Tous les réglages sont regroupés dans l’outil de personnalisation de WordPress, accessible via le menu Apparence > Personnaliser.

Ca change des thèmes usine à gaz bourrés d’options qui nous noient sous les informations.

Plus concrètement, voici ce que vous allez notamment avoir à disposition avec GeneratePress :

Je vais m’arrêter un peu plus en détails sur l’options Mise en page qui permet de modifier :

Bilan des courses : tout est très simple à manipuler. Si vous débutez, vous allez adorer.

Par contre, si vous ne maîtrisez pas un minimum le code (CSS et PHP notamment), il faut reconnaître que les options de personnalisation restent assez limitées.

Rappelez-vous : le parti pris du thème, c’est de mettre en avant la performance.

Mais pas de panique, j’ai la solution. Enfin c’est surtout Tom qui l’a, pour être précis.

Si vous avez installé le thème chez vous en lisant cet article, vous avez peut-être remarqué la présence d’un menu GeneratePress dans Apparence.

Là-dedans, vous retrouverez 14 modules Premium qui vont vous permettre d’aller beaucoup plus loin dans la personnalisation du thème.

Ces modules seront automatiquement ajoutés à l’outil de personnalisation de WordPress, une fois que vous en aurez fait l’acquisition.

Vous devez d’ailleurs vous demander à quoi ils ressemblent ? Restez par là, je vous détaille tout ça dans la partie suivante.

Hébergez votre site chez o2switch

Faites comme WPMarmite, choisissez o2switch. Non seulement les performances sont au rendez-vous mais le support est exceptionnel.

La personnalisation du thème : découvrez les 14 modules premium

Techniquement parlant, GeneratePress Premium est un plugin qui va venir se greffer à son thème.

Vous pouvez vous le procurer sur la page d’accueil du thème en cliquant sur l’onglet ou le bouton Premium, puis sur le bouton Get it now (prix : 59 $, soit 49 €).

Une fois le paiement effectué, vous retrouverez un lien en bas de la page de confirmation pour télécharger l’extension GP Premium.

Sinon, rendez-vous dans Account > Downloads et choisissez GP Premium.

Téléchargez-le et installez le plugin sur votre site. Maintenant, je vous propose de vous plonger spécifiquement dans les modules.

Vous les retrouverez dans Apparence > GeneratePress.

Au total, il y en a 14 que l’on va détailler juste après.

Vous pouvez constater que vous devez les Activer si vous souhaitez les utiliser (ils ne sont pas activés par défaut).

On parle alors de structure modulaire et cela permet de ne pas charger des fichiers et des fonctions qui ne seront pas utilisées.

Comme l’explique Tom Usborne, “vous n’allez pas remarquer une différence énorme au niveau du temps de chargement, mais cela aide à conserver de la simplicité”.

On valide, M. le développeur.

A ce niveau, j’attire votre attention sur deux points :

Allez, il est le temps d’aborder chaque option dans le détail.

Arrière-plans

On commence avec les backgrounds (arrière-plans).

Pour activer le module, cliquez sur le bouton Activer.

Maintenant, retournez sur l’outil de personnalisation. Et là, magie : vous constaterez que le module Images de fond vient de faire son apparition.

Grâce à lui, vous allez pouvoir ajouter des images en arrière-plan sur tous les composants de votre site de façon individuelle : en-tête, navigation (primaire et menu déroulant), contenu, barre latérale, pied de page etc.

En fonction de la zone sélectionnée, vous pouvez personnaliser assez finement en choisissant d’afficher la photo sur toute la largeur, uniquement en couverture etc.

Regardez le résultat sur mon menu de navigation, par exemple :

Sans transition, on passe au module suivant : Blog.

Blog

Vous commencez à être habitué : pour trouver ce module, il faut retourner dans l’outil de personnalisation de WordPress, dans Mise en page > Blog.

Par rapport à la version gratuite du thème, vous remarquerez que les options sont bien plus abondantes.

Comme pour le reste, le principe est vraiment très simple : vous cochez/décochez les options que vous souhaitez.

Par exemple, vous pouvez afficher la date, le nom de l’auteur, le nombre de commentaires, la taille de l’extrait, le texte à mettre en avant pour lire la suite, les images à la Une etc.

Il est aussi possible d’afficher vos articles sous forme de colonnes (jusqu’à 5) pour créer un effet masonry.

Par ailleurs, j’ai bien aimé :

Couleurs

Vous venez de voir le contenu. Passons aux couleurs. Avec le plugin GP Premium, vous avez accès à plus de 60 options de couleurs.

A ce niveau-là, la personnalisation est vraiment poussée. Par exemple, vous pouvez :

Combien de fois vous êtes-vous pris la tête pour modifier les crédits de votre site (copyright) ? Si vous souhaitez faire ça à 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.

Avec ce module, tout devient simple. Allez dans Mise en page > Pied de page. Vous verrez apparaître une section Copyright dans laquelle il vous suffira d’entrer le texte de votre choix.

Désactivation d’éléments

Disable Elements est un module que j’adore. Il vous permet de désactiver des éléments sur les contenus de votre choix.

Prenons une page, par exemple. Au bas de votre contenu, vous pouvez supprimer momentanément l’affichage de l’en-tête, du pied de page, de la navigation etc.

Cela peut être très utile pour créer vos propres landing pages, par exemple.

Elements

Elements est un module plus avancé qui permet de personnaliser 3 types d’éléments :

Vous retrouverez ce module dans Apparence > Elements.

Avec lui, vous allez vraiment pouvoir aller très loin dans la personnalisation du thème.

Par exemple, vous pouvez créer un en-tête personnalisé que vous n’afficherez que sur votre page Blog grâce à des règles précises.

Ou alors, vous pouvez très bien concevoir une mise en page type que vous appliquerez uniquement à tous vos articles.

Enfin, même si cela reste technique, vous pourrez profiter de la puissance des hooks sur GeneratePress, si vous vous y intéressez de près. Je vous conseille de le faire.

L’élément Hook permet d’ajouter des morceaux de code à une quarantaine d’endroits différents.

Un exemple d’utilisation des hooks ? Vous pouvez par exemple vous servir de celui nommé wp_head pour ajouter votre code de tracking Google Analytics.

Pour en savoir plus, n’hésitez pas à consulter la documentation du thème, très bien conçue.

Seul petit bémol : elle est en anglais. Mais I’m very sûr que vous comprenez a bit la langue de Shakespeare ;-).

Ce module permet notamment de mettre en place :

Il est bien sûr possible de personnaliser les couleurs et la typographie du menu en activant les modules Colors et Typography.

Navigation secondaire

Secondary Nav (navigation secondaire) permet d’ajouter un second menu si vous avez des informations supplémentaires à afficher.

Cela peut par exemple être utile pour ajouter des éléments au-dessus de votre en-tête (ex : email, numéro de téléphone, liens vers vos réseaux sociaux, bouton d’appel à l’action etc.).

Pour cela, vous devez d’abord créer un second menu dans Apparence > Menus, par exemple.

Ensuite, dans Mise en page > Secondary Navigation, vous pourrez personnaliser le positionnement de ce nouveau menu en l’affichant par exemple au-dessus de l’en-tête, sous votre menu principal, flottant à gauche ou à droite etc.).

Sections

Sections est un module qui fonctionne comme un mini constructeur de page, dans le sens où il vous permet de créer des blocs contenant vos propres contenus, que vous pouvez ensuite déplacer en glisser-déposer (tout cela se paramètre en activant la case Utilisez Sections dans votre page).

Par contre, ne vous attendez pas à des options aussi poussées que sur Elementor, Divi ou Beaver Builder.

Cela reste très basique et vous permet juste de gagner du temps dans la conception de vos pages.

Par contre, si vous utilisez Gutenberg sur votre site, vous n’aurez pas forcément beaucoup d’intérêt à utiliser le module Sections, qui reste moins complet à moins sens.

Espacement

Le module Spacing (Espacement) ajoute des options supplémentaires dans le menu Mise en Page de l’outil de personnalisation de pour gérer le padding (marge intérieure) de votre contenu, de l’en-tête et des widgets, ou encore la largeur et la hauteur entre les éléments du menu.

Typographie

Désormais, abordons le cas de la police d’écriture via le menu Typographie.

Pour chaque élément de votre site (Corps du texte, en-tête, barre de navigation, boutons, titres, widgets, pied de page), le module permet de choisir la police de votre choix et de modifier :

WooCommerce

Oui, WooCommerce peut fonctionner avec GeneratePress !

Plus concrètement, il existe un module premium dédié, qui nécessite que vous ayez déjà activé WooCommerce sur votre site, au préalable.

Vous retrouverez ensuite tous les réglages disponibles dans Layout > WooCommerce.

Parmi les options notables, on peut citer :

Si la création et la personnalisation d’une boutique WooCommerce vous intéresse, je vous conseille de visionner cette vidéo de la chaîne YouTube de WPMarmite :

Bibliothèque

La bibliothèque (Site Library) est une collection de 33 design de sites prêts à l’emploi que vous pouvez installer en une paire de clics.

Si un style vous plaît, vous pouvez donc vous retrouver avec un site prêt à l’emploi sans rien faire.

Plutôt pas mal, même si cela manquera forcément un peu de personnalisation. À vous de voir ce qui vous convient.

Le module importe les contenus et installe même les extensions nécessaires au bon fonctionnement du template !

Attention, par contre, certains nécessitent que Beaver Builder Pro Version ou Elementor Pro soient activés sur votre site pour pouvoir fonctionner.

Le développeur précise aussi qu’il est préférable de supprimer tous vos contenus, plugins et menus avant d’importer une démo.

Par contre, si une démo ne vous convient plus et que vous souhaitez revenir à la version classique du thème, vous devrez tout effectuer à la main.

Il faudra donc supprimer vos articles, pages, plugins, menus, widgets etc. Le thème ne le permet pas et franchement, pour revenir à vos réglages d’origine, bon courage.

J’avais par exemple installé la démo Tasty pour voir comment fonctionne l’import.

De ce côté-là, pas de souci : tout se fait en une dizaine de secondes et vous vous retrouvez bien avec un site conforme au détail près à celui présenté sur la prévisualisation.

Par contre, au moment de faire le ménage, il faut penser à tout supprimer et modifier, y compris les couleurs et la police.

Sinon, voilà ce que ça donne :

Vous en conviendrez, cela n’a pas encore tout à fait l’aspect du design du thème de départ…

Import/Export

On termine le tour de ces modules avec Import/Export.

Cette fonctionnalité, que vous trouverez sur la droite dans Apparence > GeneratePress, permet d’importer ou d’exporter les réglages de l’outil de personnalisation pour les ajouter sur un autre site, par exemple.

Apprenez le CSS une bonne fois pour toutes

Créez des sites au rendu impeccable sans y passer des heures avec CSS Express.

GeneratePress et les page builders

GeneratePress adore les constructeurs de page et le clame d’ailleurs haut et fort : messieurs dames, il est “page builder friendly”.

S’il a ses deux petits chouchous – Elementor et Beaver Builder, qu’il promeut d’ailleurs dans son module Site Library -, il promet de s’intégrer parfaitement avec n’importe quel autre constructeur de pages.

Le template Studio de la Site Library, a été conçu avec Beaver Builder

Je n’ai pas pu tester le thème avec tous les constructeurs de page du marché, vous vous en doutez un peu.

Par contre, je me suis amusé à le triturer avec Beaver Builder. Et je peux vous garantir que les deux font la paire.

Mais alors, pourquoi GeneratePress est si pratique, couplé à un page builder ? Eh bien parce qu’avec lui, vous avez un contrôle total de la structure de chaque page :

Et surtout, vous pouvez facilement choisir d’afficher votre site en pleine largeur, ou pas.

Par le passé, j’ai par exemple utilisé le framework Genesis, et j’ai été un peu embêté à ce niveau avec certains de ses thèmes enfants lorsque j’utilisais un constructeur de page.

Pour être sûr que mon contenu s’affiche en pleine largeur, il me fallait utiliser un plugin appelé Genesis Dambuster.

GeneratePress et les plugins

Après les constructeurs de page, passons aux plugins. L’une des “craintes” du webmaster, c’est la comptabilité du thème qu’il utilise avec les plugins dont il va se servir.

Parce qu’en cas de souci, votre site risque de planter. Et ça, ça ne fait rire personne.

D’ailleurs, si vous vous retrouvez un jour dans la panade à ce sujet, n’hésitez pas à consulter notre guide pour résoudre les principales erreurs WordPress.

Avec le thème de Tom Usborne, vous pouvez vivre plus sereinement. Evidemment, nul n’est à l’abri d’un bug.

Mais comme l’indique Usborne, “grâce à notre obsession d’être en conformité avec les standards de code de WordPress, vous pouvez vous reposer tranquillement en sachant que vos plugins favoris vont s’intégrer aisément avec notre thème.”

GeneratePress et Gutenberg

Gutenberg. Avec tout le battage qui a été fait autour du nouvel éditeur de contenu de WordPress, je suis quasi-sûr que vous en avez entendu parler.

Pour rappel, Gutenberg a été officiellement intégré avec la version 5.0 de WordPress, sortie en novembre 2018.

Pour les réticents, sachez que vous pouvez toujours utiliser l’ancien éditeur en utilisant l’extension Classic Editor.

Après, il faudra bien vous y mettre un jour 😉 Si vous optez pour GeneratePress, vous n’aurez aucun souci à vous faire car il s’intègre très bien à Gutenberg.

Et ça, c’est vraiment un avantage. De trop nombreux thèmes présents sur de célèbres plateformes de vente comme Themeforest se disent compatibles avec Gutenberg.

Mais lorsque l’on creuse un peu, on se rend compte qu’ils sont encore loin du compte.

Parmi les fonctionnalités intéressantes de GP avec Gutenberg, je pourrais vous citer :

Quelle expérience utilisateur pour un site utilisant GeneratePress ?

Influence sur la performance du site

Pour positionner une page dans son moteur de recherche, Google se base sur plus de 200 critères.

Parmi eux, il y a la vitesse de votre page. Il est donc crucial qu’elle se charge rapidement (Google recommande un temps de chargement en-dessous de 3 secondes sur mobile).

Par la même, vous ferez un joli cadeau à vos visiteurs, qui détestent attendre. Pour vous en convaincre, prenez ces deux stats (source), par exemple :

Vous avez le contexte. Reste à savoir si GeneratePress va faire la maille sur le sujet de la performance.

Il faut dire qu’il n’a pas vraiment le droit à l’erreur et qu’on l’attend au tournant. Son argument de vente principal, c’est la performance.

Comme l’indique Tom Usborne, rendre GeneratePress plus rapide et performant est une de mes priorités absolues”.

Pour en avoir le coeur net, je lui ai fait passer une batterie de tests.

Voici comment j’ai procédé :

Test sur WebPageTest avec GeneratePress activé : temps de chargement de 0,942s (fully loaded)

Test sur WebPageTest avec Sydney activé : temps de chargement de 2,237s (fully loaded)

Test sur Pingdom Tools avec GeneratePress activé : temps de chargement de 504ms

Test sur Pingdom Tools avec Sydney activé : temps de chargement de 2,03s

Comme vous pouvez le constater, le temps de chargement de GP est très rapide (moins d’une seconde entre les deux services).

Le thème est aussi beaucoup plus performant que son concurrent Sydney (de 2 à 4 fois plus performant).

Par ailleurs, GP fait moins de requêtes et le poids de la page reste très léger avec lui (24,5KB contre … 473,5 KB pour Sydney). Je précise que le contenu était exactement le même pour les deux thèmes.

Donc à ce niveau, il n’y a pas eu tromperie sur la marchandise. GeneratePress est bien un thème léger.

Pour aller plus loin sur ce sujet, le développeur du thème recommande d’installer l’extension Autoptimize.

Mais si vous utilisez déjà un plugin de cache complet comme WP Rocket, vous n’en aurez pas vraiment l’utilité.

NB : Les résultats ci-dessus permettent d’avoir un premier aperçu, mais ne peuvent être considérés comme un jugement arrêté et définitif. Vous pourriez avoir des données différentes chez vous, en fonction de votre hébergement, ou encore des plugins que vous utilisez.

Optimisation du SEO

Par exemple, il utilise un code HTML valide, ce qui ne compliquera pas la vie des moteurs de recherche qui viendront parcourir votre site.

Tom Usborne met aussi un point d’honneur à minifier les scripts et les styles, afin de rendre le thème le plus léger possible.

Merci Tom !

Ensuite, sachez que GeneratePress utilise notamment des données structurées Schema.org. Il s’agit d’une méthode de balisage HTML qui aide Google à comprendre de quel type est votre contenu.

Enfin, aucun souci à signaler au niveau des balises titre (h1, h2, h3, h4 etc.). Il y a bien un titre h1 par page (il n’en faut pas plus d’un, attention) et des titres h2 et h3.

Responsive

Posséder un site responsive (qui s’adapte aussi bien sur ordinateur, tablette et smartphone) est primordial de nos jours.

Pour l’expérience utilisateur, bien sûr, mais aussi pour votre référencement. Depuis mars 2018, Google a mis en place ce que l’on appelle l’indexation mobile-first.

Cela signifie que Google utilise principalement la version mobile de votre site pour indexer et positionner vos pages dans les résultats de son moteur de recherche.

Quand on y pense, rien de plus logique : les Français utilisent désormais plus leur smartphone que leur ordinateur pour naviguer sur la Toile.

Qu’en est-il si vous comptez utiliser GeneratePress ? Pour le savoir, on a utilisé un outil bien pratique : le test d’optimisation mobile de Google.

Voilà le résultat :

Résultat ? Aucun problème à signaler. La page est adaptée aux mobiles.

Quel rapport qualité-prix ?

GP est d’abord accessible gratuitement via le répertoire officiel WordPress.

Pour profiter de toutes ses fonctionnalités, vous devrez opter pour la version payante et vous procurer le plugin GP Premium, que je vous ai présenté plus tôt dans cet article.

Il vous en coûtera 59 $ (49 €) et vous profiterez des options suivantes :

GeneratePress dispose également d’une Licence à vie très intéressante si vous souhaitez faire du thème votre outil de création favori (249$ en paiement unique, soit environ 205€).

Personnellement, je trouve le rapport qualité-prix excellent. Regardez par exemple ce que ça donne par rapport à quelques solutions concurrentes présentes sur le marché :

Conclusion

Si vous êtes arrivé là, vous devez avoir une petite idée de ce que je pense de GP mais je vous propose de récapituler.

Les points forts de GeneratePress

Les axes d’amélioration

À qui se destine le thème ?

Le thème conviendra à tout type de public :

(*)Note : à ce propos, si développer votre activité de créateur de site vous intéresse, WPMarmite propose la formation Devenez un freelance WordPress accompli .

Devenez un freelance WordPress accompli

Trouvez les bons clients, vendez des sites rentables, et libérez-vous de vos contraintes​

La parole est à vous

Vous arrivez à la fin de cet article consacré au thème GeneratePress sur WordPress.

En résumé, vous avez notamment découvert :

Personnellement, j’ai été totalement conquis par ce thème lors de mon test. Je vais d’ailleurs l’utiliser pour de prochains projets.

Pour vous le procurer, rendez-vous sur le site officiel via le bouton ci-dessous.

Et vous, quel est votre avis sur GeneratePress ?

L’utilisez-vous ? Comptez-vous vous y mettre prochainement ?

Dites-moi tout en commentaire !

Quitter la version mobile