Comment ajouter du texte sur une image dans WordPress (3 méthodes)

Ajouter du texte en haut d'une image est une technique populaire pour améliorer l'attrait visuel de votre contenu ou site Web. De plus, c'est un excellent moyen de rendre vos images plus informatives et engageantes.

Dans cet article, nous avons trouvé trois façons simples d'ajouter du texte sur une image dans WordPress. Que vous préfériez utiliser l'éditeur de blocs, une extension ou du code personnalisé. Découvrons !

Pourquoi est-il important d'ajouter du texte en haut des images

Avant de passer aux méthodes, vous devez connaître la raison pour laquelle l'ajout de texte en haut des images est important.

1. Attirer l'attention

Si les utilisateurs font défiler rapidement le contenu, l'ajout d'images à elles seules ne suffit peut-être pas pour attirer leur attention. C'est pourquoi vous devez ajouter du texte sur l'image pour vous aider à capter l'attention des utilisateurs et transmettre votre message plus efficacement.

2. Améliorer l'expérience utilisateur

Il est vrai que les images peuvent apporter beaucoup de valeur en elles-mêmes, cependant, ajouter du texte par-dessus, comme des légendes, des citations ou d'autres contenus basés sur le texte, peut les rendre encore plus utiles. De plus, les utilisateurs peuvent comprendre le contexte de l'image et son lien avec votre contenu.

3. Amélioration de l'accessibilité

Vous pouvez également contribuer à améliorer l'accessibilité pour les utilisateurs qui peuvent avoir des difficultés à visualiser l'image elle-même. En fournissant une alternative textuelle, vous pouvez vous assurer que votre contenu est accessible à un plus large éventail d'utilisateurs.

4. Amélioration du SEO

Ajouter des mots-clés pertinents aux légendes de vos images ou au texte alternatif peut aider à améliorer le classement du site Web dans les moteurs de recherche. En effet, les moteurs de recherche utilisent ces informations pour comprendre le contenu de votre site Web et déterminer sa pertinence par rapport aux requêtes de recherche des utilisateurs.

3 méthodes pour ajouter du texte sur une image dans WordPress

1. Utilisez l'éditeur de blocs WordPress

Tout d'abord, allez à la page ou au message sur lequel vous allez ajouter le texte sur l'image.

Choisissez Couverture pour écrire le texte sur l'image.

Après cela, il commencera à apparaître sur votre écran. Il vous montre l'image par défaut, mais vous pouvez modifier l'image comme vous le souhaitez.

Vous pouvez également remplacer l'image par défaut par votre image personnalisée. Cliquez sur le bouton de remplacement puis téléchargez l'image ou choisissez simplement dans la médiathèque.

Cela ressemblera à ceci, puis vous pouvez écrire le texte sur l'image comme vous le souhaitez.

Double-cliquez sur le texte, vous obtiendrez l'option d'édition pour le texte. Vous pouvez ajuster la taille, la couleur et bien plus encore selon vos besoins.

Enfin, cliquez sur le bouton de mise à jour, ou si vous avez ajouté un nouvel article ou une nouvelle page, cliquez ensuite sur le bouton de publication.

2. Utiliser CSS

Ouvrez l'éditeur de blocs WordPress et sélectionnez le bloc d'image où vous souhaitez ajouter du texte. Dans la barre latérale droite, cliquez sur l'onglet Avancé.

Dans le champ Classe CSS supplémentaire, ajoutez une classe personnalisée pour le bloc d'image.

Enregistrer les modifications et publier ou mettre à jour la page ou l'article.

.custom-class { position: relative; } .custom-class p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #ffffff; text-shadow: 2px 2px 2px #000000; } 

Dans le code ci-dessus, remplacez "classe-personnalisée" par la classe personnalisée que vous avez ajoutée au bloc d'image. Vous pouvez également personnaliser la taille de police, la couleur et d'autres options de style pour correspondre à vos préférences.

3. Utiliser l'extension WordPress

Si vous voulez la liberté de créer des conceptions de page complètement personnalisées, vous aurez besoin d'un plugin de constructeur de page. L'un des plugins de constructeur de page pour WordPress est SeedProd, qui vous permet d'ajouter du texte sur n'importe quelle image sur l'ensemble de votre site Web.

Premièrement, installez et activez le plugin SeedProd. Lors de l'activation, vous devrez entrer une clé de licence. Connectez-vous à votre compte SeedProd, puis cliquez sur l'onglet Télécharger.

Une fois cela fait, copiez la clé dans la section Clé de licence.

Vous pouvez maintenant coller cette clé dans votre zone d'administration WordPress en allant sur la page SeedProd ›› Paramètres.

Une fois ici, allez-y et collez votre clé dans le champ Clé de licence. Ensuite, il vous suffit de cliquer sur Vérifier la clé.

Ensuite, allez sur SeedProd » Landing Pages et cliquez sur Ajouter une nouvelle page de destination.

Après cela, choisissez un modèle. Quel que soit le modèle SeedProd que vous choisissez, vous pouvez personnaliser chaque partie du modèle pour qu'il convienne parfaitement à votre site Web et à votre marque.

Cependant, si vous préférez commencer avec une toile vierge, alors cliquez sur le Modèle Vierge.

Une fois que vous avez trouvé un modèle, survolez-le avec votre souris. Vous pouvez alors cliquer sur l'icône Aperçu.

Si vous êtes satisfait de l'apparence de ce modèle, alors allez-y et cliquez sur le bouton Choisir ce modèle.

Dans le champ Nom de la page, saisissez un nom pour la page.

Si vous souhaitez modifier l'URL créée automatiquement, modifiez le texte dans le champ URL de la page.

Cliquez sur le bouton Enregistrer et commencer à modifier la page. Cela ouvrira le modèle dans l'éditeur glisser-déposer de SeedProd.

Dans la barre latérale gauche, vous verrez tous les blocs et sections que vous pouvez ajouter à votre page en utilisant le glisser-déposer.

Sauf si vous utilisez le modèle vierge, votre page SeedProd aura déjà des blocs et des sections. Pour modifier l'un de ces contenus, cliquez pour sélectionner le bloc ou la section.

Le menu de gauche de SeedProd affiche désormais tous les paramètres que vous pouvez utiliser pour personnaliser ce bloc ou cette section.

Le moyen le plus simple d'ajouter du texte sur une image est d'utiliser l'une des sections Hero prêtes à l'emploi de SeedProd.

Ces sections ont une image d'arrière-plan pleine largeur avec un espace réservé, ainsi que du texte ajouté par-dessus. Vous pouvez simplement remplacer l'image et le texte d'arrière-plan par défaut par votre propre contenu.

Cliquez sur l'onglet Section dans le menu de gauche.

Ensuite, cliquez sur Hero pour voir toutes les sections Hero prêtes à l'emploi que vous pouvez ajouter à votre page.

Pour ajouter cette section de héros à votre conception, cliquez simplement sur Choisir cette section.

Cliquez sur l'image stock pour la sélectionner si vous souhaitez remplacer le stock du modèle par votre propre image.

Passez la souris sur l'aperçu de l'image d'arrière-plan jusqu'à ce qu'une icône de corbeille apparaisse. Vous pouvez ensuite cliquer sur cette icône pour supprimer l'image de remplacement.

Ensuite, cliquez sur Utiliser votre propre image. Vous pouvez alors soit choisir une image dans la bibliothèque de médias WordPress, soit utiliser une image de stock.

Une fois que vous avez ajouté une image, vous êtes prêt à remplacer le texte de remplacement.

Cliquez pour sélectionner le bloc de texte. Puis dans la zone de texte, tapez simplement le texte que vous souhaitez utiliser.

Certains modèles de héros de SeedProd contiennent du contenu supplémentaire, tel que des boutons d'appel à l'action.

Si vous souhaitez modifier ce contenu, cliquez pour sélectionner le bloc puis effectuez vos modifications dans le menu de gauche de SeedProd.

Une autre option consiste à supprimer le bloc du modèle de héros.

Pour ce faire, cliquez pour sélectionner le bloc puis cliquez sur l'icône de corbeille.

Si vous êtes satisfait de la conception de votre page, cliquez sur le bouton Enregistrer.

À partir de là, vous pouvez choisir de publier la page ou de l'enregistrer en tant que modèle.

Conclusion

C'est tout pour les trois méthodes pour ajouter du texte sur une image dans WordPress. Facile, n'est-ce pas ? Choisissez l'approche qui convient le mieux à votre niveau de compétence et à vos préférences de conception.

De plus, organisez, optimisez et gérez vos fichiers multimédias comme un pro avec WP Media Folder. Il est temps de dire adieu aux bibliothèques désordonnées !