Guides/Modifier votre site/Editeur/Modifier l’image d’arrière-plan de votre site

Modifier l’image d’arrière-plan de votre site

Vous pouvez personnaliser l’apparence de votre site en lui donnant un arrière-plan personnalisé. Si vous souhaitez modifier votre image d’arrière-plan, vous pouvez suivre les étapes de ce guide.

Conseils pour choisir une image d’arrière-plan

Définir une image d’arrière-plan est un moyen efficace de mettre en vitrine votre personnalité et de rendre votre site unique. Voici quelques conseils pour vous aider à personnaliser l’image d’arrière-plan de votre site :

  • En fonction de l’image d’arrière-plan utilisée, le texte situé par-dessus peut être difficile à lire. Pour de meilleurs résultats, choisissez une image subtile ou une composition simple qui ne masquera pas le contenu de votre site.
  • Choisissez une image de haute qualité qui couvrira la pleine largeur de votre site sans apparaître floue. Vous pouvez choisir des images de haute qualité dans la bibliothèque de photos gratuites.
  • Quelle que soit l’image que vous sélectionnez, choisissez des couleurs qui se complètent, restent harmonieuses et ne gênent pas la lecture du texte de votre site Web.

Si vous préférez choisir une couleur d’arrière-plan plutôt qu’une image, vous pouvez consulter le guide suivant pour modifier la couleur d’arrière-plan de votre site. Sinon, poursuivez votre lecture pour mettre à jour votre image d’arrière-plan.

Définir une image d’arrière-plan sur le site Web

Vous pouvez modifier l’image d’arrière-plan de votre site en suivant les étapes ci-dessous.

Pour savoir quelle section de ce guide suivre, rendez-vous sur votre tableau de bord et consultez la section Apparence sur le côté gauche. Si Éditeur s’affiche, utilisez la section Éditeur de site de ce guide. Sinon, utilisez les instructions de l’outil de personnalisation.

Utilisez l’option Styles pour modifier l’image d’arrière-plan de l’ensemble de votre site. Pour ajouter une image d’arrière-plan à votre site, la supprimer ou la modifier, procédez comme suit :

  1. Consultez le tableau de bord de votre site.
  2. Accédez à Apparence → Éditeur.
  3. Sélectionnez « Styles » dans le menu de gauche.
    • Dans l’éditeur, vous pouvez également sélectionner l’icône Styles dans le coin supérieur droit. Le bouton ressemble à un cercle noir et blanc.
  4. Cliquez sur l’option « Arrière-plan ».
  5. Cliquez sur le bouton « Ajouter une image d’arrière-plan » pour sélectionner une image dans votre médiathèque ou charger une image depuis votre ordinateur.
  6. Vous pouvez également cliquer sur l’image sélectionnée pour personnaliser les réglages de l’image d’arrière-plan.
  7. Cliquez sur le bouton « Enregistrer » pour appliquer l’image d’arrière-plan à votre site Web.
L’option Arrière-plan dans l’éditeur de style.

Ajuster les réglages de l’image d’arrière-plan

Une fois l’image d’arrière-plan définie, vous pouvez cliquer dessus pour ouvrir le panneau de réglages et configurer son point central, sa position et sa taille.

  • Point central : définissez le point central de l’image que vous souhaitez utiliser sur les écrans plus petits qui ne peuvent pas afficher l’image complète. Vous pouvez faire glisser le cercle dans l’image ou spécifier la position exacte à l’aide des options de pourcentage « Gauche » et « Haut ».
  • Arrière-plan fixe : l’arrière-plan est fixe par rapport à la fenêtre. L’image restera statique derrière le contenu de votre site.
  • Taille :
    • Couvrir : étirez l’image d’arrière-plan pour couvrir l’ensemble du bloc.
    • Contenir : redimensionnez l’image d’arrière-plan pour l’adapter au bloc sans le rogner.
    • Tuile : définissez une largeur fixe pour l’image d’arrière-plan dans le champ personnalisé. Utilisez les champs sous la section Taille pour définir une taille et indiquer si l’image doit se répéter ou non.
Réglages de l’image d’arrière-plan, y compris le point central et la taille.

Supprimer l’image d’arrière-plan

Pour supprimer (ou remplacer) l’image d’arrière-plan :

  1. Consultez le tableau de bord de votre site.
  2. Accédez à Apparence → Éditeur.
  3. Sélectionnez « Styles » dans le menu de gauche.
    • Dans l’éditeur, vous pouvez également sélectionner l’icône Styles dans le coin supérieur droit. Le bouton ressemble à un cercle noir et blanc.
  4. Cliquez sur les trois points à côté du libellé « Image d’arrière-plan » et cliquez sur l’option « RÉINITIALISER » à côté de l’image ou bien sur le bouton « Tout réinitialiser » en bas du panneau.
Flèche partant des trois points à droite du titre « Image d’arrière-plan » et pointant vers les options de réinitialisation.

Ajouter une image d’arrière-plan à des blocs spécifiques

Si vous souhaitez définir une image d’arrière-plan sur une partie spécifique d’une page ou d’un modèle, mais pas sur l’ensemble du site, vous pouvez utiliser un bloc Groupe pour regrouper le contenu et lui ajouter l’arrière-plan.

Plusieurs blocs comportent un réglage permettant d’afficher une image d’arrière-plan derrière leur contenu. Pour définir une image d’arrière-plan sur un bloc spécifique, procédez comme suit :

  1. Sélectionnez le bloc auquel vous souhaitez ajouter une image d’arrière-plan (prise en charge des blocs Groupe, Contenu, Citation, Couplet, etc.).
  2. Ouvrez la colonne latérale des réglages du bloc.

Si vous ne voyez pas la colonne latérale à droite, vous devrez peut-être cliquer sur l’icône Réglages dans le coin supérieur droit pour afficher les réglages. L’icône est un carré avec deux colonnes avec deux colonnes inégales.

L’icône Réglages en haut de l’éditeur WordPress est en surbrillance.
L’icône Réglages dans le coin supérieur droit
  1. Localisez le réglage « Image d’arrière-plan » dans la section Styles des réglages du bloc.
  2. Cliquez sur « Ajouter une image d’arrière-plan » pour afficher les options suivantes :
    • Ouvrir la médiathèque : sélectionnez une image existante dans les médias de votre site.
    • Charger : ajoutez une nouvelle image à partir de votre ordinateur ou appareil.
    • Réinitialiser : supprimez l’image d’arrière-plan.
  3. Vous pouvez également cliquer sur le nom de l’image d’arrière-plan pour personnaliser le point central, la taille, etc.

L’image d’arrière-plan sera prioritaire sur tout jeu de couleurs d’arrière-plan.

Adding a background image to a Group block.
Copied to clipboard!