Voulez ajouter du texte à l’image de premier plan du site WordPress? Lamp;rsquoajout damp;rsquoun titre de texte à lamp;rsquoimage de premier plan ajoute du contexte à votre message. Mais si votre thème WordPress n’a pas de fonctionnalités intégrées, il est difficile de le configurer. Heureusement, il y a quelques façons simples d’ajouter du texte aux images caractéristiques de WordPress sans utiliser de code personnalisé que je partagerai avec dans cet article. Dans l’ensemble, je vais montrer quatre approches différentes: elementor et elementor pro, deux plug ins gratuits différents qui permettent d’ajouter des titres aux images de premier plan. Allons plus loin
Comment utiliser elementor pour ajouter du texte de premier plan à une image si voulez voir plus complètement comment les messages de premier plan et les images sont visualisés, pouvez utiliser elementor page Builder. Elementor pro permet de créer des modèles personnalisés pour les journaux en utilisant sa fonctionnalité Theme Builder. Dans le cadre de ce travail, pouvez écraser le texte sur lamp;rsquoimage de premier plan. Pour en savoir plus sur les bases de lamp;rsquoutilisation de lamp;rsquoélément, consultez notre revue complète de lamp;rsquoélément. Pour configurer, avez besoin du plug in Element de base gratuit et de lamp;rsquoajout element pro pour accéder à la fonctionnalité Theme Builder.
Ensuite, allez à Templates → Theme Builder et créez un nouveau modèle unique pour votre billet. Cela contrôlera la conception des billets de blog individuels. Lamp;rsquoarticle continue damp;rsquoajouter lamp;rsquoimage de premier plan ci dessous et fait glisser vers le Widget damp;rsquoimage de premier plan. Ensuite, pour ajouter du texte, utilisez le menu déroulant titre et définissez le à: ajouter un titre: il extrait le titre de la boîte de titre de la médiathèque WordPress. Texte explicatif
Personnaliser Lia: Vous pouvez insérer un titre personnalisé. le Combinez avec la fonctionnalité dynamique damp;rsquoelementor pro, pouvez saisir automatiquement un titre à partir des champs personnalisés que utilisez. Je sais quamp;rsquoil se passe beaucoup de choses ici. Par conséquent, si êtes confus avec elementor, je recommande vraiment de lire notre revue complète elementor afin de mieux comprendre comment elementor fonctionne.
Allez à elementor et vérifiez que votre thème supporte les sous titres de premier plan. votre thème supporte déjà les sous titres de premier plan, il vaut toujours la peine damp;rsquoêtre vérifié. Par exemple, lorsque je teste avec le nouveau thème par défaut Twenty Twenty, ce thème affiche automatiquement le titre que j’ai défini dans la médiathèque WordPress: Voici comment jamp;rsquoai défini le titre à titre de référence: Par conséquent, si votre thème le supporte, il est facile damp;rsquoajouter des sous titres à lamp;rsquoimage de premier plan. Toutefois, tous les thèmes ne le soutiennent pas. Lorsque jamp;rsquoai testé exactement le même contenu dans le thème par défaut de lamp;rsquoannée dernière (2019), le titre namp;rsquoest pas apparu.
votre thème n’affiche pas de titre par défaut, pouvez continuer à lire d’autres méthodes dans wordpress pour ajouter du texte aux images de premier plan. Comment ajouter un titre d’image de premier plan texte à une image de premier plan avec un titre d’image de premier plan est un excellent plugin gratuit qui permet d’ajouter un titre à une image de premier plan WordPress, tout comme pouvez ajouter un titre à une image contenue dans le contenu. Lamp;rsquoarticle se poursuit comme suit: Il est très facile à utiliser et peut être utilisé immédiatement avec la plupart des thèmes WordPress. Également disponible pour les éditeurs classiques et les nouveaux éditeurs de blocs
Pour commencer à utiliser, installez et activez le plugin image sous titrage gratuit de WordPress
Oui. Organisation. Une fois le plugin activé, verrez une nouvelle section de titre d’image en vedette dans l’éditeur WordPress. Dans lamp;rsquoéditeur de bloc, cette section est affichée dans la barre latérale. Il suffit damp;rsquoajouter le texte à utiliser dans la case: Camp;rsquoest tout! Le plug in ajoute automatiquement un titre de texte à lamp;rsquoimage de premier plan. Par défaut, le texte apparaît directement sous lamp;rsquoimage de premier plan:
voulez déplacer ce texte vers le flotteur sur lamp;rsquoimage, pouvez utiliser CSS simple. Même si je ne suis pas un expert en CSS (il y a peut être un moyen plus efficace!), Camp;rsquoest le CSS que jamp;rsquoutilise. Jamp;rsquoai également changé la taille et la couleur du texte: span. Texte ccfic {position: relative bas: 50px couleur: blanc taille de police: 32px} n’êtes pas sûr de la façon d’ajouter CSS, consultez notre guide sur la façon d’ajouter CSS personnalisé à WordPress. Lamp;rsquoarticle se poursuit comme suit: Comment ajouter du texte à une image de premier plan en utilisant un bloc de couverture si utilisez le nouvel éditeur de bloc WordPress (alias Gutenberg), pouvez ajouter une image de premier plan avec du texte en utilisant le bloc par défaut.
Bien que lamp;rsquoéditeur de bloc contienne plus damp;rsquooptions pour ajouter du texte à lamp;rsquoimage, je recommande damp;rsquoutiliser le bloc de couverture natif pour lamp;rsquoimage de premier plan. Vous pouvez également le régler à pleine largeur pour ajouter un bon effet de premier plan: Voici lamp;rsquoimage de premier plan du texte: votre thème affiche automatiquement une image de premier plan sur une seule page, voudrez peut être la désactiver pour éviter de dupliquer lamp;rsquoimage, car la couverture est techniquement séparée de lamp;rsquoimage de premier plan, même si elle le fait. Comment utiliser un titre damp;rsquoimage de premier plan personnalisé pour ajouter du texte à une image de premier plan FSM FSM Custom featured image title est un autre excellent plug in
Gini à la réception du site WordPress? Demandez dans les commentaires et nous ferons de notre mieux pour aider!
Comment ajouter du texte à une image de premier plan dans WordPress
