En option : Ajouter les images du site en amont à la bibliothèque média
Si tu as défini une sélection de photo pour ton site, tu peux les ajouter en amont à ton site WordPress pour gagner du temps plus tard dans le choix et l’ajout de photo sur les pages de ton site.
Depuis ton tableau de bord WordPress :
- Cliquer sur « Média« .
- Puis sur « Ajouter« .
- Ajouter les images en cliquant sur « sélectionner les fichiers » ou faisant glisser l’ensemble des fichiers photos sélectionnées pour le site.
- Tes photos sont ajouter à ton site. Tu peux les retrouver en cliquant sur « média » puis « médiathèque ».
- et en profiter en cliquant sur chacune d’elle pour ajouter un nom « text alt » (bonnes pratiques SEO).
Changer l'image / photo sur une page
Après avoir sur la page à modifier, ouvert l’éditeur Elementor en cliquant sur « modifier avec Elementor » :
- Cliquer sur l’image à modifier.
- Un menu latéral gauche s’ouvre.
- Cliquer sur l’image dans le menu latérale sous modifier image.
- Une fenêtre avec la bibliothèque médias s’ouvre.
- Si la photo à ajouter s’y trouve : cliquer dessus puis sur « sélectionner ».
- Si non, cliquer sur téléverser, ajouter la photo et cliquer sur « sélectionner »
- Cliquer ensuite sur « mettre à jour » pour sauvegarder les modifications.
Modifier l'image en arrière-plan d'une section
Sur la page avec l’éditeur Elementor ouvert ( Page > « modifier avec Elementor ») :
- Cliquer sur la section avec la photo à modifier.
- Un menu latéral gauche s’ouvre avec les réglages du bloc.
- Cliquer sur « Style«
- Dans « arrière-plan« , cliquer sur la photo
- Une fenêtre avec la bibliothèque média s’ouvre.
- Si la photo que tu veux ajouter s’y trouve : cliquer dessus puis sur « sélectionner ».
- Si non, cliquer sur téléverser, ajouter la photo et cliquer sur « sélectionner »
- Pour ajuster l’opacité, cliquer toujours dans style sur « superposition d’arrière-plan » puis change le degré d’opacité ou la couleur.
- Clique ensuite sur « mettre à jour » pour sauvegarder les modifications.
NB : Selon l’élément que tu modifie, si tu ne trouves pas « arrière-plan » dans l’onglet « style », regarde dans l’onglet « avancé ».
Point d’attention :
- La taille et le poids des photos a un impact sur l’expérience utilisateur et la visibilité de ton site sur les moteurs de recherche. Un site trop lent peut être pénalisé.
- Pour ne pas ralentir ton site web, il est recommandé de :
- Faire attention au poids de tes photos au moment de les ajouter (<300-500 ko dans l’idéal)
- d’utiliser un outil de compression d’image comme TinyPNG pour compresser automatiquement les images.
