Elementor l’extensions WordPress
L’extension WordPress Elementor vous offre la possibilité de concevoir divers types de contenus (pages, articles de blog, produits, etc.) en utilisant des modèles prédéfinis, ou bien en créant votre design à partir de zéro grâce à une variété de modules disponibles (texte, images, sliders, boutons, icônes, etc.).
Vous aurez également la possibilité de créer vos propres modèles de pages, que vous pourrez réutiliser à l’infini. Plutôt pratique, non ?
Deux versions d’Elementor.
- Une version gratuite, donc ouverte à tous, est disponible sur le site officiel de WordPress : https://fr.wordpress.org/plugins/elementor/.
En outre, une
- version payante, couramment nommée Elementor Pro, existe aussi et se présente sous différentes licences. Les prix de ces licences, ainsi que ceux d’Elementor Pro, peuvent être consultés sur le site officiel : https://elementor.com/.
Approfondissons ce sujet un peu plus.
En quoi la version Pro d’Elementor se différencie-t-elle de la version gratuite ?
La principale distinction entre la version gratuite d’Elementor et sa version pro est que la première se limite à la création de pages, alors que la seconde offre également des fonctionnalités de construction de thèmes.
Avec Elementor Pro, vous pourrez élaborer vos pages tout en ayant également la capacité de personnaliser toutes les parties de votre site, comme le header et le footer.
Vous aurez aussi la possibilité de gérer les archives de votre site, vous donnant ainsi la maîtrise totale sur l’apparence de votre page de blog et vous affranchissant des limitations imposées par votre thème initial.
En plus de la grande différence entre un constructeur de page et un constructeur de thème, la version Pro d’Elementor vous offre un plus grand choix de widgets.
Ces widgets vous permettront d’aborder le design de votre site de manière plus complète et plus professionnelle.
À quel moment serait-il judicieux d’opter pour une licence Elementor Pro ?
Dès que vous désirez modifier ou personnaliser des éléments autres que vos articles et pages avec le constructeur Elementor, il sera nécessaire d’acquérir une licence Elementor Pro.
Cela vous permettra de modifier à votre convenance le Header, le Footer et d’autres sections de votre site. Il est important de souligner que, dans ce cas, il vous faudra choisir un thème que l’on peut qualifier de minimaliste, car vous serez responsable de la conception et du contenu de votre site de A à Z.
Un autre scénario où l’achat d’une licence Elementor pourrait s’avérer nécessaire : lorsque vous avez besoin de widgets plus avancés et professionnels. En d’autres termes, si vous ressentez des restrictions, envisagez de passer à une licence Elementor Pro.
Quel type de licence Elementor Pro est le plus adapté pour vous ?
À l’heure actuelle, Elementor Pro propose quatre types de licences distincts.
Essential Plan
Expert Plan
Studio Plan
Agency Plan
Il est important de souligner que cette licence se renouvelle chaque année si vous souhaitez continuer à profiter des mises à jour et des améliorations d’Elementor Pro.
Pour installer et configurer l’extension Elementor, accédez au tableau de bord de votre site WordPress. Cliquez sur l’onglet « Extensions » dans le menu latéral, puis sélectionnez le bouton « Ajouter ».
Dans la barre de recherche d’extensions, tapez « Elementor Page Builder », puis installez et activez l’extension.
Comment intégrer le plugin Elementor dans WordPress ? Si vous désirez créer une page utilisant Elementor,
Accédez au back office de votre site WordPress.
Dans le menu vertical, sélectionnez l’onglet « Pages ».
Choisissez la page que vous désirez modifier, puis cliquez sur « Modifier ».
Pour finir, appuyez sur le bouton bleu « Modifier avec Elementor ».
Vous êtes actuellement sur l’interface de notre constructeur de pages Elementor, qui vous permet de concevoir votre page. Pour commencer, à gauche, vous trouverez un espace avec tous les widgets disponibles.
Vous y découvrirez différentes catégories : icônes, images, textes, titres, liens, menus de navigation, etc. À droite, votre page apparaît, probablement vide pour le moment.
Nous allons y remédier immédiatement ! Pour cela, cliquez sur le « + » dans la zone « Glissez un widget ici » pour ajouter une section.
Plusieurs options de structure sont proposées (pleine page, 2 colonnes, 3 colonnes, une barre latérale…) ; sélectionnez celle qui vous convient pour créer votre section.
Selon la structure que vous avez sélectionnée, cliquez sur le symbole « + » de la section où vous désirez ajouter du contenu.
N’oubliez pas qu’à gauche de votre écran, une barre latérale est disponible, où Elementor met à votre disposition différents modules pour créer votre page. Utilisez votre souris pour faire glisser un module depuis cette barre latérale, par exemple « Titre », vers la colonne de votre section où vous souhaiteriez placer un titre.
Dans la barre latérale, vous aurez maintenant la possibilité de configurer le module que vous avez choisi, qui se divise en trois parties.
**Contenu :** C’est ici que vous allez insérer le contenu de votre module, tout simplement. Par exemple, pour le module intitulé « Titre », c’est dans cette section que vous pourrez rédiger votre titre.
**Style :** Ici, vous avez la possibilité de modifier l’apparence de votre module.
Par exemple, choisissez la couleur et la typographie si c’est un titre ou un texte, ou réglez la largeur et l’opacité si vous travaillez avec une image…
**Avancé :** Dans cette section, vous pouvez établir les marges et les marges internes de votre module, ajouter une bordure et sélectionner les options d’affichage en responsive design, etc.
Créez votre page en structurant des sections les unes sous les autres, sachant que chaque section peut présenter une structure différente avec un nombre de colonnes varié. Les possibilités de création sont infinies !
Il est aussi possible d’ajouter ce que l’on désigne par des « codes courts » dans Elementor. Ces petits segments de code, intégrés dans le bon élément, permettront d’afficher des fonctionnalités très pratiques.
Afin d’ajouter un code court à une page via Elementor, il est nécessaire d’utiliser le module nommé « Code court », que vous pourrez aisément localiser grâce à la barre de recherche des widgets.
Il vous suffit de glisser le module « Code court » dans une section de votre page, puis de renseigner votre code court ou vos codes courts dans la barre latérale comme indiqué. Cela peut s’avérer utile pour l’intégration de codes courts WooCommerce, par exemple.
CRÉER UN MODÈLE DE PAGE AVEC ELEMENTOR PRO
Pour élaborer un modèle de page avec Elementor, il est nécessaire de disposer d’une licence Elementor Pro. Voici les étapes à suivre pour mettre en place votre modèle :
Accédez au tableau de bord de votre site WordPress.
Sélectionnez l’onglet « Modèles » dans le menu latéral de votre tableau de bord (sous « Elementor »).
Appuyez sur le bouton « Ajouter un nouveau ».
Vous devrez ensuite sélectionner le type de modèle que vous désirez créer.
(Par exemple, si vous souhaitez établir un modèle de page pour vos articles, choisissez « Article unique »).
Attribuez un nom pertinent à votre modèle pour faciliter son identification ultérieure.
Ensuite, élaborez votre modèle comme vous le feriez pour une page classique, en suivant la méthode décrite précédemment. Une fois votre modèle complété,
cliquez sur le bouton vert « PUBLIER » situé en bas de la barre latérale. Vous devrez ensuite spécifier les critères de mise en œuvre de votre modèle. Par exemple, pour notre cas d’une page d’article, dans la section « INCLURE », je sélectionnerai « Articles » et « Tout ».
Cela signifie que le modèle s’appliquera à tous les articles du site.
