{"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":"come-aggiungere-un-testo-sopra-unimmagine-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-add-text-on-top-of-an-image-in-wordpress\/","title":{"rendered":"Come aggiungere testo sopra un'immagine in WordPress"},"content":{"rendered":"<p>L'aggiunta di testo sopra un'immagine consente di sovrapporre il testo direttamente alle immagini. Questa funzione pu\u00f2 migliorare il fascino dei vostri post e delle vostre pagine, combinando testi e immagini per trasmettere messaggi in modo facilmente digeribile.<\/p>\n\n\n\n<p>Sono numerosi i casi d'uso in cui \u00e8 possibile utilizzare questa funzione. Ad esempio, fotografie di viaggio, banner, call-to-action, portfolio, didascalie di luoghi particolari, ecc. In questo post vi mostreremo come aggiungere del testo sopra un'immagine in WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come aggiungere testo sopra un'immagine in WordPress<\/h2>\n\n\n\n<p>Aggiungere il <strong>Blocco immagine<\/strong> nell'editor. Si tratta di un blocco predefinito che si trova nella libreria dei blocchi. <\/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=\"Aggiungere il blocco immagine all&#039;editor\" 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>Questo consente di aggiungere un'immagine all'editor. \u00c8 possibile farlo dall'unit\u00e0 locale o dalla libreria multimediale.<\/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=\"Aggiungere un&#039;immagine all&#039;editor dall&#039;unit\u00e0 locale o dalla libreria multimediale.\" 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>Andare alla barra degli strumenti e <strong>clicca<\/strong> il <strong>Aggiungere testo all'immagine<\/strong> caratteristica.<\/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=\"Selezionare la funzione Aggiungi testo a un&#039;immagine\" 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>Avrete la possibilit\u00e0 di scrivere il testo desiderato sull'immagine. Scrivete come volete.<\/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=\"Aggiungere testo sopra un&#039;immagine in 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>Una volta aggiunto il testo, \u00e8 possibile modificarne l'allineamento e la stilizzazione. Spero che possiate fare il resto da soli.<\/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=\"Impostare l&#039;allineamento del testo su un&#039;immagine in 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>Esplora questo post su <a href=\"https:\/\/tableberg.com\/it\/come-allineare-il-testo-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">come allineare il testo in WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Chiudere!<\/h2>\n\n\n\n<p>Spero che questa esercitazione vi sia piaciuta. Ma prima di concludere, vogliamo ricordarvi alcuni punti. Date la priorit\u00e0 alla leggibilit\u00e0 quando aggiungete il testo all'immagine. Assicuratevi che il colore del testo e dell'immagine siano in contrasto tra loro, in modo che il testo risulti leggibile.<\/p>\n\n\n\n<p>Quindi, collocare il testo in una posizione adeguata rispetto all'immagine, in modo che non oscuri alcun elemento importante dell'immagine. Infine, mantenete il testo breve e conciso. Un testo eccessivo potrebbe sopraffare i lettori.<\/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\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=3692"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3692\/revisions"}],"predecessor-version":[{"id":3699,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/3692\/revisions\/3699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/3698"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=3692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=3692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=3692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}