L’édition du contenu est l’une des compétences les plus essentielles que vous devez maîtriser pour garder votre site à jour et attrayant. Avec Elementor, cette tâche devient rapide et intuitive, que ce soit pour modifier du texte, ajouter de nouvelles images ou ajuster la mise en page de vos pages.
Voir la Structure de la Page
Vous pouvez voir la structure actuelle de la page via le bouton « Structure » en haut a gauche de votre écran. Cela fera apparaitre un petit encart comme celui-ci :
Il vous sera ainsi plus simple de sélectionner le bon élément afin de la modifier.
Modifier du Texte
Pour modifier du texte sur votre site avec Elementor, suivez ces étapes simples :
Sélectionner la Section de Texte à Modifier :
Dans l’éditeur Elementor, cliquez sur le bloc de texte que vous souhaitez modifier. Un cadre rose apparaîtra autour de la zone de texte, indiquant que l’élément est sélectionné.
Si vous avez du mal a sélectionner le bloc de texte voulu, vous pouvez aussi le faire depuis l’encart structure (ici Éditeur de texte) :
Éditer et Formater le Texte :
Une fois le bloc sélectionné, les options d’édition apparaissent dans la barre latérale gauche :
- Modifier le Texte : Tapez directement dans la zone de texte ou dans le champ de saisie de la barre latérale.
- Formater le Texte : Utilisez les options de la barre d’outils (police, taille, couleur, alignement, etc.) pour ajuster l’apparence du texte selon vos préférences.
- Appliquer des Styles Avancés : Cliquez sur l’onglet « Style » pour accéder à des paramètres supplémentaires tels que l’ombre de texte, l’espacement des lettres, et bien plus encore.
Enregistrer les Modifications :
Une fois satisfait de vos changements, cliquez sur le bouton « Publier » en haut à droite pour enregistrer vos modifications.
Changer des Images
Modifier les images de votre site WordPress peut parfois nécessiter des ajustements spécifiques, notamment lorsque les images sont utilisées comme arrière-plan de conteneurs. Voici comment vous pouvez procéder pour mettre à jour ces images :
- Sélectionner le Conteneur :
- Accédez à la Page à Modifier : Ouvrez la page contenant le conteneur dont vous souhaitez changer l’arrière-plan.
- Entrer en Mode Édition : Cliquez sur le bouton « Modifier avec Elementor » pour entrer dans l’éditeur Elementor.
- Sélectionner le Conteneur : Cliquez sur le conteneur dont vous voulez modifier l’arrière-plan. Cela peut être une section, une colonne ou un widget qui a une image d’arrière-plan.
- Modifier l’Arrière-Plan :
- Accéder aux Paramètres du Conteneur : Une fois le conteneur sélectionné, accédez au panneau de gauche. Cliquez sur l’onglet « Style » pour afficher les options de personnalisation.
- Changer l’Image d’Arrière-Plan : Sous l’onglet « Arrière-plan », vous verrez l’option « Image ». Cliquez sur l’image actuelle ou sur le bouton « Choisissez une image » pour sélectionner une nouvelle image.
- Téléverser un Fichier :
- Choisir une Nouvelle Image : Une fois que vous avez cliqué sur « Choisissez une image », vous serez dirigé vers la bibliothèque de médias de WordPress. Vous pouvez soit sélectionner une image existante, soit télécharger un nouveau fichier.
- Télécharger une Image : Si vous devez télécharger une nouvelle image, cliquez sur le bouton « Téléverser des fichiers » puis sur « Sélectionnez des fichiers ». Sélectionnez l’image que vous souhaitez utiliser depuis votre ordinateur et cliquez sur « Ouvrir » pour l’importer.
- Sélectionner l’Image :
- Choisir l’Image Téléversée : Après avoir téléversé l’image, sélectionnez-la dans la bibliothèque de médias en cliquant dessus.
- Insérer l’Image : Cliquez sur le bouton « Sélectionner » en bas à droite de l’encadré pour appliquer l’image comme arrière-plan du conteneur.
- Publier les Modifications :
- Prévisualiser les Changements : Avant de publier, utilisez l’option de prévisualisation pour vérifier à quoi ressemble la nouvelle image d’arrière-plan sur la page.
- Enregistrer et Publier : Une fois satisfait de l’apparence, cliquez sur le bouton « Publier » pour appliquer les modifications à votre site en direct.
En suivant ces étapes, vous pourrez facilement remplacer les images d’arrière-plan de vos conteneurs et garantir que votre site reste attrayant et à jour. N’oubliez pas de vérifier l’apparence de votre site sur différents appareils pour vous assurer que les nouvelles images s’affichent correctement.
Modification d'une Galerie d'Images
Les galeries d’images sont un excellent moyen de présenter plusieurs photos sur votre site WordPress de manière visuelle et organisée. Voici comment modifier une galerie d’images existante ou en ajouter une nouvelle avec Elementor :
- Sélectionner la Galerie d’Images :
- Accédez à la Page à Modifier : Ouvrez la page où se trouve la galerie d’images que vous souhaitez modifier.
- Entrer en Mode Édition avec Elementor : Cliquez sur le bouton « Modifier avec Elementor » pour entrer dans l’éditeur.
- Sélectionner la Galerie d’Images : Localisez la galerie d’images que vous voulez modifier. Cliquez dessus pour la sélectionner et afficher les options de modification dans le panneau de gauche.
- Modifier les Images de la Galerie :
- Ouvrir les Paramètres de la Galerie : Dans le panneau de gauche, vous verrez les paramètres de la galerie d’images. Cliquez sur l’encadré contenant les images actuellement présentes dans la galerie pour ouvrir la fenêtre de sélection d’images.
- Ajouter ou Supprimer des Images : Dans la fenêtre de modification de la galerie, vous pouvez cliquer sur « Ajouter à la Galerie » pour insérer de nouvelles images ou sur la croix pour supprimer des images existantes.
- Réorganiser les Images : Cliquez et faites glisser les images pour les réorganiser dans l’ordre que vous souhaitez.
- Téléverser de Nouvelles Images :
- Télécharger une Image : Si vous souhaitez ajouter une nouvelle image qui n’est pas encore dans votre bibliothèque de médias, cliquez sur « Téléverser des fichiers » et sélectionnez l’image depuis votre ordinateur.
- Sélectionner et Insérer l’Image : Une fois téléchargée, cliquez sur l’image pour la sélectionner, puis cliquez sur « Ajouter à la Galerie ».
- Configurer l’Apparence de la Galerie :
- Ajuster les Paramètres d’Affichage : Utilisez les options du panneau de gauche pour ajuster le nombre de colonnes, l’espacement entre les images, et d’autres paramètres de style pour personnaliser l’apparence de votre galerie.
- Activer la Visionneuse : Vous pouvez également activer l’option « Visionneuse » pour permettre aux visiteurs de voir les images en grand format lorsqu’ils cliquent dessus. Il faudra pour cela mettre « Lien » à « Fichier média » et « Visionneuse » à « Oui » (2ème image).
- Enregistrer et Publier les Modifications :
- Prévisualiser la Galerie : Utilisez l’option de prévisualisation pour vérifier l’apparence de la galerie d’images après vos modifications.
- Sauvegarder et Publier : Lorsque vous êtes satisfait du résultat, cliquez sur « Publier » pour enregistrer vos changements et les rendre visibles sur votre site.
Avec ces étapes, vous serez en mesure de gérer et de modifier efficacement les galeries d’images sur votre site WordPress, en utilisant Elementor pour offrir une expérience visuelle dynamique et engageante à vos visiteurs.
Ajouter de Nouveaux Éléments de Contenu
Pour enrichir vos pages avec de nouveaux éléments de contenu (vidéos, boutons, listes, etc.) :
Glisser et Déposer les Widgets :
Dans la barre latérale, faites défiler jusqu’au widget que vous souhaitez ajouter (par exemple, « Vidéo », « Bouton », « Liste », etc.). Glissez et déposez le widget dans la zone de contenu où vous voulez l’ajouter.
Configurer les Paramètres de l’Élément :
Une fois le widget ajouté, utilisez la barre latérale pour personnaliser ses paramètres : ajoutez une URL pour les vidéos, définissez les actions des boutons, etc.
Enregistrer les Modifications :
Une fois satisfait de vos changements, cliquez sur le bouton « Publier » en haut à droite pour enregistrer vos modifications.
Conseils pour Une Édition Efficace
- Prévisualisez Souvent : Utilisez le bouton « Aperçu » pour vérifier l’apparence de vos changements avant de les publier.
- Utilisez les Styles Globaux : Appliquez des styles globaux pour conserver une cohérence visuelle sur l’ensemble de votre site. Par exemple, définissez une typographie ou une palette de couleurs unique pour toutes vos pages. Les styles globaux sont représentés par une icone de planète.
- Restez Mobile-Friendly : Vérifiez la compatibilité mobile de vos modifications en utilisant le mode de prévisualisation mobile d’Elementor. En cliquant sur chacuns des icones vous pourrez prévisualiser le rendu sur chaque support (PC, Tablette, Smartphone)
Erreurs Courantes à Éviter
- Ne pas Sauvegarder les Modifications : Assurez-vous toujours de cliquer sur « Publier » après chaque série de changements.
- Trop d’Éléments de Texte : Gardez vos blocs de texte concis et engageants. Utilisez des sous-titres, des listes à puces et des paragraphes courts pour améliorer la lisibilité.
- Oublier l’Optimisation d’Images : Utilisez des images compressées pour réduire le temps de chargement de votre site. Des images trop lourdes peuvent ralentir considérablement les performances de votre site.
Avec ces outils et astuces, vous êtes prêt à modifier et enrichir le contenu de votre site web avec confiance et facilité. Maintenant, passons à la section suivante pour découvrir comment gérer vos médias avec Elementor !