Guide du débutant pour l'utilisation d'Elementor dans WordPress

Qu'est-ce qu'Elementor ?

Elementor est un constructeur de pages par glisser-déposer pour WordPress. Le plugin vous aide à créer de belles pages à l'aide d'un éditeur visuel. Il est conçu pour créer rapidement des sites web dynamiques.

Ce plugin WordPress est un outil tout-en-un qui rend la conception de sites web facile et efficace. Pour une impression plus dynamique, il y a une riche sélection de polices, de belles images d'arrière-plan, qui peuvent toutes être utilisées à volonté pour créer un site web qui correspond parfaitement à l'image de votre marque.

Pourquoi utiliser Elementor

Elementor s'adresse à tous les types de professionnels de votre équipe. Si vous n'êtes pas doué pour la technologie, l'éditeur visuel vous donne la possibilité de glisser-déposer n'importe lequel des plus de 90 widgets pour créer du contenu tel que des boutons, des évaluations par étoiles et des barres de progression. Pour les développeurs WordPress, c'est toujours la plateforme de choix avec des optimisations de scripts, des propriétés personnalisées et des versions "rollback".

"Il s'agit d'un site web de restaurant édité à l'aide d'Elementor.

Elementor est-il gratuit ?

Elementor propose une version gratuite et plusieurs formules payantes. La version gratuite comprend toutes les fonctionnalités dont vous avez besoin pour créer une expérience utilisateur puissante sur votre site web, y compris un éditeur par glisser-déposer, plus de 40 widgets de base et plus de 30 modèles. Pour des fonctionnalités plus avancées telles que l'ajout de formulaires et de CSS personnalisés, vous pouvez passer à la version professionnelle (Pro) :

59 par an pour 1 site.

99 par an pour 3 sites.

199 par an pour 25 sites.

399 euros par an pour 1 000 sites

Comment installer Elementor

des consultations avec d'autresPlugin WordPressIdem. Installation. Elementor C'est à la fois simple et rapide. Il existe deux méthodes :

Installer Elementor via Elementor.com

1. les visitesElementor.comet cliquez sur "Démarrer"

2. remplir l'adresse électronique et le mot de passe pour créer un compte.

3. répondre à quelques questions concernant le public visé par le site et l'expérience acquise dans la création de sites web

4. choisissez la manière dont vous souhaitez construire le site

Il est possible d'acheter le plugin Elementor Pro ou une offre groupée comprenant le plugin ainsi que l'installation et l'hébergement de WordPress. Vous pouvez également consulter d'autres packs payants ou commencer par la version gratuite de base. Pour cette démo, nous nous contenterons de la version gratuite :

5) Comme Elementor nécessite un site web WordPress actif, vous devez entrer le nom de domaine du site web dans son inspecteur.

6) Après avoir confirmé la compatibilité du site, cliquez sur Installer Elementor.

7) Si vous êtes dirigé vers la page de connexion de l'administrateur du site, continuez à vous connecter. Si vous êtes déjà connecté, vous serez dirigé vers la page du plugin Elementor. Cliquez sur Installer maintenant dans le coin inférieur droit.

8. une page s'affiche avec un message de confirmation. Cliquez sur l'icônePlugin d'activation.

Une fois que c'est fait, vous êtes prêt à utiliser l'éditeur de pages Elementor.

Installation d'Elementor via le tableau de bord de WordPress

Étape 1Dans le tableau de bord, cliquez surplug-in (composant logiciel)>Ajouter un nouveau plugin.

Étape 2 : Dans le champ de recherche, tapez Elementor et trouvez l'optionConstructeur de site web Elementor.

Étape 3 : Cliquez surInstaller maintenant. Installationpost-achèvementCliquez suractiver.

Le constructeur de pages sera automatiquement ajouté à la barre latérale. Cependant, cet élément de menu de la barre latérale ne peut être utilisé que pour accéder aux paramètres du backend d'Elementor, et non pour éditer des pages.

Comment utiliser Elementor dans WordPress

Avec Elementor, il est possible de donner vie à vos idées de design. Grâce à l'édition en temps réel, vous pouvez visualiser chaque élément au fur et à mesure qu'il est conçu, ce qui facilite le processus de conception. Voyons comment utiliser l'éditeur d'Elementor.

Tutoriel Elementor

Elementor offre aux utilisateurs une conception intuitive qui leur permet d'apprendre les bases de l'éditeur en relativement peu de temps.

1) Tout d'abord, créez une nouvelle page ou un nouvel article et cliquez sur Editer avec Elementor.

Étape 2 : Vous serez dirigé vers l'éditeur de page Elementor. Voici à quoi ressemblera la page.

3) Sur la gauche, vous verrez la barre latérale d'Elementor avec toutes les fonctionnalités de glisser-déposer que vous pouvez utiliser pour construire des pages web.

Avant de commencer à glisser et à déposer des widgets, il est important de comprendre que l'éditeur Elementor se compose de trois blocs de construction principaux : les sections, les colonnes et les widgets. Les sections sont le plus grand bloc de construction.

L'éditeur met en évidence les sections et les colonnes avec des cases bleues pour vous indiquer où vous pouvez faire glisser des éléments.Attention.Les widgets ne peuvent pas être glissés dans la barre de navigation ou dans l'en-tête.

Les blocs, les colonnes et les pièces peuvent être contrôlés à l'aide des poignées bleues. Les blocs peuvent être modifiés par un simple clic droit sur la poignée.

4) Lorsque vous êtes prêt, il vous suffit de cliquer sur le widget, de le maintenir enfoncé et de le faire glisser à l'endroit où vous souhaitez ajouter le nouveau module.

Par exemple, lorsque vous faites défiler la page vers le bas, vous pouvez choisir de faire glisser le widget dans une nouvelle zone vierge.

5) "Vous pouvez rechercher des widgets spécifiques pour personnaliser la page. Choisissez parmi les éléments de base tels que les en-têtes ou les galeries d'images, ou explorez des éléments plus avancés tels que les en-têtes animés et les rotations de recommandation.

6. cliquez sur le bouton dans le coin supérieur gauche, puis sur "Mise en place du site web". Dans ce menu, vous pouvez définir les couleurs et les polices par défaut de la page. Il est également possible de configurer des paramètres globaux pour l'ensemble du site sur Elementor.

7. enfin, vous pouvez cliquer sur le bas du panneau "Icône "Historique(math.) genreAccès à la section "Historique des révisions" intégrée à Elementor. Sous l'onglet "Actions", vous pouvez suivre vos modifications, en passant d'une action à l'autre. Sous l'onglet "amendements L'onglet "Révisions" vous permet de passer d'une révision à l'autre et de revenir à n'importe quelle version précédente.

Comment construire votre page d'accueil avec Elementor

Elementor se distingue de ses concurrents par sa facilité d'utilisation. Créez votre première page sur la plateforme sans aucune connaissance en codage et essayez-la par vous-même.

1) Allez dans le panneau WordPress.

2. cliquez surpage webet ensuiteAjouter un nouveau contenu.

3. cliquez surUtilisation de l'éditeur Elementor, allez dans Page Builder.

4. Elementor chargera ce qui suit.

5) "Ensuite, ajoutezlégendeetéditeur de texterépondre en chantantWidget d'image.

Une fois mis en place, vous pouvez modifier chaque widget à votre guise. Cliquez sur l'icône verte "poste bouton ", c'est fait ! Je viens de créer la première page dans Elementor.

7) Une fois que vous avez terminé la conception de la page, vous pouvez la prévisualiser et la publier. Tout d'abord, allez dans le panneau de gauche de l'éditeur Elementor.

8) Pour prévisualiser la page, cliquez sur l'icône de l'œil.

9. il suffit de cliquer sur le bouton vert Publier lors de la publication.

Modèles Elementor

Les modèles sont des pages et des blocs préconçus qui vous aident à concevoir votre site web WordPress. Les pages sont des mises en page complètes, tandis que les blocs sont des sections avec des widgets préconstruits tels que des pieds de page, des en-têtes et des FAQ. Les modèles spécifiques peuvent être recherchés par type de page, par nom de modèle ou par étiquette. En outre, tous les modèles sont adaptés aux mobiles. Ils peuvent être insérés dans n'importe quelle page en un seul clic.

1) Dans l'éditeur Elementor, naviguez jusqu'au bas de la page, où une section affiche "Add widget here". Cliquez sur le dossier blanc.

2. une bibliothèque sera chargée. Pour prévisualiser les modèles, cliquez sur l'icône de la loupe sur l'image ou passez simplement votre souris sur l'un d'entre eux.

3) Cliquez sur le bouton vert "bâton"Boutons".

4) Si vous n'êtes pas connecté au référentiel de modèles d'Elementor, vous serez invité à vous connecter. Elementor vous redirige automatiquement vers son site web, où vous pouvez vous enregistrer ou vous connecter.

5) Après l'enregistrement ou la connexion, la connexion est confirmée.

6. revenir à la page que vous êtes en train de modifier etbâtonLe modèle requis.

Ce qui précède est un guide d'utilisation d'Elementor dans WordPress ; cette fois nous utilisons la version gratuite d'Elementor pour faire la démonstration, plus tard nous partagerons avec vous "comment utiliser les fonctionnalités avancées d'Elementor".

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.