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 bientôt trois ans, j’utilise le thème Astra pour tous mes sites. En version Pro, bien sûr, pour des options telles que les menus fixe et transparent, les modèles de page, les options de personnalisation du code, l’intégration de WooCommerce… Tout récemment, j’ai découvert le thème Kadence via une discussion dans un groupe facebook. Un thème généraliste qui partage avec Astra une bonne intégration des extensions de e‑learning, de WooCommerce et de bbPress.
J’ai commencé par faire un tour sur la page des starters templates pour avoir une idée de ce que l’on peut obtenir avec le thème, et honnêtement, 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 mesurer ses performances comme je l’avais précédemment fait pour Suki, Astra, Ocean WP et Zita. Les résultats sont plutôt encourageants :
12 requêtes, 190Ko, un temps de chargement de 673ms sur Pingdom Tools, … très honorable, dans la moyenne des thèmes précédemment cités.
GTmetrix nous peint un tableau élogieux lui aussi :
11 requêtes, 182Ko, temps de téléchargement de 1.1s (0.8s pour la partie visible). Intéressant, sans pour autant égaler les performances des meilleurs, du moins dans leur version gratuite. Nous verrons plus loin dans l’article que ces résultats sont plus qu’honorables au vu des fonctionnalités incluses dans la version de base, disponible 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’évoquerons ultérieurement.
Par où commencer ? Habituellement, quand on parle de fonctionnalités pour un thème gratuit, on a les options par défaut de l’outil de personnalisation de WordPress, une palette de couleurs et éventuellement un choix restreint de modèles et de polices de caractères. Dans de rare cas, on a un thème gratuit avec des fonctionnalités de thème pro, comme avec OceanWP par exemple.
Mais là, avec les fonctionnalités proposé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 transparent dans sa version de base. Pour toutes les pages, ou pour les pages sauf les archives, la page d’erreur 404 et la page de recherche, ou uniquement pour les articles, ou uniquement pour les pages… C’est l’une des fonctionnalités les plus mises en avant pour faire passer les utilisateurs à 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 principale, qui contient traditionnellement le logo et le menu
- une zone au-dessus, qui sert à afficher des informations essentielles, telles que le numéro de téléphone, les liens sociaux
- une zone en-dessous, qui peut servir par exemple à afficher le slogan ou une information ponctuelle
Chacune de ces zones comprends trois colonnes prédéfinies.
Si vous avez trouvé l’en-tête personnalisable, vous allez rester bouche bée devant le degré de personnalisation 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 chacune, vous pouvez définir de une à cinq colonnes, sans parler des agencements 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 remplissables par glisser / déposer d’éléments prédéfinis : modules (widgets), menus, liens sociaux, copyright…
Autrement dit, avant de configurer le(s) pied(s) de page, commencez 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 fonctionnelle. Certainement un bug dû à la jeunesse du thème, à voir lors des prochaines mises à jour…
Gestion de la largeur (avec choix de l’unité : px, rem, em ou %), barre latérale fixe (sticky) ou défilante, gestion avancée de la typographie des titres et du contenu, des couleurs de texte, de liens, d’arrière plan… kadence inclus à nouveau dans son thème gratuit une fonctionnalité habituellement réservée aux thèmes premium. Un vrai cauchemar 😉
Le retour en haut de page
Pas besoin d’extension pour gérer un scroll to top bien évidemment personnalisable. Icone, taille, couleurs, responsivité, bordure… tout est personnalisable ou presque sur ce bouton. On pourra même lui attribuer une ID CSS via un onglet…
Performance
Donc une ID pour le scroll to top, précharger les CSS, mais aussi la possibilité de charger les polices Google en local et d’activer ou non une lightbox (basique) sur le site. Que demander de plus ?
Les modèles de mise en page ou layouts
Pour les pages, pour les articles, pour les archives… vous pourrez définir l’affichage des titres, du conteneur principal, du contenu lui-même. Pleine largeur ou pas, encadré ou non, tous les mix sont possible : on peut avoir une en-tête pleine largeur, avec un contenu encadré, le titre à droite, au centre ou à droite, sur une page où le menu est transparent et la colonne latérale fixe.
Les balises de métadonnées des articles (date de publication, auteur, mots clés, catégorie), les commentaires, le fil d’Ariane… peuvent être affichés ou pas. Idem pour l’image à la une, dont on peut également choisir la position 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 enrichi le dépôt WordPress de quelques extensions dédiées au thème Kadence ou qui sont utilisable avec. Elles ne sont pas nombreuses, mais elles apportent un plus indéniable.
La première permet de démarrer très rapidement un nouveau projet…
Starter Templates by Kadence WP
Cette extension permet d’installer en un clic des templates complets. Certains sont utilisables avec Gutenberg, l’éditeur par défaut de WordPress, d’autres avec Elementor.
Les options de personnalisations sont accessibles avant même d’avoir importé le template :
Les couleurs (1), des sets typographiques (2) sont prévus pour personnaliser le template. Et vous pourrez importer (3) un site complet, ou une seule page :
Kadence blocks
Cette extension fonctionne 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 installée pour que certains Starter Themes fonctionnent.
Que ce soit pour créer des colonnes ajustables en mode WYSIWYG, pour créer un formulaire (sans passer par une autre extension), pour des listes avec icones, des boutons personnalisés (avec ou sans icones), pour des onglets, pour afficher une section témoignages ou une info box, vous y trouverez tout ce dont vous avez besoin.
C’est d’ailleurs une de mes extensions 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 personnalisation avancée de WooCommerce, mais nous avons une extension intéressante développée par Kadence WP. Même si elle n’est pas dédiée au thème Kadence, elle peut être utilisée avec pour personnaliser les pages produits, en conjonction avec Elementor. Il en existe une version payante, qui permet de modifier aussi la page boutique, les pages d’archives 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’actions (hooks) possible sur l’ensemble de la page. Vous les visualiserez en installant et activant l’extension Visual Hook Guide for Kadence.
Voici ce que vous obtiendrez :
Ces actions permettent de modifier le comportement du thème et donc de l’adapter à son propre besoin par des hooks directement accessibles. Une bonne quarantaine d’emplacements personnalisables — autant dire que tout est personnalisable, en fonction bien sûr de votre niveau en PHP / javascript / CSS — et c’est juste ce qu’il faut pour que votre site soit vraiment unique 😉
La version payante du thème
Il y a effectivement une version payante… mais au vu des fonctionnalité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 fonctionnalité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éparateurs, des éléments complémentaires
- une zone de recherche, et une zone dédiée aux modules (widgets)…
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 principal, vous pourrez rajouter une zone de bannière et un pied de page collants (sticky).
WooCommerce
Vous pourrez construire la page principale de la boutique, ajouter 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 convivial via ajax, autant de petits plus qui donne un côté plus « professionnel » à votre boutique.
L’accès aux hooks
Les hooks sont directement accessibles dans cette version. Vous pourrez les créer et les gérer très finement via un constructeur spécifique. Plus simple que de coder tout manuellement.
Les extensions Pro
Attention, ces extensions ne sont pas disponibles 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’ensemble des thèmes et des extensions 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éparément, contrairement à 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 conviendra à la grande majorité des projets. Mais si la création de sites est votre quotidien, si vous avez des besoins spécifiques, ou si vous voulez exploiter pleinement le potentiel de ce thème et des extensions pro incluses dans certains packages, alors n’hésitez pas, la version payante est la version qu’il vous faut. Si seul un module vous intéresse, et que vous pensez vous contenter de la version gratuite du thème, vous pouvez également envisager de l’acquérir séparément — tant qu’il ne s’agit pas d’une des extensions bonus de Kadence Full Membership.
Le mot de la fin
Un premier mot sur les performances. 11 ou 12 requêtes (selon l’outil de test), environ 190Ko et de 750ms à 1.1s — des performances moyennes pour un thème en version de base.
Oui mais (vous le savez, il y a toujours un mais)… au vu des fonctionnalités du thème, les performances sont bonnes, vous n’aurez pas à installer trois voire quatre extensions supplémentaires 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élaisser mon thème fétiche (Astra) pour Kadence ? Pour certains projets, peut-être. Mais globalement, on a affaire à deux thèmes différents, de bonne qualité, que chacun évaluera et choisira en fonction 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 proposés dans le dépôt WordPress.
Voila, tout est dit. Enfin pas tout, mais l’essentiel. Si vous avez tenté le thème Kadence, vous pouvez partager votre expérience personnelle via les commentaires. Et si vous avez trouvé le (votre) thème ultime pour WordPress, dites-le moi vite que je le teste !
Bonjour,
Merci beaucoup pour cet article explicite et super intéressant.
je découvre ce thème que je trouve très inspirant.
Suite à cet article, j’ai décidé de basculer en Kadence pour la refonte d’un ancien site réalisé avec le thème « Enfold « .
(Voir le site en pleine construction : espm.accroche-choeur.fr )
Petite question : comment faire une copie ou un modèle d’un article avec Kadence blocks ou Gutenberg pour éviter de construire un nouvel article .?
Merci.