Vous voulez ajouter du texte au-dessus d’une image dans WordPress ?
Une superposition de texte est un excellent moyen de fournir quelques informations supplémentaires sur une image. C’est aussi un moyen rapide et facile de créer des bannières, des en-têtes, et même des publicités en ligne.
Dans cet article, nous allons vous montrer comment ajouter du texte au dessus d’une image sur WordPress.
Ajouter du texte sur des images dans WordPress
Les images peuvent rendre votre site Web WordPress plus intéressant et aider à briser les grands paragraphes de texte.
Cependant, vos images peuvent parfois nécessiter plus d’explications. Par exemple, vous pouvez ajouter du texte au-dessus d’une image pour expliquer ce qu’elle montre et pourquoi vous l’avez ajoutée à votre article.
De nombreux blogs WordPress ajoutent également du texte au-dessus d’une image pour créer des bannières et des en-têtes accrocheurs et informatifs.
Dans cet article, nous vous proposons trois façons différentes d’ajouter du texte sur une image dans WordPress. Si vous préférez passer directement à une méthode particulière, vous pouvez utiliser les liens ci-dessous.
Méthode 1. Comment ajouter du texte au dessus d’une image en utilisant le bloc de couverture
Une façon d’ajouter du texte au dessus d’une image dans WordPress est d’utiliser le bloc Cover. Vous pouvez utiliser ce bloc pour afficher n’importe quelle image, puis taper du texte par-dessus l’image. Cela rend le bloc Cover parfait pour créer des images héroïques, des en-têtes et des bannières.
Pour ajouter un bloc Cover à une page ou un article, il suffit de cliquer sur le signe plus (+) dans l’éditeur de blocs de WordPress.
Vous pouvez maintenant taper » Cover » et sélectionner le bon bloc lorsqu’il apparaît.
Par défaut, le bloc Couverture comporte une image et un texte de remplacement.
Pour remplacer l’image par défaut, cliquez simplement sur l’image pour la sélectionner. Une fois que vous avez fait cela, cliquez sur le bouton « Remplacer ».
Si vous souhaitez utiliser une image qui se trouve déjà dans votre médiathèque WordPress, cliquez simplement sur » Ouvrir la médiathèque » Vous pouvez alors choisir une image existante.
Si vous souhaitez télécharger une nouvelle image, cliquez plutôt sur » Télécharger « .
Cela ouvre une fenêtre dans laquelle vous pouvez choisir n’importe quel fichier sur votre ordinateur.
Après avoir choisi une image, vous pouvez utiliser les paramètres du bloc pour créer des effets intéressants et accrocheurs. Par exemple, vous pouvez faire en sorte que l’image reste fixe lorsque le visiteur fait défiler la page, ou ajouter une superposition de couleurs à l’image.
Si vous utilisez une superposition, vous pouvez modifier son opacité à l’aide du curseur « Opacité ». Le paramètre d’opacité contrôle la transparence de l’image d’arrière-plan.
Lorsque vous êtes satisfait de l’aspect de l’image, vous êtes prêt à ajouter du texte.
Par défaut, le bloc Couverture comporte un bloc En-tête et un bloc Paragraphe dans lesquels vous pouvez ajouter du texte par-dessus l’image.
Pour ajouter du texte, il suffit de cliquer pour sélectionner le bloc En-tête ou Paragraphe. Ensuite, allez-y et tapez le texte que vous voulez utiliser.
Lorsque vous ajoutez du texte au-dessus d’une image, ce texte peut parfois être difficile à lire. C’est particulièrement vrai pour les visiteurs qui ont une mauvaise vue. Pour en savoir plus, veuillez consulter notre guide sur la façon d’améliorer l’accessibilité de votre site WordPress.
Ceci étant dit, vous pouvez styliser votre texte pour qu’il soit plus facile à lire.
Si vous travaillez avec un bloc Heading, vous pouvez également essayer les différents styles d’en-tête pour voir lequel est le plus facile à lire.
Vous pouvez également faire ressortir votre texte en utilisant une couleur contrastante.
Pour choisir une couleur différente, sélectionnez l’onglet « Bloc » dans le menu de droite. Ensuite, cliquez sur « Couleur » pour développer cette section.
Une fois que vous avez fait cela, cliquez sur « Texte » Une fenêtre s’ouvre dans laquelle vous pouvez choisir une nouvelle couleur pour tout le texte du bloc.
En général, un texte plus grand est plus facile à lire.
Pour agrandir votre texte, cliquez sur le champ situé à côté de « Taille », puis saisissez un chiffre plus grand dans ce champ.
Une fois que vous êtes satisfait de l’apparence de votre bloc de couverture, vous pouvez publier ou mettre à jour votre page comme d’habitude. Désormais, si vous visitez votre site Web, vous verrez votre texte au-dessus de l’image.
Méthode 2. Comment ajouter du texte au-dessus d’une image en utilisant le bloc Image
Le bloc Couverture est idéal pour créer des bannières et des en-têtes. Cependant, vous pouvez également ajouter du texte au-dessus d’un bloc d’image WordPress standard.
Pour commencer, vous devez ajouter un bloc Image à votre page ou article. Pour ce faire, cliquez simplement sur le signe plus (+) dans l’éditeur de bloc WordPress.
Vous pouvez ensuite taper » Image » et sélectionner le bloc approprié pour l’ajouter à votre article.
Vous pouvez alors soit télécharger une image depuis votre ordinateur, soit cliquer sur Bibliothèque de médias pour choisir une image dans la bibliothèque de médias de WordPress.
Après avoir choisi votre image, vous pouvez modifier son point focal, ajouter une superposition et changer l’opacité en suivant le même processus décrit ci-dessus.
Vous pouvez également essayer les différents curseurs » Arrière-plan fixe » et » Arrière-plan répété » pour voir ce qui fonctionne le mieux pour votre bloc Image.
Lorsque vous êtes satisfait de l’aspect de votre image, cliquez sur le bouton « Ajouter du texte sur l’image ».
Cela ajoute une zone dans laquelle vous pouvez saisir votre texte.
En fonction de votre image, les visiteurs peuvent avoir du mal à lire votre texte. Dans ce cas, il peut être utile de mettre le texte en gras ou de changer sa couleur en suivant le même processus que celui décrit ci-dessus.
Vous pouvez également agrandir votre texte.
Pour ce faire, trouvez la section « Taille » dans le menu de droite. Vous pouvez ensuite cliquer sur les différents chiffres pour agrandir ou réduire votre texte.
Lorsque vous êtes satisfait de l’aspect de votre texte et de votre image, cliquez sur Enregistrer le projet, Mettre à jour ou Publier pour enregistrer vos modifications.
Méthode 3. Comment créer une mise en page personnalisée avec du texte au-dessus d’une image ?
Les blocs intégrés de WordPress sont un moyen rapide et facile d’ajouter du texte au-dessus d’une image dans WordPress. Cependant, si vous voulez avoir la liberté de créer des pages entièrement personnalisées, vous aurez besoin d’un plugin de création de pages.
SeedProd est le meilleur plugin de construction de pages WordPress sur le marché. Il vous permet d’ajouter du texte au-dessus de n’importe quelle image sur l’ensemble de votre site Web.
Note : Il existe une version gratuite de SeedProd, mais pour ce guide, nous utiliserons la version Pro car elle a plus de fonctionnalités.
Tout d’abord, vous devez installer et activer le plugin SeedProd. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, vous devrez entrer votre clé de licence SeedProd. Vous pouvez obtenir cette clé en vous connectant à votre compte SeedProd. Ensuite, cliquez sur l’onglet « Téléchargements ».
Une fois que vous avez fait cela, vous pouvez copier 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 » Settings « .
Une fois que vous êtes ici, allez-y et collez votre clé dans le champ » License key « .
Ensuite, vous devez simplement cliquer sur « Verify Key »
Après cela, nous allons nous diriger vers SeedProd « Landing Pages, et cliquez sur Add New Landing Page.
Votre prochaine tâche est de choisir un modèle, qui sera le point de départ de votre page. Quel que soit le modèle SeedProd que vous choisissez, vous pouvez personnaliser chaque partie du modèle pour l’adapter parfaitement à votre site Web et à votre image de marque.
Si vous préférez commencer par une toile blanche, vous pouvez cliquer sur Modèle vierge.
Dans toutes nos images, nous utilisons le modèle Tasty Squeeze Page, qui est parfait pour les campagnes de recrutement d’abonnés.
Lorsque vous avez trouvé un modèle que vous souhaitez utiliser, passez votre souris dessus. Vous pouvez ensuite cliquer sur l’icône « Aperçu ».
Vous obtiendrez ainsi un aperçu du modèle.
Si l’aspect du modèle vous convient, cliquez sur le bouton « Choisir ce modèle ».
Dans le champ « Page Name », saisissez un nom pour la page.
Par défaut, SeedProd utilisera ce nom comme URL de la page. Si vous voulez changer cette URL créée automatiquement, il suffit de modifier le texte dans le champ « Page URL ».
Lorsque vous êtes satisfait des informations que vous avez saisies, cliquez sur le bouton « Enregistrer et commencer à modifier la page ». Cela ouvrira le modèle dans l’éditeur de glisser-déposer de SeedProd.
Dans le menu de gauche, vous verrez tous les blocs et sections que vous pouvez ajouter à votre page en utilisant le glisser-déposer.
À moins que vous n’utilisiez le modèle vierge, votre page SeedProd aura déjà quelques blocs et sections. Pour modifier ce contenu, il suffit de cliquer pour sélectionner le bloc ou la section.
Le menu de gauche de SeedProd affichera maintenant tous les paramètres que vous pouvez utiliser pour personnaliser ce bloc ou cette section. Comme vous pouvez le voir dans l’image suivante, si vous cliquez sur le bloc Titre, vous pouvez modifier le texte qui s’affiche dans ce bloc.
La façon la 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, avec un texte ajouté par-dessus. Vous pouvez simplement remplacer l’image de fond et le texte par défaut par votre propre contenu.
Pour commencer, cliquez sur l’onglet « Sections » dans le menu de gauche de SeedProd.
Vous pouvez ensuite cliquer sur « Héros » pour voir toutes les sections de héros prêtes à l’emploi que vous pouvez ajouter à votre page.
Pour prévisualiser l’un de ces modèles de section, il suffit de passer la souris sur le modèle et de cliquer sur l’icône de la loupe.
Pour aller de l’avant et ajouter cette section de héros à votre conception, cliquez simplement sur « Choisir cette section »
Ensuite, vous voudrez remplacer l’image stock du modèle par votre propre image. Pour ce faire, cliquez simplement sur l’image de base pour la sélectionner.
Ensuite, dans le menu de gauche de SeedProd, survolez l’aperçu de l’image d’arrière-plan jusqu’à ce qu’une icône de poubelle apparaisse.
Vous pouvez alors 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 multimédia de WordPress, soit utiliser une image de stock.
SeedProd vous donne un accès facile à des milliers d’images de stock libres de droits. Pour jeter un coup d’œil à la bibliothèque d’images de stock de SeedProd, cliquez sur « Utiliser une image de stock »
Dans la barre de recherche, tapez un mot ou une phase qui décrit l’image que vous recherchez et cliquez sur le bouton « Rechercher ».
SeedProd affichera alors toutes les images de stock qui correspondent à votre terme de recherche.
Lorsque vous trouvez une image que vous voulez ajouter à votre design, il suffit de cliquer dessus.
Une fois que vous avez ajouté une image, vous êtes prêt à remplacer le texte de remplacement.
Pour ce faire, cliquez pour sélectionner le bloc de texte. Ensuite, dans la zone « Texte », tapez simplement le texte que vous souhaitez utiliser.
Certains des modèles de héros de SeedProd ont un contenu supplémentaire, comme des boutons d’appel à l’action.
Vous souhaitez modifier ce contenu ? Il vous suffit alors de cliquer pour sélectionner le bloc, puis d’effectuer 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, il suffit de cliquer pour sélectionner le bloc, puis de cliquer sur l’icône de la poubelle.
Lorsque vous êtes satisfait de la conception de votre page, vous pouvez cliquer sur le bouton « Enregistrer ».
À partir de là, vous pouvez choisir de publier la page ou de l’enregistrer comme modèle.
