Comment ajouter une image à mon site Website Builder ?
Ce guide explique comment ajouter une image à votre site Website Builder one.com et personnaliser ses Paramètres, notamment l'apparence, la conversion des liens et le texte alt.
- Connectez-vous à votre one.com panneau de configuration et cliquez sur Website Builder.
- Faites glisser le composant Image du menu à gauche dans votre espace de travail.
- Sélectionnez l’image que vous souhaitez ajouter ou téléchargez-en une depuis votre ordinateur ou une URL externe.
- Ajustez la taille et l'emplacement du composant d'image à votre guise.
- Sélectionnez l’image et cliquez sur Modifier l’image pour ajuster les propriétés de l’image.
- Cliquez sur Enregistrer et Publier pour rendre l’image visible sur votre site.
Propriétés du composant image
Vous pouvez ajuster l'affichage de votre image sur votre site Web à l'aide du menu au-dessus ou en dessous de l'image et du menu flottant que vous pouvez déplacer sur votre espace de travail.
1 - Menu supérieur/inférieur
- Lien - Vous pouvez transformer une image en lien. Cliquez sur l’icône de la chaîne et définissez l’emplacement auquel vous souhaitez créer un lien.
- Rotation - permet de faire pivoter une image vers la gauche ou vers la droite.
- Mettre l’image à l’échelle - Vous pouvez utiliser ce curseur pour effectuer un zoom avant et arrière sur une image sans modifier la taille du composant.
- Remplacer l’image - Cliquez sur ce bouton pour sélectionner une autre image.
2 - Menu flottant
-
Mise à l’échelle - Choisissez comment vous souhaitez que votre image se comporte lorsque vous modifiez la taille du composant.
- Recadrer conserve la mise à l’échelle de votre image, quelle que soit la taille du composant.
- Ajuster ajuste la taille de votre composant pour qu'il corresponde à l'image.
- Étirer modifie la mise à l’échelle de l’image avec le composant. - Bordure - Cliquez dessus pour ajouter une bordure à votre image. Vous pouvez définir la couleur, l'opacité et la largeur. Vous pouvez également ajouter des coins arrondis à l'image.
- Au clic - Sélectionnez ce qui doit se passer lorsque l’utilisateur clique sur l’image : ne rien faire, afficher une image plus grande ou ouvrir un lien.
- Référencement - Ici, vous pouvez entrer un titre alternatif (alt) pour votre image. Ceci est affiché lorsque l’image ne peut pas être affichée et sert de texte alternatif. Ajouter un texte alternatif est crucial pour le référencement. Fournir des informations descriptives sur les images aide les moteurs de recherche à comprendre le contenu et le contexte des images, améliorant ainsi la visibilité de votre site Web dans les résultats de recherche. Les textes alternatifs améliorent également l’accessibilité pour les utilisateurs qui ne peuvent pas voir les images.
- Affichage mobile - Ici, vous pouvez masquer une image dans l'affichage mobile ou la déplacer vers le bas de la page si l’image fait partie de votre modèle.
- Animation - Ajoutez un effet d’animation pour que l’image ressorte encore plus sur votre site. Vous pouvez choisir entre « fondu entrant », « glissant » ou « rebondissant ».
Articles liés :
Cet article vous a-t-il été utile ?