{"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":"como-adicionar-texto-em-cima-de-uma-imagem-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-text-on-top-of-an-image-in-wordpress\/","title":{"rendered":"Como adicionar texto \u00e0 parte superior de uma imagem no WordPress"},"content":{"rendered":"<p>A adi\u00e7\u00e3o de texto sobre uma imagem permite que voc\u00ea sobreponha texto diretamente sobre os elementos visuais. Esse recurso pode aumentar o apelo de suas postagens e p\u00e1ginas, combinando textos e imagens para transmitir mensagens de maneira facilmente diger\u00edvel.<\/p>\n\n\n\n<p>H\u00e1 v\u00e1rios casos de uso em que voc\u00ea pode usar esse recurso. Por exemplo, fotografias de viagens, banners, chamadas para a\u00e7\u00e3o, portf\u00f3lios, legendas para locais espec\u00edficos etc. Nesta postagem, mostraremos como adicionar texto em cima de uma imagem no WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como adicionar texto \u00e0 parte superior de uma imagem no WordPress<\/h2>\n\n\n\n<p>Adicione o <strong>Bloco de imagens<\/strong> para o editor. Esse \u00e9 um bloco padr\u00e3o que voc\u00ea encontrar\u00e1 na biblioteca de blocos. <\/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=\"Adicionar o bloco de imagem ao 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>Isso permitir\u00e1 que voc\u00ea adicione uma imagem ao editor. Voc\u00ea pode fazer isso a partir de sua unidade local ou da biblioteca de m\u00eddia.<\/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=\"Adicione uma imagem ao editor a partir de sua unidade local ou da biblioteca de m\u00eddia\" 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>V\u00e1 para a barra de ferramentas e <strong>clique<\/strong> o <strong>Adicionar texto sobre a imagem<\/strong> caracter\u00edstica.<\/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=\"Selecione o recurso adicionar texto sobre uma imagem\" 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>Voc\u00ea ter\u00e1 a op\u00e7\u00e3o de escrever o texto desejado na imagem. Escreva como voc\u00ea quiser.<\/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=\"Adicionar texto em cima de uma imagem no 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>Depois que o texto for adicionado, voc\u00ea poder\u00e1 alterar o alinhamento e a estiliza\u00e7\u00e3o. Espero que voc\u00ea possa fazer o resto sozinho.<\/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=\"Definir o alinhamento do texto em uma imagem no 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>Explore esta postagem em <a href=\"https:\/\/tableberg.com\/pt\/como-alinhar-o-texto-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">como alinhar o texto no WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fechando!<\/h2>\n\n\n\n<p>Espero que voc\u00ea tenha gostado deste tutorial. Mas, antes de terminarmos, h\u00e1 v\u00e1rios pontos que queremos lembrar a voc\u00ea. Priorize a legibilidade ao adicionar texto sobre a imagem. Certifique-se de que as cores do texto e da imagem contrastem entre si para que o texto fique leg\u00edvel.<\/p>\n\n\n\n<p>Em seguida, coloque o texto em uma posi\u00e7\u00e3o adequada sobre a imagem para que ele n\u00e3o oculte nenhum elemento importante da imagem. Por fim, mantenha o texto curto e conciso. O excesso de texto pode sobrecarregar os leitores.<\/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\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=3692"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3692\/revisions"}],"predecessor-version":[{"id":3699,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3692\/revisions\/3699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/3698"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=3692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=3692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=3692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}