Insérer une image
- Cliquez sur « Éditer », l'icône «
» dans la barre d'actions de l'article dans lequel vous souhaitez ajouter une image, ou créez un nouvel article en cliquant sur « + Ajouter un article ».
- Placez le curseur à l'endroit où vous souhaitez insérer l'image.
- Cliquez sur « Média » dans la barre d'édition, puis sur « Photo ».
- À droite du champ « Source », cliquez sur l'icône «
» pour ouvrir « Fichiers et images ».
- Parcourez les dossiers pour trouver votre image et cliquez dessus, ou cochez sa case puis cliquez sur « Insérer ».
Si votre image n'est pas encore dans « Fichiers et images », téléversez-la d'abord : cliquez sur le dossier de destination, puis sur « Transférer ». Cliquez sur « Parcourir les fichiers à ajouter », sélectionnez l'image sur votre ordinateur. Une fois l'image dans la fenêtre de transfert cliquez sur « Transférer ». Lorsque le transfert affiche 100 %, fermez la fenêtre. Votre image est maintenant disponible.
- Dans la fenêtre « Insérer/éditer une image », renseignez les champs suivants :
- Titre : saisissez un titre pour l'image. Il apparaît en infobulle au survol sur certains navigateurs. Son impact sur le référencement est minime. C'est le champ « Description » qui est important pour le SEO et l'accessibilité.
- Description : saisissez une description de l'image. Ce texte sert de texte alternatif (alt) pour l'accessibilité et le référencement. Il est lu par les lecteurs d'écran et affiché si l'image ne se charge pas.
- Crédit : au besoin, indiquez le droit d'auteur de l'image. Le crédit apparaît sous l'image.
- Largeur et Hauteur : indiquez les dimensions souhaitées ou laissez celles déjà inscrites. Si l'image est plus grande que la colonne disponible, elle s'ajustera automatiquement.
- Taille adaptative : laissez cette option cochée. Webartchitecte convertit automatiquement l'image en WebP et génère des versions adaptées aux différents appareils (mobile, tablette, bureau).
- En arrière-plan : cochez cette option pour placer l'image en arrière-plan de l'article. Vous pourrez ainsi superposer du texte par-dessus. Les champs « Titre » et « Description » sont alors désactivés.
- Créer une miniature : cochez cette option pour afficher une version réduite de l'image sur laquelle le visiteur peut cliquer pour l'afficher en grand format.
- Apparence : sélectionnez « Aucun » pour aucun alignement, « Gauche » pour aligner l'image à gauche du contenu, ou « Droite » pour l'aligner à droite.
- Avec cadre : cochez cette option pour ajouter un cadre autour de l'image.
- Cliquez sur « Sauvegarder » pour insérer l'image dans votre article.
- Cliquez sur « Sauvegarder » pour enregistrer votre article.
Related Articles
Insérer une adresse de courriel
Cliquez sur « Éditer », l'icône «» dans la barre d'actions de l'article dans lequel vous souhaitez ajouter une adresse de courriel, ou créez un nouvel article en cliquant sur « + Ajouter un article ». Sélectionnez le contenu sur lequel vous souhaitez ...Ajouter un texte alternatif (alt) à une image
Le texte alternatif (attribut alt) est essentiel pour l'accessibilité et le référencement de votre site. Il permet aux lecteurs d'écran de décrire l'image aux personnes malvoyantes, et aide les moteurs de recherche à comprendre le contenu de vos ...Créer une nouvelle ou un article de blogue
Cliquez sur « Outils et gestion », l'icône « » dans le coin inférieur gauche de la fenêtre de votre navigateur, puis dans le panneau, cliquez sur « Modules », puis sur « Actualités ». Sélectionnez la catégorie appropriée dans la liste. Cliquez sur « ...Insérer un numéro de téléphone cliquable
La plupart des téléphones intelligents récents détectent automatiquement les numéros de téléphone sur une page web et les rendent cliquables. Pour rendre un numéro détectable par un plus grand nombre d'appareils, ou pour ajouter un lien téléphonique ...Redimensionner une image
À partir d'un article Cliquez sur « Éditer », l'icône «» dans la barre d'actions de l'article contenant l'image. Cliquez avec le bouton droit de la souris sur l'image. Des poignées apparaîtront aux quatre coins pour confirmer la sélection. Dans le ...