{"id":7548,"date":"2025-02-12T11:34:30","date_gmt":"2025-02-12T11:34:30","guid":{"rendered":"https:\/\/tableberg.com\/?p=7548"},"modified":"2025-02-12T11:34:30","modified_gmt":"2025-02-12T11:34:30","slug":"como-usar-o-bloco-de-texto-de-midia-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-use-the-media-text-block-in-wordpress\/","title":{"rendered":"Bloco de m\u00eddia e texto - Vis\u00e3o geral e como us\u00e1-lo"},"content":{"rendered":"<p>O <strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/media-text-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bloco de m\u00eddia e texto<\/a><\/strong> permite que voc\u00ea crie conte\u00fado envolvente, adicionando m\u00eddia e texto lado a lado. Voc\u00ea pode captar facilmente a aten\u00e7\u00e3o do visitante combinando imagens ou v\u00eddeos com texto sem codifica\u00e7\u00e3o. <\/p>\n\n\n\n<p>Novamente, ele \u00e9 perfeito para compartilhar uma hist\u00f3ria, mostrar seus produtos mais vendidos ou destacar uma mensagem importante que voc\u00ea deseja transmitir aos visitantes. <\/p>\n\n\n\n<p>Hoje, exploraremos como usar o bloco de m\u00eddia e texto no WordPress e sua vis\u00e3o geral. N\u00e3o deixe de nos acompanhar do in\u00edcio ao fim. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Como usar o bloco de m\u00eddia e texto no WordPress?<\/h2>\n\n\n\n<p>Usar o bloco de m\u00eddia e texto \u00e9 simples. Qualquer pessoa pode usar o bloco facilmente se seguir nosso tutorial. <\/p>\n\n\n<!DOCTYPE html>\n<?xml version=\"1.0\" encoding=\"UTF-8\"?><div class=\"wp-block-ub-tabbed-content wp-block-ub-tabbed-content-underline wp-block-ub-tabbed-content-holder wp-block-ub-tabbed-content-horizontal-holder-mobile wp-block-ub-tabbed-content-horizontal-holder-tablet\" id=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608\" style=\"\">\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-holder horizontal-tab-width-mobile horizontal-tab-width-tablet\">\n\t\t\t\t<div role=\"tablist\" class=\"wp-block-ub-tabbed-content-tabs-title wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab\" style=\"justify-content: center; \"><div role=\"tab\" id=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-tab-0\" aria-controls=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-panel-0\" aria-selected=\"true\" class=\"wp-block-ub-tabbed-content-tab-title-wrap active ub-tabbed-content-with-sub-title\" style=\"--ub-tabbed-title-background-color: inherit; --ub-tabbed-title-color: #671feb; --ub-tabbed-active-title-color: #671feb; --ub-tabbed-active-title-background-color: inherit; border-top-left-radius: 100px;; border-top-right-radius: 100px;; border-bottom-left-radius: 100px;; border-bottom-right-radius: 100px;; text-align: center; \" tabindex=\"-1\"><div class=\"ub-pro-tab-title-icon\" style=\"width: 30px; height: 30px\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"30\" width=\"30\" viewbox=\"0, 0, 512, 512\" class=\"ultimate-blocks-icon-component-svg-base\">\n\t\t\t<path fill=\"currentColor\" d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM358.6 278.6l-112 112c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L290.8 256L201.4 166.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l112 112C364.9 239.6 368 247.8 368 256S364.9 272.4 358.6 278.6z\"><\/path>\n\t\t<\/svg>\n<\/div>\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\"><strong>Etapa - 1<\/strong><\/div>\n\t\t\t<\/div><div role=\"tab\" id=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-tab-1\" aria-controls=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-panel-1\" aria-selected=\"false\" class=\"wp-block-ub-tabbed-content-tab-title-wrap ub-tabbed-content-with-sub-title\" style=\"--ub-tabbed-title-background-color: inherit; --ub-tabbed-active-title-color: #671feb; --ub-tabbed-active-title-background-color: inherit; border-top-left-radius: 100px;; border-top-right-radius: 100px;; border-bottom-left-radius: 100px;; border-bottom-right-radius: 100px;; text-align: left; \" tabindex=\"-1\"><div class=\"ub-pro-tab-title-icon\" style=\"width: 30px; height: 30px\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"30\" width=\"30\" viewbox=\"0, 0, 512, 512\" class=\"ultimate-blocks-icon-component-svg-base\">\n\t\t\t<path fill=\"currentColor\" d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM358.6 278.6l-112 112c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L290.8 256L201.4 166.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l112 112C364.9 239.6 368 247.8 368 256S364.9 272.4 358.6 278.6z\"><\/path>\n\t\t<\/svg>\n<\/div>\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\"><strong>Etapa - 2<\/strong><\/div>\n\t\t\t<\/div><div role=\"tab\" id=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-tab-2\" aria-controls=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-panel-2\" aria-selected=\"false\" class=\"wp-block-ub-tabbed-content-tab-title-wrap ub-tabbed-content-with-sub-title\" style=\"--ub-tabbed-title-background-color: inherit; --ub-tabbed-active-title-color: #671feb; --ub-tabbed-active-title-background-color: inherit; border-top-left-radius: 100px;; border-top-right-radius: 100px;; border-bottom-left-radius: 100px;; border-bottom-right-radius: 100px;; text-align: left; \" tabindex=\"-1\"><div class=\"ub-pro-tab-title-icon\" style=\"width: 30px; height: 30px\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"30\" width=\"30\" viewbox=\"0, 0, 512, 512\" class=\"ultimate-blocks-icon-component-svg-base\">\n\t\t\t<path fill=\"currentColor\" d=\"M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM358.6 278.6l-112 112c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25L290.8 256L201.4 166.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l112 112C364.9 239.6 368 247.8 368 256S364.9 272.4 358.6 278.6z\"><\/path>\n\t\t<\/svg>\n<\/div>\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\"><strong>Etapa - 3<\/strong><\/div>\n\t\t\t<\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tabs-content\" style=\"\"><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap active\" id=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-panel-0\" aria-labelledby=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-tab-0\" tabindex=\"0\">\n\n<h3 class=\"wp-block-heading has-text-align-center\">Inserir o bloco<\/h3>\n\n\n\n<p>V\u00e1 para a postagem e as p\u00e1ginas em que deseja usar o bloco. <\/p>\n\n\n\n<p>Clique no \u00edcone Plus&nbsp;<strong>\"+\"<\/strong>&nbsp;<strong>(Adicionar bloco)<\/strong>&nbsp;<strong>(1)<\/strong>, digite \"<strong>M\u00eddia e conte\u00fado<\/strong>\" na caixa de pesquisa&nbsp;<strong>(2)<\/strong>e clique no bloco depois de encontr\u00e1-lo&nbsp;<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"552\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-16-44.png\" alt=\"Como usar o bloco de m\u00eddia e texto no WordPress\" class=\"wp-image-7555\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-16-44.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-16-44-300x186.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-16-44-768x477.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-16-44-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n<\/div><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap ub-hide\" id=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-panel-1\" aria-labelledby=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-tab-1\" tabindex=\"0\">\n\n<h3 class=\"wp-block-heading has-text-align-center\">Insira sua m\u00eddia e texto<\/h3>\n\n\n\n<p>Insira sua imagem ou conte\u00fado de v\u00eddeo usando qualquer uma das op\u00e7\u00f5es <strong>(1)<\/strong>. Depois disso, voc\u00ea insere seu conte\u00fado na \u00e1rea de conte\u00fado <strong>(2)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"626\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-17-54.png\" alt=\"\" class=\"wp-image-7557\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-17-54.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-17-54-300x212.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-17-54-768x543.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-17-54-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<p> Esta \u00e9 a sua apar\u00eancia. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"504\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-23-25.png\" alt=\"\" class=\"wp-image-7558\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-23-25.png 872w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-23-25-300x173.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-23-25-768x444.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-23-25-18x10.png 18w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/figure>\n\n<\/div><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap ub-hide\" id=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-panel-2\" aria-labelledby=\"ub-tabbed-content-416279cb-29f8-41bc-8126-92df3bb19608-tab-2\" tabindex=\"0\">\n\n<h3 class=\"wp-block-heading has-text-align-center\">Personaliza\u00e7\u00e3o de blocos<\/h3>\n\n\n\n<p>Voc\u00ea pode decidir se deseja trocar a posi\u00e7\u00e3o da imagem e do conte\u00fado. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"720\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-28-49.gif\" alt=\"\" class=\"wp-image-7559\" style=\"border-width:1px;border-radius:3px\"><\/figure>\n\n\n\n<p>Novamente, voc\u00ea tamb\u00e9m pode decidir se deseja adicionar o conte\u00fado a partir da parte superior, do meio ou da parte inferior. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"728\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-30-57.gif\" alt=\"\" class=\"wp-image-7560\" style=\"border-width:1px;border-radius:3px\"><\/figure>\n\n\n\n<p>Se voc\u00ea ativar a op\u00e7\u00e3o \"Crop image to fill\" (Cortar imagem para preencher), poder\u00e1 destacar a parte especial da imagem.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"890\" height=\"796\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-34-50.gif\" alt=\"\" class=\"wp-image-7561\" style=\"border-width:1px;border-radius:3px\"><\/figure>\n\n\n\n<p>Se desejar, voc\u00ea pode escolher a largura e a resolu\u00e7\u00e3o da m\u00eddia nas configura\u00e7\u00f5es do bloco. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"738\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-38-30.gif\" alt=\"\" class=\"wp-image-7562\" style=\"border-width:1px;border-radius:3px\"><\/figure>\n\n\n\n<p>Em seguida, voc\u00ea pode ajustar os estilos adicionais na guia Style (Estilo). <\/p>\n\n\n\n<div style=\"height:34px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"240\" height=\"722\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-46-23.png\" alt=\"\" class=\"wp-image-7566\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-46-23.png 240w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-46-23-100x300.png 100w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_15-46-23-4x12.png 4w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li><strong>Cor:<\/strong>&nbsp;Essa fun\u00e7\u00e3o permite que voc\u00ea altere a cor do texto, do plano de fundo e do link do bloco Latest Posts.<\/li>\n\n\n\n<li><strong>Tipografia:&nbsp;<\/strong>A tipografia permite que voc\u00ea selecione as fontes e o tamanho da fonte, a apar\u00eancia, a altura da linha, o espa\u00e7amento entre as letras, o revestimento das letras e a decora\u00e7\u00e3o das letras.<\/li>\n\n\n\n<li><strong>Dimens\u00f5es:<\/strong>&nbsp;As dimens\u00f5es permitem que voc\u00ea ajuste a margem e o preenchimento do bloco Latest Posts.<\/li>\n\n\n\n<li><strong>Fronteira: <\/strong>A op\u00e7\u00e3o Border permite que voc\u00ea defina a borda e ajuste o raio da borda.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>Depois de personalizar, salve ou publique a postagem. <\/p>\n\n\n\n<p>Aqui est\u00e1 uma demonstra\u00e7\u00e3o do bloco. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"757\" height=\"608\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_16-53-54.png\" alt=\"\" class=\"wp-image-7569\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_16-53-54.png 757w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_16-53-54-300x241.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_16-53-54-15x12.png 15w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/figure>\n\n<\/div><\/div>\n\t\t<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Vis\u00e3o geral do bloco<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\" data-mobilecollapse=\"true\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\" style=\"color: #5344F4; \"><strong>O que \u00e9 o bloco de m\u00eddia e texto no WordPress?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-0-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\">\n\n<p>O bloco de m\u00eddia e texto \u00e9 um bloco central projetado para exibir uma imagem ou um v\u00eddeo junto com o texto. Ele \u00e9 usado para criar se\u00e7\u00f5es visualmente atraentes que dividem par\u00e1grafos longos e adicionam elementos din\u00e2micos a uma p\u00e1gina ou publica\u00e7\u00e3o.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\" style=\"color: #5344F4; \"><strong>Quais s\u00e3o os principais recursos do bloco de m\u00eddia e texto?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\">\n\n<ul class=\"wp-block-list\">\n<li><strong>Layout flex\u00edvel:<\/strong> Coloque a m\u00eddia \u00e0 esquerda ou \u00e0 direita com o texto no lado oposto.<\/li>\n\n\n\n<li><strong>Design responsivo:<\/strong> Ajusta-se automaticamente a diferentes tamanhos de tela, garantindo uma apar\u00eancia consistente em desktops, tablets e celulares.<\/li>\n\n\n\n<li><strong>Op\u00e7\u00f5es de cor de fundo:<\/strong> Personalize as cores de fundo para combinar com sua marca ou destacar um conte\u00fado espec\u00edfico.<\/li>\n\n\n\n<li><strong>Alinhamento de m\u00eddia:<\/strong> Controle o alinhamento vertical para garantir que a m\u00eddia se alinhe perfeitamente ao seu texto.<\/li>\n\n\n\n<li><strong>Capacidade de vincula\u00e7\u00e3o:<\/strong> Adicione links a imagens ou textos para direcionar os usu\u00e1rios a outras p\u00e1ginas ou sites externos.<\/li>\n<\/ul>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\" style=\"color: #5344F4; \"><strong>Quais s\u00e3o os recursos da barra de ferramentas do bloco de m\u00eddia e texto?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-22772ed5-9d30-4fe3-88ab-1d0c45bb8311\">\n\n<p>Quando voc\u00ea seleciona o bloco Media &amp; Text, uma barra de ferramentas aparece acima dele com v\u00e1rias op\u00e7\u00f5es \u00fateis:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"640\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-19-00.png\" alt=\"\" class=\"wp-image-7570\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-19-00.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-19-00-300x217.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-19-00-768x556.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/2025-02-12_14-19-00-18x12.png 18w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Transformar para:<\/strong> Ele permite que voc\u00ea transforme seu bloco em Image, Cover, Details, Columns e Group Block. <\/li>\n\n\n\n<li><strong>Arrastar:<\/strong> Permite que voc\u00ea arraste e solte o bloco em qualquer lugar do editor.<\/li>\n\n\n\n<li><strong>Al\u00e7as m\u00f3veis:<\/strong>\u00a0Essa op\u00e7\u00e3o permite que voc\u00ea mova o bloco para cima e para baixo em rela\u00e7\u00e3o a qualquer outro bloco.<\/li>\n\n\n\n<li><strong>Ferramentas de alinhamento:<\/strong> Ajuste o alinhamento do bloco na p\u00e1gina (esquerda, centro, direita, largura ou largura total).<\/li>\n\n\n\n<li><strong>Substitui\u00e7\u00e3o de m\u00eddia:<\/strong> Substitua facilmente o arquivo de m\u00eddia por uma nova imagem ou v\u00eddeo sem excluir o bloco.<\/li>\n\n\n\n<li><strong>Mostrar m\u00eddia \u00e0 esquerda:<\/strong> Ele move a m\u00eddia para o lado esquerdo da se\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Mostrar m\u00eddia \u00e0 direita:<\/strong> Ele move a m\u00eddia para o lado direito da se\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Mais op\u00e7\u00f5es:<\/strong> Acessar configura\u00e7\u00f5es adicionais, como duplicar o bloco, adicionar blocos reutiliz\u00e1veis ou remover o bloco completamente.<\/li>\n<\/ol>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Considera\u00e7\u00f5es finais!<\/h2>\n\n\n\n<p>O bloco Media &amp; Text no WordPress \u00e9 uma ferramenta robusta para destacar seu produto ou servi\u00e7o de forma eficaz. Ele permite que voc\u00ea crie p\u00e1ginas din\u00e2micas e com apar\u00eancia profissional sem nenhuma habilidade especial. <\/p>\n\n\n\n<p>N\u00e3o \u00e9 f\u00e1cil seguir o tutorial? Diga-me na se\u00e7\u00e3o de coment\u00e1rios abaixo. Al\u00e9m disso, compartilhe este artigo em suas m\u00eddias sociais e informe outras pessoas sobre ele. <\/p>\n\n\n\n<p><strong>Leia mais!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-9d5fc019-e573-44af-8fd3-11adaeb8b70f\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-a87183ff-0807-4083-a5a9-92388dc38d58\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/pt\/como-remover-bordas-de-tabelas-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como remover as bordas da tabela no WordPress (2 maneiras f\u00e1ceis)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-cb9c4aca-64ce-4461-bdd8-8215d46b96b0\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/pt\/como-excluir-uma-linha-de-uma-tabela-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como excluir uma linha de uma tabela no WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-32aad801-cfbd-4849-9ef7-1617bcf84110\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/pt\/como-adicionar-uma-imagem-a-uma-tabela-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como adicionar uma imagem a uma tabela no WordPress<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-78074210-d70f-4520-9d4f-19496019d0ae\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/pt\/como-usar-o-bloco-de-icones-sociais-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00cdcones sociais - Como us\u00e1-los e vis\u00e3o geral<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-ae4fa17c-76d4-4688-9bf4-ab6be2c94177\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/pt\/melhores-plugins-de-pesquisa-de-produtos-do-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 melhores plug-ins de pesquisa de produtos do WooCommerce (gratuitos e pagos)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-9638e6d3-0b42-4865-a3f2-8e1ec32f499c\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"logotipo do facebook\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-use-the-media-text-block-in-wordpress%2F&amp;title=Media%20%26amp%3B%20Text%20Block%20%26%238211%3B%20Overview%20%26amp%3B%20How%20to%20Use%20it\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">compartilhar<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do twitter\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-use-the-media-text-block-in-wordpress%2F&amp;text=Media%20%26amp%3B%20Text%20Block%20%26%238211%3B%20Overview%20%26amp%3B%20How%20to%20Use%20it\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tu\u00edte<\/span>\n\t\t\t<\/a><a aria-label=\"logotipo do linkedin\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-use-the-media-text-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">compartilhar<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Media &amp; Text Block lets you create engaging content by letting you add Media and text side by side. You can easily capture your visitor&#8217;s attention by combining images or videos with text without coding. Again, it is perfect for sharing a story, showcasing your best-selling products, or highlighting a key message you want [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":7549,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-7548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/02\/How-to-Use-the-Media-Text-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/pt\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/7548","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=7548"}],"version-history":[{"count":8,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/7548\/revisions"}],"predecessor-version":[{"id":8189,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/7548\/revisions\/8189"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/7549"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=7548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=7548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=7548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}