Un thème gratuit avec les fonctionnalités d'un thème premium - Kadence Theme serait-il le nouveau thème ultime pour WordPress ? Je vous dis tout…

Cet article prend 8 minutes à lire et comporte 1926 mots.

Depuis bien­tôt trois ans, j’uti­lise le thème Astra pour tous mes sites. En version Pro, bien sûr, pour des options telles que les menus fixe et trans­pa­rent, les modèles de page, les options de person­na­li­sa­tion du code, l’in­té­gra­tion de WooCommerce… Tout récem­ment, j’ai décou­vert le thème Kadence via une discus­sion dans un groupe face­book. Un thème géné­ra­liste qui partage avec Astra une bonne inté­gra­tion des exten­sions de e‑learning, de WooCommerce et de bbPress.

J’ai commencé par faire un tour sur la page des star­ters templates pour avoir une idée de ce que l’on peut obte­nir avec le thème, et honnê­te­ment, j’ai été séduit.

Je l’ai installé et activé sur un site de test, histoire de voir ce qu’il avait à offrir.

Performance brute de Kadence

Sitôt installé, j’ai voulu mesu­rer ses perfor­mances comme je l’avais précé­dem­ment fait pour Suki, Astra, Ocean WP et Zita. Les résul­tats sont plutôt encourageants :

Performances Kadence - Pingdom Tools
Performances Kadence – Pingdom Tools

12 requêtes, 190Ko, un temps de char­ge­ment de 673ms sur Pingdom Tools, … très hono­rable, dans la moyenne des thèmes précé­dem­ment cités.

GTmetrix nous peint un tableau élogieux lui aussi :

Performances Kadence - GTmetrix
Performances Kadence – GTmetrix

11 requêtes, 182Ko, temps de télé­char­ge­ment de 1.1s (0.8s pour la partie visible). Intéressant, sans pour autant égaler les perfor­mances des meilleurs, du moins dans leur version gratuite. Nous verrons plus loin dans l’ar­ticle que ces résul­tats sont plus qu’ho­no­rables au vu des fonc­tion­na­li­tés incluses dans la version de base, dispo­nible dans le dépôt WordPress.

Les fonctionnalités de Kadence

Je vous le rappelle, la version que j’ai testée est la version gratuite, celle du dépôt WordPress. Il y a une version payante, via un add-on, nous l’évo­que­rons ultérieurement.

Par où commen­cer ? Habituellement, quand on parle de fonc­tion­na­li­tés pour un thème gratuit, on a les options par défaut de l’ou­til de person­na­li­sa­tion de WordPress, une palette de couleurs et éven­tuel­le­ment un choix restreint de modèles et de polices de carac­tères. Dans de rare cas, on a un thème gratuit avec des fonc­tion­na­li­tés de thème pro, comme avec OceanWP par exemple.

Mais là, avec les fonc­tion­na­li­tés propo­sées par Kadence, OceanWP passe pour le parent pauvre des thèmes gratuits. Il y a un océan, pour ne pas dire un abîme, entre Kadence et les autres thèmes du dépôt WordPress.

Il faut se lancer. Alors en premier lieu, penchons-nous sur…

Les en-têtes

Kadence inclus les en-têtes fixe et trans­pa­rent dans sa version de base. Pour toutes les pages, ou pour les pages sauf les archives, la page d’er­reur 404 et la page de recherche, ou unique­ment pour les articles, ou unique­ment pour les pages… C’est l’une des fonc­tion­na­li­tés les plus mises en avant pour faire passer les utili­sa­teurs à la caisse, mais aujourd’­hui, c’est Noël avant l’heure, on l’a de série…

On retrouve (comme souvent) 3 zones dans l’en-tête personnalisables :

  • la zone prin­ci­pale, qui contient tradi­tion­nel­le­ment le logo et le menu
  • une zone au-dessus, qui sert à affi­cher des infor­ma­tions essen­tielles, telles que le numéro de télé­phone, les liens sociaux
  • une zone en-dessous, qui peut servir par exemple à affi­cher le slogan ou une infor­ma­tion ponctuelle

Chacune de ces zones comprends trois colonnes prédéfinies.

Les pieds de page (footer)

Si vous avez trouvé l’en-tête person­na­li­sable, vous allez rester bouche bée devant le degré de person­na­li­sa­tion des pieds de page.

Oui, j’ai bien dit les pieds de page. Parce qu’on en a trois, en fait trois rangées empi­lées les une sur les autres. Et pour chacune, vous pouvez défi­nir de une à cinq colonnes, sans parler des agen­ce­ments possibles selon le nombre de colonnes : un tiers / deux tiers, deux fois un quart / moitié (50/25/25 – 25/50/25 – 25/25/50) pour trois colonnes, etc.

Les zones sont remplis­sables par glis­ser / dépo­ser d’élé­ments prédé­fi­nis : modules (widgets), menus, liens sociaux, copyright…

Autrement dit, avant de confi­gu­rer le(s) pied(s) de page, commen­cez par vous servir un bon café. Dans un mug de préfé­rence. Et prévoyez une sieste après 😉

Par contre, même s’il y a une option Pied de page fixe, elle ne semble pas fonc­tion­nelle. Certainement un bug dû à la jeunesse du thème, à voir lors des prochaines mises à jour…

La barre latérale (sidebar)

Gestion de la largeur (avec choix de l’unité : px, rem, em ou %), barre laté­rale fixe (sticky) ou défi­lante, gestion avan­cée de la typo­gra­phie des titres et du contenu, des couleurs de texte, de liens, d’ar­rière plan… kadence inclus à nouveau dans son thème gratuit une fonc­tion­na­lité habi­tuel­le­ment réser­vée aux thèmes premium. Un vrai cauchemar 😉

Le retour en haut de page

Pas besoin d’ex­ten­sion pour gérer un scroll to top bien évidem­ment person­na­li­sable. Icone, taille, couleurs, respon­si­vité, bordure… tout est person­na­li­sable ou presque sur ce bouton. On pourra même lui attri­buer une ID CSS via un onglet…

Performance

Donc une ID pour le scroll to top, préchar­ger les CSS, mais aussi la possi­bi­lité de char­ger les polices Google en local et d’ac­ti­ver ou non une light­box (basique) sur le site. Que deman­der de plus ?

Les modèles de mise en page ou layouts

Pour les pages, pour les articles, pour les archives… vous pour­rez défi­nir l’af­fi­chage des titres, du conte­neur prin­ci­pal, du contenu lui-même. Pleine largeur ou pas, enca­dré ou non, tous les mix sont possible : on peut avoir une en-tête pleine largeur, avec un contenu enca­dré, le titre à droite, au centre ou à droite, sur une page où le menu est trans­pa­rent et la colonne laté­rale fixe.

Les balises de méta­don­nées des articles (date de publi­ca­tion, auteur, mots clés, caté­go­rie), les commen­taires, le fil d’Ariane… peuvent être affi­chés ou pas. Idem pour l’image à la une, dont on peut égale­ment choi­sir la posi­tion par rapport au titre et le ratio (1:1 – 4:3 – 3:2 – 16:9 – 2:1).

Les extensions du dépôt WordPress pour étendre le thème Kadence

Kadence WP a enri­chi le dépôt WordPress de quelques exten­sions dédiées au thème Kadence ou qui sont utili­sable avec. Elles ne sont pas nombreuses, mais elles apportent un plus indéniable.

La première permet de démar­rer très rapi­de­ment un nouveau projet…

Starter Templates by Kadence WP

Cette exten­sion permet d’ins­tal­ler en un clic des templates complets. Certains sont utili­sables avec Gutenberg, l’édi­teur par défaut de WordPress, d’autres avec Elementor.

Les options de person­na­li­sa­tions sont acces­sibles avant même d’avoir importé le template :

Starter templates pour Kadence
Starter templates pour Kadence

Les couleurs (1), des sets typo­gra­phiques (2) sont prévus pour person­na­li­ser le template. Et vous pour­rez impor­ter (3) un site complet, ou une seule page :

Pages d'un Starter template pour Kadence
Pages d’un Starter Template pour Kadence

Kadence blocks

Cette exten­sion fonc­tionne avec tous les thèmes WordPress (ce sont des blocs Gutenberg) et cela va de soi, avec le thème Kadence, et doit d’ailleurs être instal­lée pour que certains Starter Themes fonctionnent.

Que ce soit pour créer des colonnes ajus­tables en mode WYSIWYG, pour créer un formu­laire (sans passer par une autre exten­sion), pour des listes avec icones, des boutons person­na­li­sés (avec ou sans icones), pour des onglets, pour affi­cher une section témoi­gnages ou une info box, vous y trou­ve­rez tout ce dont vous avez besoin.

C’est d’ailleurs une de mes exten­sions préfé­rées, ne serait-ce que pour sa gestion des colonnes.

Kadence WooCommerce Elementor

La version gratuite de Kadence ne permet pas une person­na­li­sa­tion avan­cée de WooCommerce, mais nous avons une exten­sion inté­res­sante déve­lop­pée par Kadence WP. Même si elle n’est pas dédiée au thème Kadence, elle peut être utili­sée avec pour person­na­li­ser les pages produits, en conjonc­tion avec Elementor. Il en existe une version payante, qui permet de modi­fier aussi la page boutique, les pages d’ar­chives produits et la page dédiée au paiement.

Visual Hook Guide for Kadence

Pour ceux qui sont prêts à mettre les mains dans le cambouis, il y a tout un ensemble d’ac­tions (hooks) possible sur l’en­semble de la page. Vous les visua­li­se­rez en instal­lant et acti­vant l’ex­ten­sion Visual Hook Guide for Kadence.

Voici ce que vous obtiendrez :

Les hooks du thème Kadence
Les hooks du thème Kadence

Ces actions permettent de modi­fier le compor­te­ment du thème et donc de l’adap­ter à son propre besoin par des hooks direc­te­ment acces­sibles. Une bonne quaran­taine d’emplacements person­na­li­sables – autant dire que tout est person­na­li­sable, en fonc­tion bien sûr de votre niveau en PHP / javas­cript / CSS – et c’est juste ce qu’il faut pour que votre site soit vrai­ment unique 😉

La version payante du thème

Il y a effec­ti­ve­ment une version payante… mais au vu des fonc­tion­na­li­tés de la version gratuite, y a‑t-il un inté­rêt à opter pour la version payante ?

Voyons déjà ce que propose cette version, avant de nous prononcer.

Les en-têtes

La version gratuite ne démé­rite pas avec des fonc­tion­na­li­tés dignes de thèmes payants, mais là, vous accé­dez au nirvana :

  • un module off-canva (aussi appelé slide out panel)
  • des boutons, des sépa­ra­teurs, des éléments complémentaires
  • une zone de recherche, et une zone dédiée aux modules (widgets)…

Les menus

Vous rêviez d’un méga menu ? Pas de problème, vous pouvez le mettre en place. Avec des icones, des mises en évidence d’élé­ments de menu, un fond personnalisable…

Des éléments fixes

À la manière de la barre laté­rale ou du menu prin­ci­pal, vous pour­rez rajou­ter une zone de bannière et un pied de page collants (sticky).

WooCommerce

Vous pour­rez construire la page prin­ci­pale de la boutique, ajou­ter une barre laté­rale de type off-canva / slide out panel qui s’ouvre lors de l’ajout d’un produit, rendre l’ajout au panier plus convi­vial via ajax, autant de petits plus qui donne un côté plus « profes­sion­nel » à votre boutique.

L’accès aux hooks

Les hooks sont direc­te­ment acces­sibles dans cette version. Vous pour­rez les créer et les gérer très fine­ment via un construc­teur spéci­fique. Plus simple que de coder tout manuellement.

Les extensions Pro

Attention, ces exten­sions ne sont pas dispo­nibles dans tous les packs payants : il y a Kadence Pro – qui vous donne accès au thème en version pro, et Kadence Full Membership qui vous donne accès à l’en­semble des thèmes et des exten­sions de la boutique.

Dont Kadence WooCommerce Elementor et Gutenberg Blocks by Kadence Blocks en version Pro, Kadence Woo Extras ou Kadence Widget Dock qui ne peut être acquis sépa­ré­ment, contrai­re­ment à d’autres extensions.

Alors, version payante ou gratuite ? Je vais vous faire une réponse de normand : ça dépend. Je vous explique, je ne veux pas non plus me faire huer pour mon honnêteté 😉

La version gratuite convien­dra à la grande majo­rité des projets. Mais si la créa­tion de sites est votre quoti­dien, si vous avez des besoins spéci­fiques, ou si vous voulez exploi­ter plei­ne­ment le poten­tiel de ce thème et des exten­sions pro incluses dans certains packages, alors n’hé­si­tez pas, la version payante est la version qu’il vous faut. Si seul un module vous inté­resse, et que vous pensez vous conten­ter de la version gratuite du thème, vous pouvez égale­ment envi­sa­ger de l’ac­qué­rir sépa­ré­ment – tant qu’il ne s’agit pas d’une des exten­sions bonus de Kadence Full Membership.

Le mot de la fin

Un premier mot sur les perfor­mances. 11 ou 12 requêtes (selon l’ou­til de test), envi­ron 190Ko et de 750ms à 1.1s – des perfor­mances moyennes pour un thème en version de base.

Oui mais (vous le savez, il y a toujours un mais)… au vu des fonc­tion­na­li­tés du thème, les perfor­mances sont bonnes, vous n’au­rez pas à instal­ler trois voire quatre exten­sions supplé­men­taires pour gérer des points de détails telles que le retour en haut de page, la barre laté­rale fixe ou un menu fixe.

Vais-je délais­ser mon thème fétiche (Astra) pour Kadence ? Pour certains projets, peut-être. Mais globa­le­ment, on a affaire à deux thèmes diffé­rents, de bonne qualité, que chacun évaluera et choi­sira en fonc­tion de ses propres besoins. Ce n’est pas le thème ultime. C’est juste (et c’est déjà bien) l’un des meilleurs thèmes gratuits propo­sés dans le dépôt WordPress.

Voila, tout est dit. Enfin pas tout, mais l’es­sen­tiel. Si vous avez tenté le thème Kadence, vous pouvez parta­ger votre expé­rience person­nelle via les commen­taires. Et si vous avez trouvé le (votre) thème ultime pour WordPress, dites-le moi vite que je le teste !

Si vous avez trouvé une faute d’orthographe, veuillez nous en infor­mer en sélec­tion­nant le texte en ques­tion et en appuyant sur Ctrl + Entrée .

S’abonner
Notifier de
guest
1 Commentaire
Inline Feedbacks
View all comments
Birligou
Birligou
10 juin 2021 16 h 37 min

Bonjour,
Merci beau­coup pour cet article expli­cite et super intéressant.
je découvre ce thème que je trouve très inspirant.
Suite à cet article, j’ai décidé de bascu­ler en Kadence pour la refonte d’un ancien site réalisé avec le thème « Enfold « .
(Voir le site en pleine construc­tion : espm.accroche-choeur.fr )
Petite ques­tion : comment faire une copie ou un modèle d’un article avec Kadence blocks ou Gutenberg pour éviter de construire un nouvel article .?
Merci.

Abonnez-vous à la
newsletter

Pour être informé à chaque fois qu'un nouvel article est publié.

Merci !

Quelque chose s'est mal passé…

Retour haut de page

Rapport de faute d’orthographe

Le texte suivant sera envoyé à nos rédacteurs :

Les cookies que nous utilisons sont indispensables au bon fonctionnement de ce site. Il n'y a aucun pistage publicitaire et les données statistiques recueillies sont anonymisées.
J'ai compris
Privacy Policy