Table des matières
Elementor est fourni avec une collection de kits, la Kits library.
Il s’agit de groupes de pages pré-construites, permettant de créer un site web rapidement.
Un kit, des templates
Plus précisément, un kit est un ensemble de templates, de modèles de pages.
Ces modèles consistent en des maquettes, des mises en forme de pages, qui intègrent des éléments : des sections, contenant des colonnes, contenant des titres, des textes, des images et d’autres types de widgets.
Ces pages correspondent aux pages principales d’un site web :
- page d’accueil
- page simple
- page blog / archive (catégorie, tag)
- article seul
- page contact
- page 404
Elles intègrent aussi les zones de base :
- en-tête / header
- contenu
- colonne latérale / sidebar
- pied de page / footer
Les kits incluent aussi des réglages de site : couleurs globales, choix de typographie, etc.
Les kits sont conçus pour correspondre à divers types de sites – blog, magazine, site e-commerce – et à diverses activités professionnelles – restaurant, photographe, artiste, médecin, etc etc.
La version gratuite d’Elementor ne propose, en mai 2022, que 16 kits gratuits.
La version Elementor Pro propose 83 kits.
Et la version Elementor Experts propose 20 kits.
(Elementor Experts correspond à ceux qui ont acheté soit l’Expert Plan soit l’Agency Plan de la version Pro d’Elementor. Ce sont des utilisateurs plus intensifs.)
Soit, si j’ai bien compté, un total de 119 kits, 119 sites touts faits qu’il n’y a plus qu’à adapter.
Voici un exemple de ce à quoi ressemble un site fait avec un kit gratuit :
Installer un kit d’Elementor
Pour importer un kit, c’est simple.
(Mais attention : cela va changer votre page d’accueil et vos réglages Elementor. Si vous voulez juste tester, alors faites l’installation sur un site de test.)
Quand vous installez Elementor, il crée deux menus dans la colonne de gauche de l’administration WordPress :
- Elementor
- et Modèles
Cliquez sur la page Bibliothèque de kits (kits library). Cela vous mène sur cette fenêtre qui s’ouvre en pop-up :
Là, choisissez un kit.
Dans la colonne à gauche, vous avez diverses options pour filtrer :
- par catégorie thématique (métiers…),
- par type (portfolio, boutique…),
- ou par plan (free, pro, expert).
Quand vous cliquez sur un kit, ça l’ouvre en grand et vous pouvez surfer dessus ; ce n’est qu’une démo.
Si vous décidez de l’installer, cliquez en haut à droite sur le bouton « Apply kit ».
Cela va importer les pages, les médias, les réglages Elementor.
Vous pouvez maintenant aller voir votre site en front-end.
Si vous aviez déjà un thème actif, vous vous rendez compte qu’il perturbe votre kit.
Pour remettre les choses en ordre, vous devez installer et activer le thème Hello Theme, qui est le thème ultra-léger, presque vierge, que fournit Elementor pour éviter que des réglages de thème viennent interférer avec ses propres réglages.
Ceci fait, vous devrez probablement aussi adapter quelques détails, comme… la déclaration du menu, dans Apparence > Menu : mettez le menu créé par le kit en Main menu, ou passer par l’outil de personnalisation / customizer d’Hello : onglet Menus > Primary menu et cochez la case « en-tête ».
Vous devrez peut-être aussi adapter le logo via le customizer d’Hello.
Exporter un kit
Vous pouvez aussi partir de zéro, installer Hello Theme, créer le design d’un site – pages, réglages – et exporter tout cela.
Pour pouvoir exporter, vous devez vous assurer que la fonctionnalité est active en allant dans Elementor > Réglages > Expériences > Importer et exporter.
Quand c’est fait, vous avez les options d’importation et exportation dans Elementor > Outils, dans l’onglet Importer / Exporter.
Une fois là, vous pouvez choisir précisément quels composants Elementor – modèles, contenus et réglages du site – inclure dans votre fichier de kit.
Vous pouvez ajouter un nom de kit et une description.
Et voilà !
Importer un kit
Pour importer un kit… devinez !!!
Vous faites exactement comme ci-dessus, sauf que vous cliquez sur le bouton Importer. Tout devrait bien se passer.
Editer un kit
Une fois installé sur votre WordPress, vous faites ce que vous voulez de votre kit.
Vous pouvez donc :
- Changer les réglages de site, notamment les couleurs globales, la typographie etc
- Modifier les modèles / templates des pages
- Ajouter ou supprimer des pages, des sections, des widgets
- etc
Constructeur de thème
Au fond, un kit est un thème et vice-versa.
Vous pouvez créer un kit gratuit en version Elementor Free, mais pour le créer en mode Constructeur de thème vous aurez besoin d’Elementor Pro.
Qu'avez-vous pensé de cet article ?
Cliquez sur une étoile pour donner votre avis
Avis moyen 4.6 / 5. Nombre d'avis donnés 7
Soyez le premier à donner votre avis