Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Comment insérer une image ?

  1. Connectez-vous au panneau de configuration et ouvrez le Website Builder.
  2. Cliquez sur Composants et faites glisser le composant Image dans votre espace de travail.
  3. Sélectionnez l'image que vous voulez insérer ou téléchargez-en une à partir de votre ordinateur ou d'une URL externe.
  4. Ajustez la taille et la position du composant image à votre goût ;
    - Entrez les dimensions exactes dans la zone verte visible quand le composant est sélectionné.
    - Faites glisser les poignées de redimensionnement jusqu'à la taille de votre choix.
  5. Ajustez les Propriétés de l'image.
  6. Cliquez sur Enregistrer dans l'angle supérieur gauche ensuite Publier pour rendre l'image visible sur votre site.

Use the image component to insert images in your website

Propriétés du composant image

Vous pouvez définir la manière dont l'image sera affichée sur votre site web dans l'onglet Propriétés.

  • Image - Cliquez sur Modifier pour modifier l'image directement dans le Website Builder. Cliquez sur l'icône image pour changer l'image active.
  • Lien - Vous pouvez transformer une image en lien. Cliquez sur l'icône de chaîne et définissez l'emplacement vers lequel vous voulez établir un lien.
  • Échelle - Vous pouvez utiliser ce curseur pour faire un zoom avant ou arrière sur une image, sans changer la taille du composant.
  • Afficher une large version en cliquant - Cochez cette case si vous voulez qu'une version plus large apparaisse quand un visiteur clique dessus.
  • Bordure - Cliquez sur ceci pour ajouter une bordure à votre image. Vous pouvez en définir la couleur, le style et la largeur.
  • Angles - Vous pouvez ajouter des angles arrondis à votre image. Cliquez sur l'icône + si vous voulez donner des valeurs différentes à chaque angle.
  • Titre de l'image - Ici, vous pouvez entrer un titre alternatif pour votre image. Il sera visible quand l'image ne pourra pas être affichée. C'est également recommandé pour l'optimisation des moteurs de recherche.
  • Réglage de l'échelle de l'image - Choisissez la manière dont vous voulez que votre image s'affiche quand vous changez la taille du composant.
    - Rogner conserve l'échelle de votre image, quelle que soit la taille du composant
    - Ajuster ajuste la taille de votre élément de sorte à ce qu'il soit adapté à l'image.
    - Étirer change l'échelle de l'image à l'aide du composant.

Articles associés :

Qu'est-ce que le SEO (Search Engine Optimization) ?
Comment insérer un diaporama ?
Comment insérer plusieurs images dans une grille ?