Comment ajouter des images en utilisant les options Image unique, Galerie d'images et Section Texte et images

Ces étapes s’appliquent à la fois au SiteGround Website Builder et à SiteGround Ecommerce.

Si vous souhaitez ajouter des photos à une page, vous devrez d’abord choisir et ajouter des sections. Vous pouvez soit choisir une section avec des images existantes et les remplacer, soit insérer un composant image dans une section.

Comment ajouter un composant image unique

Pour ajouter une image unique, insérez un composant image dans une section de page nouvelle ou existante. Voici les étapes à suivre :

1. Cliquez sur Éditer le site web dans le Site Admin pour accéder au Website Builder.
   

   

   
   

2. Accédez à l’onglet Pages depuis la barre d’outils du menu de gauche.
3. Cliquez sur une page existante ou créez-en une nouvelle.
   

   

4. Dans l’éditeur visuel sur la droite, sélectionnez une section existante ou créez-en une nouvelle dans laquelle vous ajouterez l’image.
   

   

5. Cliquez sur le bouton Ajouter dans le coin supérieur droit de la section sélectionnée.
   

   

6. Dans la fenêtre Ajouter un composant, ouvrez l’onglet Général et sélectionnez Image.
   

   

7. Faites glisser et déposez l’image sur la grille pour trouver la meilleure position du composant dans la section.
   

   

Comment ajouter un composant ou une section galerie

Dans le Website Builder, vous pouvez ajouter une galerie d’images sous forme de section Images ou de composant Galerie.

Section galerie d’images

Pour ajouter une section galerie d’images :

1. Appuyez sur le bouton Ajouter une section dans l’éditeur visuel de la page.
2. Dans la fenêtre pop-up suivante, accédez à la catégorie Images.
3. Passez ensuite la souris sur le modèle de galerie choisi et appuyez sur le bouton Ajouter une section.

Composant galerie

Vous pouvez également ajouter un composant galerie d’images à une section. Après avoir appuyé sur le bouton Ajouter pour un nouveau composant, sélectionnez l’option Galerie pour insérer la galerie dans la section.

Section image et texte

Outre les composants ou sections uniquement composés d’images, il existe de nombreuses mises en page de sections (comme les Colonnes) qui combinent images et texte. Une fois que vous avez ajouté une telle section, vous pouvez la personnaliser pour modifier les images.

Selon la mise en page sélectionnée, le texte et les images peuvent être combinés de la manière suivante :

• Sections, where text and image are side by side
• Text and image sections where the text overlays a background image

Comment modifier une image

Une fois que vous avez ajouté une section ou un composant image, vous pouvez remplacer l’image de substitution par la vôtre ou la modifier.

Image unique

Pour modifier une image unique :

1. Cliquez sur l’image et sélectionnez l’icône Modifier (crayon).
   

   

2. Dans la fenêtre Modifier l’image, passez la souris sur l’écran de prévisualisation et appuyez sur Mettre à jour. Vous disposez de plusieurs options pour modifier l’image:

• Téléverser une image : sélectionnez et téléversez une image depuis votre appareil
• Ouvrir mes fichiers : choisissez une image depuis la galerie de votre site ou sélectionnez une image gratuite depuis la galerie Unsplash
• Générer une image : invitez l’IA à générer une image
• Ajouter depuis un lien : intégrez une image externe provenant d’un autre site web
  

  

Section ou composant galerie

Voici comment modifier une section ou un composant galerie d’images :

1. Cliquez sur la galerie et sélectionnez l’icône Modifier (crayon).
   

   

   
   

2. Puis, dans la fenêtre Modifier la galerie, ouvrez l’onglet Contenu.
3. Vous pouvez réorganiser l’ordre en faisant glisser les images, supprimer des images existantes ou en ajouter de nouvelles avec le bouton Ajouter des images.
   

   

   
   

4. Pour les nouvelles images, vous pouvez soit téléverser des fichiers depuis votre appareil, sélectionner des images existantes depuis votre galerie, ou utiliser des images gratuites depuis la galerie Unsplash. Vous pouvez sélectionner et ajouter plusieurs images à la galerie. Une fois les images sélectionnées, cliquez simplement sur Mettre à jour et vos nouvelles images apparaîtront.
   

   

Image d’arrière-plan

Pour modifier une image d’arrière-plan dans une section :

1. Dans la fenêtre Modifier la section, ouvrez l’onglet Design.
2. Passez la souris sur l’aperçu de l’image d’arrière-plan et appuyez sur le bouton Mettre à jour.
   

   

   
   

3. Vous pouvez ensuite téléverser une photo depuis votre appareil, sélectionner une image depuis la galerie de votre site, utiliser une image gratuite depuis la galerie Unsplash, intégrer une image externe en ajoutant un lien, ou utiliser l’IA pour générer une image.