{"id":3692,"date":"2024-09-21T00:24:00","date_gmt":"2024-09-21T00:24:00","guid":{"rendered":"https:\/\/tableberg.com\/?p=3692"},"modified":"2024-09-20T21:15:22","modified_gmt":"2024-09-20T21:15:22","slug":"comment-ajouter-du-texte-au-dessus-dune-image-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-text-on-top-of-an-image-in-wordpress\/","title":{"rendered":"Comment ajouter du texte au-dessus d'une image dans WordPress"},"content":{"rendered":"<p>L'ajout de texte au-dessus d'une image vous permet de superposer du texte directement sur des \u00e9l\u00e9ments visuels. Cette fonction peut renforcer l'attrait de vos messages et de vos pages en combinant textes et images pour faire passer des messages de mani\u00e8re facilement compr\u00e9hensible.<\/p>\n\n\n\n<p>Cette fonctionnalit\u00e9 peut \u00eatre utilis\u00e9e dans de nombreux cas. Par exemple, des photos de voyage, des banni\u00e8res, des appels \u00e0 l'action, des portfolios, des l\u00e9gendes pour des lieux particuliers, etc. Dans cet article, nous allons vous montrer comment ajouter du texte au-dessus d'une image dans WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment ajouter du texte au-dessus d'une image dans WordPress<\/h2>\n\n\n\n<p>Ajouter le <strong>Bloc d'images<\/strong> dans l'\u00e9diteur. Il s'agit d'un bloc par d\u00e9faut que vous trouverez dans la biblioth\u00e8que de blocs. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor.webp\" alt=\"Ajouter le bloc d&#039;images \u00e0 l&#039;\u00e9diteur\" class=\"wp-image-3693\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-the-Image-Block-to-the-editor-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Cela vous permettra d'ajouter une image \u00e0 l'\u00e9diteur. Vous pouvez le faire \u00e0 partir de votre disque local ou de la biblioth\u00e8que de m\u00e9dias.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library.webp\" alt=\"Ajouter une image \u00e0 l&#039;\u00e9diteur \u00e0 partir de votre disque local ou de la biblioth\u00e8que multim\u00e9dia\" class=\"wp-image-3694\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-an-image-to-the-editor-from-your-local-drive-or-from-the-media-library-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Allez dans la barre d'outils et <strong>cliquer<\/strong> les <strong>Ajouter du texte sur l'image<\/strong> caract\u00e9ristiques.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature.webp\" alt=\"S\u00e9lectionnez la fonction d&#039;ajout de texte sur une image\" class=\"wp-image-3695\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Select-the-add-text-over-an-image-feature-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Vous aurez la possibilit\u00e9 d'\u00e9crire le texte de votre choix sur l'image. \u00c9crivez comme vous le souhaitez.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress.webp\" alt=\"Ajouter du texte sur une image dans WordPress\" class=\"wp-image-3696\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Add-text-on-top-of-an-image-in-WordPress-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Une fois le texte ajout\u00e9, vous pouvez modifier son alignement et sa stylisation. J'esp\u00e8re que vous pourrez faire le reste vous-m\u00eame.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress.webp\" alt=\"D\u00e9finir l&#039;alignement du texte sur une image dans WordPress\" class=\"wp-image-3697\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/Set-text-alignment-on-an-image-in-WordPress-18x9.webp 18w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>D\u00e9couvrez cet article sur <a href=\"https:\/\/tableberg.com\/fr\/comment-aligner-le-texte-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment aligner le texte dans WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fermeture !<\/h2>\n\n\n\n<p>Nous esp\u00e9rons que vous avez appr\u00e9ci\u00e9 ce tutoriel. Mais avant de terminer, nous tenons \u00e0 vous rappeler quelques points. Donnez la priorit\u00e9 \u00e0 la lisibilit\u00e9 lorsque vous ajoutez du texte \u00e0 l'image. Veillez \u00e0 ce que les couleurs du texte et de l'image contrastent afin que le texte soit lisible.<\/p>\n\n\n\n<p>Ensuite, placez le texte dans une position appropri\u00e9e par rapport \u00e0 l'image afin qu'il ne masque aucun \u00e9l\u00e9ment important de l'image. Enfin, le texte doit \u00eatre court et concis. Un texte trop long risque de submerger les lecteurs.<\/p>","protected":false},"excerpt":{"rendered":"<p>Adding text on top of an image allows you to overlay text directly on top of visuals. This feature can enhance the appeal of your posts and pages by combining texts and images to convey messages in easily digestible ways. There are numerous use cases where you can use this feature. For example, travel photographs, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3698,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[124,41],"class_list":["post-3692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-add-text","tag-image-block"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Add-Text-on-Top-of-an-Image-in-WordPress.webp","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/3692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=3692"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/3692\/revisions"}],"predecessor-version":[{"id":3699,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/3692\/revisions\/3699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/3698"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=3692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=3692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=3692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}