Sélectionner une page


Vous cherchez un moyen simple d’ajouter du texte sur une superposition d’image dans l’éditeur Elementor?

Si tel est le cas, c’est le didacticiel qui vous convient pour apprendre à placer des zones de texte sur une image tout en la survolant. Générateur de pages Elementor ou UAElementor.

En outre, je vais vous apprendre à ajouter une superposition de texte avec des effets flottants à l’image particulière.

Pour rendre cet article plus informatif, j’ai également ajouté des liens vidéo utiles sur YouTube.

Commençons donc par le guide:

Ajouter une zone de texte sur une image dans Elementor

Avant de commencer, laissez-moi vous dire, assurez-vous que le plugin Elementor est installé sur votre site WordPress, que ce soit gratuit ou Pro n’a pas d’importance.

Elementor place une image d’arrière-plan avec un champ de texte au-dessus

Étape 1 – Se connecter Zone d’administration WordPress >> des pages >> Nouvelle page.

étape 2 – Après avoir chargé l’éditeur de page, saisissez le nom de la page. Dans mon cas, j’ai nommé Carrousel de papier peint.

Ajouter une nouvelle page

étape 3 – Cliquez ensuite sur Modifier avec Elementor (Vous pouvez cependant modifier des pages ou des modèles existants pour ajouter une couche de texte aux fichiers multimédias, que ce soit des images ou des vidéos.)

Étape 4 – Après ça Éditeur Elementor charges, cliquez sur Ajouter une nouvelle section.

Ajouter un élément ou une nouvelle section

Étape 5 – À l’étape suivante Choisissez le type de section. Dans ce didacticiel, je couvrirai une section pleine largeur. Cependant, vous pouvez choisir de dépendre de vos besoins en matière de conception de page.

Type d'élément ou de section

Étape 6 – Sélectionnez maintenant le pilier et ajoutez une image comme Contexte de la section >> Ajouter une image d’arrière-plan et coiffez comme vous le souhaitez.

Déplacez le pointeur de la souris sur l'image

Étape 7 – Cliquer sur + Symbole et sélectionnez le format de texte que vous souhaitez afficher sur l’image. Dans l’image suivante, j’ai choisi Éditeur de texte.

Carrousel de papier peint

Étape 8 – Enfin, jouez avec votre texte comme vous le souhaitez sur le site.

Texte sur l'élément d'image ou

Ainsi, en suivant les étapes simples ci-dessus, vous pouvez utiliser l’éditeur Elementor pour créer du texte sur l’image.

Créer du texte de survol sur l’image avec le plugin Elementor

Étape 1 – La toute première étape pour télécharger et installer un plugin gratuit Module complémentaire d’effet de survol d’image pour Elementor.

étape 2 – Créez une nouvelle page ou commencez à éditer la page existante avec l’éditeur Elementor.

étape 3 – Après avoir chargé l’éditeur, ajoutez une nouvelle section et sélectionnez le type de section comme décrit dans les dernières étapes 4 et 5.

Étape 4 – Rechercher Effets de survol d’image dans le menu de gauche et ajoutez-le à la section créée à la 3ème étape.

Effets de survol d'image

Étape 5 – Cliquez n’importe où dans la colonne et ajoutez des informations. Par exemple, consultez la capture d’écran suivante:

Déplacez le pointeur de la souris sur l'image
  1. Cause: Effets du calque d’image lors du survol
  2. Choisissez une image: Possibilité de télécharger des images d’arrière-plan
  3. Taille de l’image: Ajustez l’image avec la hauteur et la largeur
  4. Titre: Placer un titre de zone de texte
  5. Balise de titre: Choisissez un style de titre
  6. la description: Ajouter une description de zone de texte
  7. symbole: Icônes personnalisées à afficher avec le titre
  8. Position du symbole: Mettez le symbole avant et après avec le titre
  9. Lié à: Liez l’image d’arrière-plan avec un lien personnalisé

Étape 6 – Jouez avec vos styles de papier peint et votre famille de polices de texte, la taille de la police, les marges, le remplissage, etc. avec les options de superposition Style et Avancé dans la barre de menus.

Étape 7 – Lorsque vous avez terminé votre conception, cliquez sur le bouton Publier.

Voyez à quel point il est facile d’ajouter un effet de survol aux fonds d’écran?

Lignes du bas au-dessus du texte de l’élément ou au-dessus de l’image

J’utilise Elementor Pro depuis août 2019 et tout ce que je dis, c’est un prix bon marché avec un constructeur de page à haute créativité pour WordPress.

Si vous utilisez la version gratuite, c’est très bien. Mais si vous voulez en tirer le meilleur parti, mettez gratuitement à niveau votre Elementor vers at with 37% de réduction à l’achat de leur plan Plus.

Si vous avez besoin de plus d’informations sur notre texte de survol Elementor au-dessus du guide d’image, veuillez m’envoyer vos questions en utilisant la zone de commentaires.

Texte de l'élément ou sur l'image



Source link

Recent Posts