- Ouvrez Website Builder depuis le tableau de bord one.com.
- Faites glisser le composant Image depuis le menu sur la gauche vers votre espace de travail.
- Sélectionnez l'image que vous souhaitez ajouter ou téléchargez-la depuis votre ordinateur ou depuis une URL externe.
- Modifiez la taille et le positionnement du composant image selon vos envies.
- Cliquez sur Éditer l'image pour ajuster les propriétés de l'image.
- Cliquez sur Enregistrer puis Publier pour rendre l'image visible sur votre site.
Propriétés du composant image
Vous pouvez définir la façon dont une image apparaîtra sur votre site à partir du menu apparaissant au-dessus ou en-dessous de l'image ainsi qu'à partir du menu déroulant que vous pouvez déplacer sur votre espace de travail.
1 - Menu du haut/bas
- Lien - Vous pouvez créer un lien à partir d'une image. Cliquez sur l'icône en forme de chaîne et choisissez la destination vers laquelle vous voulez créer un lien.
- Rotation - Faites pivoter l'image vers la gauche ou la droite.
- Mise à l'échelle de l'image - Vous pouvez utiliser ce curseur pour zoomer et dézoomer de l'image sans modifier les dimensions.
- Modifier l'image - Cliquez sur ce bouton pour sélectionner une autre image.
2 - Menu déroulant
-
Mise à l'échelle - Choisissez la façon dont vous souhaitez que votre image réagisse lorsque vous modifiez la taille du composant.
- Rognage Conservez l'échelle de votre image quelle que soit la taille du composant.
- Ajustement Ajustez la taille de votre composant pour qu'il corresponde à la taille de votre image.
- Extension Pour modifier l'échelle de l'image et du composant. - Bordure - Cliquez pour ajouter une bordure à votre image. Vous pouvez modifier la couleur, la transparence ainsi que la largeur. Vous pouvez également arrondir les angles de votre image.
- Clic sur l'image - Déterminez les conséquences lorsqu'un visiteur clique sur l'image : rien, afficher l' image en grand ou ouverture d'un lien.
- SEO - Vous pouvez saisir ici un intitulé alternatif (alt) à votre image. Ce dernier s'affichera lorsque l'image ne pourra pas être affichée, intéressant pour le SEO.
- Vue mobile - Vous pouvez masquer une image dans la vue mobile ou, si l'image est intégrée à votre modèle, la déplacer en bas de page.
Articles connexes :
