Kadence — est-ce vraiment le thème ultime ?

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’u­tilise le thème Astra pour tous mes sites. En ver­sion Pro, bien sûr, pour des options telles que les menus fixe et trans­par­ent, les mod­èles de page, les options de per­son­nal­i­sa­tion du code, l’in­té­gra­tion de WooCom­merce… Tout récem­ment, j’ai décou­vert le thème Kadence via une dis­cus­sion dans un groupe face­book. Un thème général­iste qui partage avec Astra une bonne inté­gra­tion des exten­sions de e‑learning, de WooCom­merce et de bbPress.

J’ai com­mencé par faire un tour sur la page des starters tem­plates pour avoir une idée de ce que l’on peut obtenir avec le thème, et hon­nête­ment, j’ai été séduit.

Je l’ai instal­lé et activé sur un site de test, his­toire de voir ce qu’il avait à offrir.

Performance brute de Kadence

Sitôt instal­lé, j’ai voulu mesur­er ses per­for­mances comme je l’avais précédem­ment fait pour Suki, Astra, Ocean WP et Zita. Les résul­tats sont plutôt encour­ageants :

Performances Kadence - Pingdom Tools
Per­for­mances Kadence — Ping­dom Tools

12 requêtes, 190Ko, un temps de charge­ment de 673ms sur Ping­dom Tools, … très hon­or­able, dans la moyenne des thèmes précédem­ment cités.

GTmetrix nous peint un tableau élo­gieux lui aus­si :

Performances Kadence - GTmetrix
Per­for­mances Kadence — GTmetrix

11 requêtes, 182Ko, temps de télécharge­ment de 1.1s (0.8s pour la par­tie vis­i­ble). Intéres­sant, sans pour autant égaler les per­for­mances des meilleurs, du moins dans leur ver­sion gra­tu­ite. Nous ver­rons plus loin dans l’ar­ti­cle que ces résul­tats sont plus qu’honor­ables au vu des fonc­tion­nal­ités inclus­es dans la ver­sion de base, disponible dans le dépôt Word­Press.

Les fonctionnalités de Kadence

Je vous le rap­pelle, la ver­sion que j’ai testée est la ver­sion gra­tu­ite, celle du dépôt Word­Press. Il y a une ver­sion payante, via un add-on, nous l’évo­querons ultérieure­ment.

Par où com­mencer ? Habituelle­ment, quand on par­le de fonc­tion­nal­ités pour un thème gra­tu­it, on a les options par défaut de l’outil de per­son­nal­i­sa­tion de Word­Press, une palette de couleurs et éventuelle­ment un choix restreint de mod­èles et de polices de car­ac­tères. Dans de rare cas, on a un thème gra­tu­it avec des fonc­tion­nal­ités de thème pro, comme avec Ocean­WP par exem­ple.

Mais là, avec les fonc­tion­nal­ités pro­posées par Kadence, Ocean­WP passe pour le par­ent pau­vre des thèmes gra­tu­its. Il y a un océan, pour ne pas dire un abîme, entre Kadence et les autres thèmes du dépôt Word­Press.

Il faut se lancer. Alors en pre­mier lieu, pen­chons-nous sur…

Les en-têtes

Kadence inclus les en-têtes fixe et trans­par­ent dans sa ver­sion 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 arti­cles, ou unique­ment pour les pages… C’est l’une des fonc­tion­nal­ités les plus mis­es en avant pour faire pass­er les util­isa­teurs à la caisse, mais aujour­d’hui, c’est Noël avant l’heure, on l’a de série…

On retrou­ve (comme sou­vent) 3 zones dans l’en-tête per­son­nal­is­ables :

  • la zone prin­ci­pale, qui con­tient tra­di­tion­nelle­ment le logo et le menu
  • une zone au-dessus, qui sert à affich­er des infor­ma­tions essen­tielles, telles que le numéro de télé­phone, les liens soci­aux
  • une zone en-dessous, qui peut servir par exem­ple à affich­er le slo­gan ou une infor­ma­tion ponctuelle

Cha­cune de ces zones com­prends trois colonnes prédéfinies.

Les pieds de page (footer)

Si vous avez trou­vé l’en-tête per­son­nal­is­able, vous allez rester bouche bée devant le degré de per­son­nal­i­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 empilées les une sur les autres. Et pour cha­cune, vous pou­vez définir de une à cinq colonnes, sans par­ler des agence­ments pos­si­bles selon le nom­bre 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 rem­pliss­ables par gliss­er / dépos­er d’élé­ments prédéfi­nis : mod­ules (wid­gets), menus, liens soci­aux, copy­right…

Autrement dit, avant de con­fig­ur­er le(s) pied(s) de page, com­mencez par vous servir un bon café. Dans un mug de préférence. Et prévoyez une sieste après 😉

Par con­tre, même s’il y a une option Pied de page fixe, elle ne sem­ble pas fonc­tion­nelle. Cer­taine­ment un bug dû à la jeunesse du thème, à voir lors des prochaines mis­es à jour…

La barre latérale (sidebar)

Ges­tion de la largeur (avec choix de l’u­nité : px, rem, em ou %), barre latérale fixe (sticky) ou défi­lante, ges­tion avancée de la typogra­phie des titres et du con­tenu, des couleurs de texte, de liens, d’ar­rière plan… kadence inclus à nou­veau dans son thème gra­tu­it une fonc­tion­nal­ité habituelle­ment réservée aux thèmes pre­mi­um. Un vrai cauchemar 😉

Le retour en haut de page

Pas besoin d’ex­ten­sion pour gér­er un scroll to top bien évidem­ment per­son­nal­is­able. Icone, taille, couleurs, respon­siv­ité, bor­dure… tout est per­son­nal­is­able ou presque sur ce bou­ton. On pour­ra même lui attribuer une ID CSS via un onglet…

Performance

Donc une ID pour le scroll to top, précharg­er les CSS, mais aus­si la pos­si­bil­ité de charg­er les polices Google en local et d’ac­tiv­er 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 arti­cles, pour les archives… vous pour­rez définir l’af­fichage des titres, du con­teneur prin­ci­pal, du con­tenu lui-même. Pleine largeur ou pas, encadré ou non, tous les mix sont pos­si­ble : on peut avoir une en-tête pleine largeur, avec un con­tenu encadré, le titre à droite, au cen­tre ou à droite, sur une page où le menu est trans­par­ent et la colonne latérale fixe.

Les balis­es de méta­don­nées des arti­cles (date de pub­li­ca­tion, auteur, mots clés, caté­gorie), les com­men­taires, le fil d’Ar­i­ane… peu­vent être affichés ou pas. Idem pour l’im­age à la une, dont on peut égale­ment choisir la posi­tion par rap­port 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 enrichi le dépôt Word­Press de quelques exten­sions dédiées au thème Kadence ou qui sont util­is­able avec. Elles ne sont pas nom­breuses, mais elles appor­tent un plus indé­ni­able.

La pre­mière per­met de démar­rer très rapi­de­ment un nou­veau pro­jet…

Starter Templates by Kadence WP

Cette exten­sion per­met d’in­staller en un clic des tem­plates com­plets. Cer­tains sont util­is­ables avec Guten­berg, l’édi­teur par défaut de Word­Press, d’autres avec Ele­men­tor.

Les options de per­son­nal­i­sa­tions sont acces­si­bles avant même d’avoir importé le tem­plate :

Starter templates pour Kadence
Starter tem­plates pour Kadence

Les couleurs (1), des sets typographiques (2) sont prévus pour per­son­nalis­er le tem­plate. Et vous pour­rez importer (3) un site com­plet, ou une seule page :

Pages d'un Starter template pour Kadence
Pages d’un Starter Tem­plate pour Kadence

Kadence blocks

Cette exten­sion fonc­tionne avec tous les thèmes Word­Press (ce sont des blocs Guten­berg) et cela va de soi, avec le thème Kadence, et doit d’ailleurs être instal­lée pour que cer­tains Starter Themes fonc­tion­nent.

Que ce soit pour créer des colonnes ajusta­bles en mode WYSIWYG, pour créer un for­mu­laire (sans pass­er par une autre exten­sion), pour des listes avec icones, des bou­tons per­son­nal­isés (avec ou sans icones), pour des onglets, pour affich­er une sec­tion témoignages ou une info box, vous y trou­verez 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 ges­tion des colonnes.

Kadence WooCommerce Elementor

La ver­sion gra­tu­ite de Kadence ne per­met pas une per­son­nal­i­sa­tion avancée de WooCom­merce, mais nous avons une exten­sion intéres­sante dévelop­pée par Kadence WP. Même si elle n’est pas dédiée au thème Kadence, elle peut être util­isée avec pour per­son­nalis­er les pages pro­duits, en con­jonc­tion avec Ele­men­tor. Il en existe une ver­sion payante, qui per­met de mod­i­fi­er aus­si la page bou­tique, les pages d’archives pro­duits et la page dédiée au paiement.

Visual Hook Guide for Kadence

Pour ceux qui sont prêts à met­tre les mains dans le cam­bouis, il y a tout un ensem­ble d’ac­tions (hooks) pos­si­ble sur l’ensem­ble de la page. Vous les visu­alis­erez en instal­lant et acti­vant l’ex­ten­sion Visu­al Hook Guide for Kadence.

Voici ce que vous obtien­drez :

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

Ces actions per­me­t­tent de mod­i­fi­er le com­porte­ment du thème et donc de l’adapter à son pro­pre besoin par des hooks directe­ment acces­si­bles. Une bonne quar­an­taine d’emplacements per­son­nal­is­ables — autant dire que tout est per­son­nal­is­able, en fonc­tion bien sûr de votre niveau en PHP / javascript / 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­tive­ment une ver­sion payante… mais au vu des fonc­tion­nal­ités de la ver­sion gra­tu­ite, y a‑t-il un intérêt à opter pour la ver­sion payante ?

Voyons déjà ce que pro­pose cette ver­sion, avant de nous pronon­cer.

Les en-têtes

La ver­sion gra­tu­ite ne démérite pas avec des fonc­tion­nal­ités dignes de thèmes payants, mais là, vous accédez au nir­vana :

  • un mod­ule off-can­va (aus­si appelé slide out pan­el)
  • des bou­tons, des sépara­teurs, des élé­ments com­plé­men­taires
  • une zone de recherche, et une zone dédiée aux mod­ules (wid­gets)…

Les menus

Vous rêviez d’un méga menu ? Pas de prob­lème, vous pou­vez le met­tre en place. Avec des icones, des mis­es en évi­dence d’élé­ments de menu, un fond per­son­nal­is­able…

Des éléments fixes

À la manière de la barre latérale ou du menu prin­ci­pal, vous pour­rez rajouter une zone de ban­nière et un pied de page col­lants (sticky).

WooCommerce

Vous pour­rez con­stru­ire la page prin­ci­pale de la bou­tique, ajouter une barre latérale de type off-can­va / slide out pan­el qui s’ou­vre lors de l’a­jout d’un pro­duit, ren­dre l’a­jout au panier plus con­vivial via ajax, autant de petits plus qui donne un côté plus “pro­fes­sion­nel” à votre bou­tique.

L’accès aux hooks

Les hooks sont directe­ment acces­si­bles dans cette ver­sion. Vous pour­rez les créer et les gér­er très fine­ment via un con­struc­teur spé­ci­fique. Plus sim­ple que de coder tout manuelle­ment.

Les extensions Pro

Atten­tion, ces exten­sions ne sont pas disponibles dans tous les packs payants : il y a Kadence Pro — qui vous donne accès au thème en ver­sion pro, et Kadence Full Mem­ber­ship qui vous donne accès à l’ensem­ble des thèmes et des exten­sions de la bou­tique.

Dont Kadence WooCom­merce Ele­men­tor et Guten­berg Blocks by Kadence Blocks en ver­sion Pro, Kadence Woo Extras ou Kadence Wid­get Dock qui ne peut être acquis séparé­ment, con­traire­ment à d’autres exten­sions.

Alors, ver­sion payante ou gra­tu­ite ? Je vais vous faire une réponse de nor­mand : ça dépend. Je vous explique, je ne veux pas non plus me faire huer pour mon hon­nêteté 😉

La ver­sion gra­tu­ite con­vien­dra à la grande majorité des pro­jets. Mais si la créa­tion de sites est votre quo­ti­di­en, si vous avez des besoins spé­ci­fiques, ou si vous voulez exploiter pleine­ment le poten­tiel de ce thème et des exten­sions pro inclus­es dans cer­tains pack­ages, alors n’hésitez pas, la ver­sion payante est la ver­sion qu’il vous faut. Si seul un mod­ule vous intéresse, et que vous pensez vous con­tenter de la ver­sion gra­tu­ite du thème, vous pou­vez égale­ment envis­ager de l’ac­quérir séparé­ment — tant qu’il ne s’ag­it pas d’une des exten­sions bonus de Kadence Full Mem­ber­ship.

Le mot de la fin

Un pre­mier mot sur les per­for­mances. 11 ou 12 requêtes (selon l’outil de test), env­i­ron 190Ko et de 750ms à 1.1s — des per­for­mances moyennes pour un thème en ver­sion de base.

Oui mais (vous le savez, il y a tou­jours un mais)… au vu des fonc­tion­nal­ités du thème, les per­for­mances sont bonnes, vous n’au­rez pas à installer trois voire qua­tre exten­sions sup­plé­men­taires pour gér­er 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élaiss­er mon thème fétiche (Astra) pour Kadence ? Pour cer­tains pro­jets, peut-être. Mais glob­ale­ment, on a affaire à deux thèmes dif­férents, de bonne qual­ité, que cha­cun éval­uera et choisira en fonc­tion de ses pro­pres besoins. Ce n’est pas le thème ultime. C’est juste (et c’est déjà bien) l’un des meilleurs thèmes gra­tu­its pro­posés dans le dépôt Word­Press.

Voila, tout est dit. Enfin pas tout, mais l’essen­tiel. Si vous avez ten­té le thème Kadence, vous pou­vez partager votre expéri­ence per­son­nelle via les com­men­taires. Et si vous avez trou­vé le (votre) thème ultime pour Word­Press, dites-le moi vite que je le teste !

1 réflexion sur “Kadence — est-ce vraiment le thème ultime ?”

  1. Bon­jour,
    Mer­ci beau­coup pour cet arti­cle explicite et super intéres­sant.
    je décou­vre ce thème que je trou­ve très inspi­rant.
    Suite à cet arti­cle, j’ai décidé de bas­culer en Kadence pour la refonte d’un ancien site réal­isé avec le thème “Enfold “.
    (Voir le site en pleine con­struc­tion : espm.accroche-choeur.fr )
    Petite ques­tion : com­ment faire une copie ou un mod­èle d’un arti­cle avec Kadence blocks ou Guten­berg pour éviter de con­stru­ire un nou­v­el arti­cle .?
    Mer­ci.

Les commentaires sont fermés.

Retour en haut
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