Une image en ligne dans WordPress est placée directement dans le texte d'un article ou d'une page et se fond naturellement dans le contenu environnant sans nécessiter de bloc d'image séparé. Elle ajoute des repères visuels subtils qui permettent aux lecteurs de rester concentrés et de maintenir un flux de contenu fluide. Les images en ligne fonctionnent bien dans les guides, les tutoriels et les descriptions de produits, où des images concises aident les lecteurs à suivre les instructions de manière naturelle.
Ces images contribuent à maintenir l'attention du lecteur en le guidant naturellement à travers chaque point sans interrompre sa concentration. Lorsqu'elles sont ajoutées avec parcimonie, les images en ligne améliorent la clarté, préservent la lisibilité et enrichissent l'expérience de lecture globale.
Ce guide explique les étapes pour ajouter des images en ligne dans WordPress et vous montre comment ajouter des visuels de manière fluide dans votre contenu.
Étape 1 : Ouvrez votre article ou votre page
Allez dans l'article ou la page de WordPress où vous souhaitez ajouter l'image en ligne.
Étape 2 : Placer le curseur
Positionnez votre curseur dans le texte à l'endroit où vous souhaitez que l'image apparaisse. Réfléchissez à l'endroit où une image compléterait le mieux le texte. Cette image apparaîtra directement dans le flux de texte. Dans cet exemple, nous voulons ajouter une image juste après le texte "jus de citrontexte ". Une fois que vous avez placé votre curseur au bon endroit en cliquant, l'icône Barre d'outils Gutenberg apparaîtra.
Étape 3 : Accéder à l'option d'image en ligne
Dans la barre d'outils qui apparaît, cliquez sur le bouton "Plus d'informations"et sélectionnez Image en ligne dans la liste déroulante. Cette fonction vous permet d'insérer une image directement dans votre texte sans utiliser un bloc d'image séparé.
Étape 4 : Insérer l'image
Sélection Image en ligne ouvre votre bibliothèque de médias, où vous pouvez choisir une image existante ou en télécharger une nouvelle. Si l'image que vous souhaitez utiliser se trouve déjà dans la bibliothèque, il vous suffit de cliquer pour la sélectionner. Télécharger pour l'ajouter depuis votre appareil.
Étape 5 : Ajuster la taille de l'image
Après l'insertion, redimensionnez l'image pour qu'elle corresponde au texte environnant. En règle générale, la taille des images en ligne est comprise entre 30 et 40. L'image reste ainsi subtile et alignée sur le texte. Cliquez donc sur l'image pour la sélectionner et en définir la taille.
Vous pouvez voir que l'image en ligne est maintenant parfaitement adaptée à la taille du texte. Nous avons également ajouté d'autres images en ligne à côté des mots "sucre" et "glaçons"en suivant le même processus.
Conseils pour de meilleurs résultats
- Choisissez des images de haute qualité : Utilisez des images claires et de haute résolution pour garantir un aspect professionnel et améliorer la lisibilité.
- Optimiser la taille de l'image : Les images doivent être de petite taille (moins de 100 Ko) afin de maintenir des vitesses de chargement rapides sans compromettre la qualité.
- Aligner sur la taille du texte : Adaptez la taille des images à celle du texte environnant afin d'obtenir un aspect cohérent qui ne perturbe pas le flux de lecture.
- Utilisez le texte Alt : Ajoutez un texte alt descriptif à chaque image pour améliorer l'accessibilité et le référencement.
- Limiter l'utilisation : Évitez la surcharge d'images en ligne ; une ou deux images bien placées par section permettent de conserver un contenu propre et attrayant.
Conclusion
Les images en ligne permettent d'ajouter des éléments visuels, petits mais percutants, qui renforcent la clarté et l'attrait de votre contenu. Utilisées à bon escient, ces images créent une expérience de lecture équilibrée et aident les lecteurs à rester concentrés et informés. Si vous suivez les étapes mentionnées ici, vous serez certainement en mesure d'ajouter des images en ligne dans WordPress pour créer une présentation cohérente et visuellement attrayante.
