Comment utiliser l'extension Elementor de WordPress ?

Testez vos connaissances sur WordPress !

10 questions pour déterminer votre niveau.

Je fais le test

Les avantages d'Elementor

La création d’un site internet ne peut plus être envisagée sans aborder la question des page builders. Ils sont incontournables depuis leur apparition au début des années 2010. Un page builder est un outil dans l’outil. Chacun d’entre eux possède sa propre page.

Elementor est un plugin intégré à WordPress et il permet d’y implémenter ses fonctionnalités. L’avantage principal d’Elementor est qu’il est compatible avec la majorité des thèmes alors que de nombreux autres page builders vont poser des problèmes sur WordPress. 

Elementor se positionne comme un constructeur de thèmes. Normalement, un page builder participe à la création de contenu Web, mais n’interagit pas avec les widgets WordPress ni le header, la sidebar ou le footer. Elementor commence à se positionner sur ses fonctionnalités de personnalisation plus avancées tout en vous proposant des modèles de page.

L’extension peut être qualifiée d’outil rêvé pour les non-techniciens. Sa fluidité permet d’insérer de nombreux éléments sans demander de code API. C’est le cas pour insérer un plan avec Google Maps par exemple. L’option est incluse dans le menu d’Elementor pour WordPress. Grâce à ce page builder, vous organisez vos pages comme vous voulez et une fois connecté(e), vous avez une vue réelle de leur design.

Personnaliser la structure de page avec Elementor

Pour personnaliser une page, vous commencez par en sélectionner une dans votre back-office WordPress et vous choisissez de la modifier avec Elementor. Elle apparaît découpée en section et éléments. Pour paramétrer une zone, vous y positionnez votre souris. Un cadre bleu apparaît. Cliquez sur les 6 points superposés qui vous donnent accès aux options de modification que vous pouvez tester, dans le menu contextuel de gauche.

Pour personnaliser la structure d’une page, vous devez y insérer une section. C’est le socle de votre création, celui qui reçoit ensuite les éléments que vous choisissez. Pour insérer une section, cliquez sur le + situé au milieu de votre page. Vous pouvez choisir sa structure, soit le nombre de colonnes.

Dans chacune d’elles, vous placez les composants de votre future page grâce au cliqué-glissé (ou drag-and-drop en anglais). Choisissez vos éléments dans le menu représenté par l’icône composée de 9 cubes, en haut à gauche.

Maîtrisez WordPress de A à Z

Hébergement, création des back et front office, architecture, utilisation des éditeurs.

Découvrir la formation

Une barre de recherche vous permet de trouver rapidement ce dont vous avez besoin, comme les éléments suivants :

• section interne ;
• titres ;
• image ;
• vidéo ;
• bouton ;
• galerie ou carrousel d’images ;
• témoignages.

Pour modifier un contenu, vous devez également le sélectionner à l’aide de votre souris. Le menu de gauche s’adapte en fonction de l’élément. Les modifications ne sont pas les mêmes pour un texte ou une image. Elles concernent toutes les possibilités de mise en page. Elles sont équivalentes au langage CSS avec une assistance : vous n’avez pas à gérer le code.

Comment paramétrer une mise en page ?

Pour paramétrer la mise en page, cliquez sur la section à modifier. Dans le menu de gauche, 3 onglets vous sont proposés :

• mise en page ou contenu ;
• style ;
• avancé.

« Mise en page » vous permet de revoir la structure de la page. Vous pouvez effectuer les actions suivantes :

• modifier les marges ;
• changer la largeur des colonnes ;
• paramétrer la hauteur des colonnes ;
• modifier l’alignement au sein d’une colonne.

« Style » vous permet de modifier l’arrière-plan, de superposer des images, de faire apparaître une bordure ou de modifier la typographie.

« Avancé » va encore plus loin dans la personnalisation en vous permettant de modifier les marges une à une ou de donner un effet de mouvement au texte. 

D’autres options sont pratiques, comme l’outil de code court (ou short code) qui vous permet d’inclure un formulaire de contact par exemple, en copiant-collant simplement une petite ligne de code. Vous la trouvez dans les paramètres du plugin Elementor pour WordPress.

L’historique et le navigateur sont des outils qui rendent la mise en page plus fluide. Une fois que votre mise en page vous convient, cliquez sur « mettre à jour ».

Les limites d'Elementor

Il existe des extensions incompatibles avec votre thème, au point que ça peut nuire à votre site, notamment lors de mises à jour. Cela reste extrêmement rare. 

Une limite à l’utilisation d’Elementor sur WordPress est sa fonction de création et de rédaction d’articles de blog. Un page builder est conçu pour construire des pages, pas pour créer du contenu. La mise en page est simple avec Elementor, mais il est déconseillé de créer du contenu à partir de l'extension.

Sur votre site, vous n’avez que quelques pages alors que le nombre d’articles peut être exponentiel. Si vous utilisez le page builder Elementor pour la rédaction et que, dans le futur, vous revoyez la structure de votre site ou que vous changez d’extension, vous perdez la totalité de votre contenu.

Pour paramétrer Elementor, rendez-vous sur votre interface WordPress et cliquez sur l’onglet Elementor, à gauche. Le menu des réglages s’ouvre et vous pouvez décocher l’option d’utilisation pour les articles. 

Pensez toujours à paramétrer les extensions que vous installez. Elementor travaille pour vous une fois qu’il est réglé en fonction de vos critères. 

Téléchargez le programme de la formation WordPress en PDF

Programme formation WordPress

+ de 2500 téléchargements