Comment utiliser WordPress & Elementor

Alors, comment se présente le page builder concrètement quand, vous allez créer ou personnaliser une page avec Elementor  ? On fait le tour ! 

Commençons par un aperçu de l’ensemble, dans le Module 3 Gérer le contenu, vous apprenez à le mettre en action :

à gauche se trouve le panneau de « contrôle » avec 3 onglets principaux :

Éléments : les widgets 
Globales : Les widgets globaux que vous avez enregistrés
SEO : la gestion du SEO sur la page même (inséré par le plugin SEO Rankmath, Yoast ou un autre de votre choix)

Tout en bas, vous voyez ce petit panneau :

1/ Les réglages de la page avec ses 3 onglets 

• Réglages : permet de configurer les paramètres globaux de la page comme le titre, l’état, l’affichage du titre H1 ou encore le modèle de la page :
  – Elementor Canevas : sans header ni footer
  – Elementor pleine largeur : avec les header et le footer
  – Thème : si votre thème va gérer la mise en page global de la page
• Style : vous permet de configurer les marges et le rembourrage de la page dans son ensemble (on l’utilise rarement), ou l’arrière-plan (une couleur ou une image)
• Avancé : pour insérer du code personnalisé 

2/ Le navigateur

Une petite fenêtre apparait sur le panneau droit (que vous pouvez bouger avec votre souris). Il vous permet de voir en un clin d’œil toutes les sections, sections interne, colonnes et widget sur la page.

On peut déplacer et réorganiser les éléments par glisser-déposer, le design de votre page suivra –  quand vous avez beaucoup d’éléments sur la page, cette méthode va plus vite.

On peut même sélectionner plusieurs éléments (appuyez et gardez enfoncé la touche Ctrl sur Windows ou Cmd sur Mac, en cliquant simultanément sur les éléments à sélectionner).

Il suffit de cliquer sur la petite croix en haut à droite du navigateur pour le fermer.

3/ L’historique

Ici, vous pouvez revoir vos actions depuis que vous avez commencé à travailler sur la page et revenir en arrière si vous vous êtes trompé.

Sous l’onglet Révisions, vous verrez l’historique de chaque session enregistré,.

4/ Mode responsive

Le Mode responsive vous permet de vérifier et adapté votre site aux différents écrans mobiles comme des portables ou des tablettes.

Une barre horizontale en haut de l’écran apparaîtra qui vous permet de prévisualiser la page sur de différents écrans tout en gardant la possibilité de faire des modifications en direct !

5/ Prévisualiser 

Ce bouton vous permet de prévisualiser la page dans le navigateur.

Attention, il s’agit un aperçu (preview) qui possède un lien temporaire.

6/ Mettre à jour (publier,  enregistrer comme brouillon / modele)

Voilà, vous avez terminé vos modifications, maintenant, vous pouvez choisir comment enregistrer votre page :

• Publier – si la page est terminée ou vous voulez qu’elle soit visible sur le site
• Mettre à jour – vous avez fait des modifications qu’il faut bien enregistrer 
• Enregistrer comme brouillon 
• Enregistrer comme modèle – vous avez créé une super page que vous souhaitez utiliser comme modèle pour d’autres pages.

Quand vous cliquez sur les 3 bars à gauche :

vous avez encore plus d’options :

• Réglages du site – le stylebook de votre site. C’est ici que vous pouvez configurer les styles globaux de votre site : typographie (des titres, corps de texte, couleurs, les boutons, etc).
  
  

   

• Constructeur de thème (pro) – les modèles qui construisent votre site : header
• Préférences de compte – quelques paramètres pour gérer l’interface 
• Notes – outil pour consulter les notes laissés par les utilisateurs autorisés sur le frontend (on y revient ;-))
• Finder – chercher dans Elementor
• Voir la page – prévisualiser la page en live (donc pas en mode preview)
• Quitter – Revenir vers le tableau de bord WordPress