{"id":6371,"date":"2024-12-30T16:54:55","date_gmt":"2024-12-30T16:54:55","guid":{"rendered":"https:\/\/tableberg.com\/?p=6371"},"modified":"2024-12-30T16:54:55","modified_gmt":"2024-12-30T16:54:55","slug":"como-usar-o-bloco-de-imagens-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-use-the-image-block-in-wordpress\/","title":{"rendered":"Como usar o bloco de imagens no WordPress em 3 etapas f\u00e1ceis"},"content":{"rendered":"<p>A imagem \u00e9 essencial para todo site para torn\u00e1-lo visualmente atraente. \u00c9 por isso que voc\u00ea precisa aprender a usar o bloco de imagens no WordPress. Como qualquer outro construtor de p\u00e1ginas, o construtor de blocos Gutenberg vem com o bloco de imagem principal para adicionar imagens. <\/p>\n\n\n\n<p>Hoje, compartilharemos as diretrizes completas sobre o bloco de imagem, seus benef\u00edcios, recursos e como us\u00e1-lo. N\u00e3o deixe de nos acompanhar do in\u00edcio ao fim. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 o bloco de imagens?<\/h2>\n\n\n\n<p>O<strong> <a href=\"https:\/\/wordpress.org\/documentation\/article\/image-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">bloco de imagem<\/a> <\/strong>\u00e9 o bloco central dedicado com o editor de blocos do WordPress para adicionar imagens. O Image Block permite que voc\u00ea insira, edite e personalize as imagens em seu conte\u00fado. <\/p>\n\n\n\n<p>O bloco de imagem principal oferece os seguintes benef\u00edcios.<\/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: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-a5b2221b-d59e-4664-920c-3611f456d19e\"><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-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\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\"><strong>Facilidade de uso: <\/strong>O bloco Image \u00e9 f\u00e1cil de usar, pois qualquer pessoa pode us\u00e1-lo sem habilidades especiais. Al\u00e9m disso, adicionar imagens usando o bloco \u00e9 simples. <\/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-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\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\"><strong>Personaliza\u00e7\u00e3o: <\/strong>Para personaliza\u00e7\u00e3o, ele permite que voc\u00ea redimensione a imagem, defina o alinhamento da imagem, adicione legendas, etc. <\/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-d10d3e81-1e63-4fcd-8706-0d861babfa01\">\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\"><strong>Otimiza\u00e7\u00e3o de SEO:<\/strong> Voc\u00ea pode adicionar texto alternativo a cada imagem usando o bloco de imagens, o que ajuda os mecanismos de pesquisa a entender melhor sua imagem. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\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-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Criar mesas bonitas <\/strong><br><strong>Com o Block Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Experimente gratuitamente<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/pt\/precificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obter um profissional<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Recursos da barra de ferramentas Image Block<\/h2>\n\n\n\n<p>A barra de ferramentas do bloco de imagens tem v\u00e1rios recursos que permitem personaliz\u00e1-la. Os recursos da barra de ferramentas de blocos s\u00e3o explicados a seguir. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Transformar: <\/strong>Voc\u00ea pode transformar esse bloco em um par\u00e1grafo, c\u00f3digo, colunas, etc.<\/li>\n\n\n\n<li><strong>Arrastar: <\/strong>Permite que voc\u00ea arraste e solte o bloco dedicado em qualquer lugar.<\/li>\n\n\n\n<li><strong>Al\u00e7a m\u00f3vel: <\/strong>Permite que voc\u00ea mova seu bloco para cima e para baixo.<\/li>\n\n\n\n<li><strong>Alinhar:<\/strong> A op\u00e7\u00e3o de alinhamento permite que voc\u00ea defina o alinhamento da imagem como None (Nenhum), Wide Width (Largura ampla), Full Width (Largura total), Left (Esquerda), Center (Centro) e Right (Direita). <\/li>\n\n\n\n<li><strong>Filtro Duotone: <\/strong>O filtro Duotone permite que voc\u00ea crie um efeito de cor de dois tons sem perder a imagem original. Novamente, voc\u00ea pode definir sombras e realces usando esse recurso. <\/li>\n\n\n\n<li><strong>Hiperlink: <\/strong>Essa op\u00e7\u00e3o permite que voc\u00ea adicione links para o conte\u00fado selecionado dentro do bloco.<\/li>\n\n\n\n<li><strong>Colheita: <\/strong>A op\u00e7\u00e3o Crop permite aplicar zoom, alterar a propor\u00e7\u00e3o e girar a imagem. <\/li>\n\n\n\n<li><strong>Adicionar texto sobre a imagem:<\/strong> Isso permite que voc\u00ea adicione texto sobre a imagem e outros blocos dentro do bloco de imagem. Ele transforma o <strong>Bloco de imagens<\/strong> no <strong>Bloco de cobertura<\/strong>. <\/li>\n\n\n\n<li><strong>Adicionar legenda: <\/strong>Voc\u00ea pode adicionar legendas usando a op\u00e7\u00e3o. <\/li>\n\n\n\n<li><strong>Substituir:<\/strong> A op\u00e7\u00e3o substituir permite que voc\u00ea substitua a imagem atual pela outra imagem.  <\/li>\n\n\n\n<li><strong>Mais op\u00e7\u00f5es: <\/strong>Oferece mais op\u00e7\u00f5es relacionadas \u00e0 se\u00e7\u00e3o do bloco, como duplicar, copiar, agrupar, etc.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6375\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-300x212.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-768x543.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_14-59-18-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Como usar o bloco de imagens no WordPress?<\/h2>\n\n\n\n<p>Mostraremos a voc\u00ea como usar o bloco de imagens do WordPress em algumas etapas simples a seguir. Tudo o que voc\u00ea precisa \u00e9 seguir. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 1: Inserir o bloco de imagem<\/h3>\n\n\n\n<p>Para inserir o bloco de imagem, v\u00e1 at\u00e9 seu post ou p\u00e1gina. <\/p>\n\n\n\n<p>Depois disso, clique em Add Block (\"<strong>+<\/strong>\") <strong>Adicionar bloco<\/strong> \u00edcone\u00a0<strong>(1)<\/strong>, digite \"<strong>Imagem<\/strong>\" na caixa de pesquisa\u00a0<strong>(2)<\/strong>e clique em \"<strong>Imagem<\/strong>\"\u00a0<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=\"608\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png\" alt=\"Como usar o bloco de imagens no WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-6381\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04.png 888w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-300x205.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-768x526.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-05-04-18x12.png 18w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 2: Insira seu arquivo de imagem<\/h3>\n\n\n\n<p>Voc\u00ea pode selecionar qualquer uma dessas tr\u00eas op\u00e7\u00f5es. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Carregar: <\/strong>Voc\u00ea pode carregar seus arquivos de imagem. <\/li>\n\n\n\n<li><strong>Biblioteca de m\u00eddia: <\/strong>Isso permite que voc\u00ea selecione imagens da sua biblioteca de m\u00eddia que j\u00e1 foram carregadas anteriormente. <\/li>\n\n\n\n<li><strong>Inserir URL de origem:<\/strong> Voc\u00ea pode inserir a imagem usando os links. <\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"496\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6382\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-300x168.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-768x431.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_20-27-33-18x10.png 18w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Como inserir uma imagem por meio da op\u00e7\u00e3o Upload<\/h4>\n\n\n\n<p>Para inserir arquivos de imagem, clique no bot\u00e3o de upload, selecione a imagem e clique em abrir. Depois disso, ela ser\u00e1 aberta no editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"494\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-07-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6384\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Como inserir uma imagem por meio da op\u00e7\u00e3o Biblioteca de m\u00eddia<\/h4>\n\n\n\n<p>Clique no bot\u00e3o Biblioteca de m\u00eddia, selecione a imagem e clique no bot\u00e3o Selecionar para inserir a imagem no editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"640\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-19-28.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6385\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Como inserir uma imagem por meio da op\u00e7\u00e3o Inserir imagem do URL<\/h4>\n\n\n\n<p>Selecione o bot\u00e3o Insert from URL (Inserir do URL), insira o link e ele ser\u00e1 exibido no editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"614\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-51-41.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6386\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Etapa 3: Personaliza\u00e7\u00e3o da imagem<\/h3>\n\n\n\n<p>Depois de inserir a imagem no editor, voc\u00ea pode redimension\u00e1-la diretamente no editor. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"732\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-56-07.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6387\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode definir v\u00e1rias op\u00e7\u00f5es nas configura\u00e7\u00f5es de bloqueio. Para acessar as configura\u00e7\u00f5es de bloqueio, navegue at\u00e9 <strong>Configura\u00e7\u00f5es<\/strong> (<strong>1<\/strong>) <strong>><\/strong> <strong>Bloqueio<\/strong> <strong>(2)<\/strong> <strong>&gt; Configura\u00e7\u00f5es<\/strong> <strong>(3)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"812\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6388\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22.png 880w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-300x277.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-768x709.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_21-58-22-13x12.png 13w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<p><strong>As op\u00e7\u00f5es de Configura\u00e7\u00f5es cont\u00eam recursos como:<\/strong><\/p>\n\n\n\n<div style=\"height:16px\" 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 alignright size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"288\" height=\"530\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6394\" style=\"border-width:1px;border-radius:3px;width:231px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1.png 288w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-163x300.png 163w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-05-20-1-7x12.png 7w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li><strong>Texto alternativo:<\/strong> Permite que voc\u00ea defina o texto alternativo para fins de SEO.<\/li>\n\n\n\n<li><strong>Rela\u00e7\u00e3o de aspecto:<\/strong> Isso permite que voc\u00ea defina a propor\u00e7\u00e3o da imagem como Original, Quadrado, Padr\u00e3o, Retrato, Cl\u00e1ssico, Retrato Cl\u00e1ssico, Largo e Alto. <\/li>\n\n\n\n<li><strong>Resolu\u00e7\u00e3o:<\/strong> Voc\u00ea pode definir a resolu\u00e7\u00e3o como Grande, M\u00e9dia, Miniatura e Tamanho Total.<\/li>\n\n\n\n<li><strong>Largura:<\/strong> Defina a largura desejada. <\/li>\n\n\n\n<li><strong>Altura:<\/strong> Defina a altura da imagem que voc\u00ea precisa. <\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<p>O Block Styles cont\u00e9m outros recursos de estilo que voc\u00ea pode precisar ao estilizar o bloco de imagens. <\/p>\n\n\n\n<div style=\"height:19px\" 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<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Estilos:<\/strong> Esse recurso permite que voc\u00ea defina os estilos de imagem como Padr\u00e3o e Arredondado. <\/li>\n\n\n\n<li><strong>Filtros: <\/strong>Os filtros permitem que voc\u00ea defina um filtro de dois tons para sua imagem sem perder a originalidade. <\/li>\n\n\n\n<li><strong>Dimens\u00f5es: <\/strong>Esse recurso permite que voc\u00ea defina margens para sua imagem. <\/li>\n\n\n\n<li><strong>Border &amp; Shadow:<\/strong> Voc\u00ea pode adicionar uma borda e um raio de borda ao bloco de imagens usando esse recurso. <\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"698\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6396\" style=\"border-width:1px;border-radius:3px;width:237px;height:auto\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58.png 298w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-128x300.png 128w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-26-58-5x12.png 5w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Portanto, \u00e9 assim que voc\u00ea usa o bloco de imagens e suas op\u00e7\u00f5es. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"693\" height=\"504\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6400\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48.png 693w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-300x218.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/2024-12-30_22-42-48-18x12.png 18w\" sizes=\"auto, (max-width: 693px) 100vw, 693px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Considera\u00e7\u00f5es finais!<\/h2>\n\n\n\n<p>O bloco de imagens do WordPress \u00e9 uma ferramenta poderosa e f\u00e1cil de usar que ajuda a aprimorar seu conte\u00fado com recursos visuais. Domine todos os recursos desse bloco e torne seu site visualmente atraente. <\/p>\n\n\n\n<p>O bloco de imagens \u00e9 perfeito para compartilhar seus produtos de destaque, compartilhar mem\u00f3rias ou explicar um conceito. Ele tamb\u00e9m ajuda suas imagens a terem a melhor apar\u00eancia poss\u00edvel. <\/p>\n\n\n\n<p>Portanto, da pr\u00f3xima vez que estiver trabalhando em um projeto do WordPress, use esse bloco pr\u00e1tico para elevar seu conte\u00fado.<\/p>\n\n\n\n<p>Espero que voc\u00ea tenha achado este tutorial perspicaz e f\u00e1cil de seguir. Na se\u00e7\u00e3o de coment\u00e1rios abaixo, deixe-me ouvir seus coment\u00e1rios sobre o tutorial e o bloco. <\/p>\n\n\n\n<p>Al\u00e9m disso, n\u00e3o se esque\u00e7a de compartilhar isso em suas m\u00eddias sociais e informar outras pessoas sobre esse incr\u00edvel bloco de imagens. <\/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: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-c1022999-7c84-4107-a81c-b58dcd3ed84a\"><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-77af8392-7837-4044-a01c-1827d04f66dd\">\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-pre-formatado-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como usar o bloco pr\u00e9-formatado no WordPress em 3 etapas 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-77af8392-7837-4044-a01c-1827d04f66dd\">\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-codigo-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como usar o bloco de c\u00f3digo no WordPress em 3 etapas simples<\/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-77af8392-7837-4044-a01c-1827d04f66dd\">\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-citacao-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como usar o bloco de cita\u00e7\u00e3o no WordPress em 3 etapas 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-77af8392-7837-4044-a01c-1827d04f66dd\">\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-lista-no-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como usar o bloco de listas 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-77af8392-7837-4044-a01c-1827d04f66dd\">\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-editor-de-blocos-do-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Como usar o editor de blocos do WordPress (um guia para iniciantes)<\/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-77af8392-7837-4044-a01c-1827d04f66dd\">\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-tabela-de-precos-para-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 melhores plug-ins de tabela de pre\u00e7os do WooCommerce<\/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-d1c22a5b-a912-4cfb-a537-fa8558d65e66\">\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-image-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" 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-image-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Image%20Block%20in%20WordPress%20in%203%20Easy%20Steps\" 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-image-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>Image is essential for every website to make it visually engaging. That&#8217;s why you must learn how to use the image block in WordPress. Like any other page builder, the Gutenberg block builder comes with the core image block for adding images. Today, we will share the complete guidelines on the image block, its benefits, [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6372,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6371","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/12\/How-to-Use-the-Image-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\/6371","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=6371"}],"version-history":[{"count":12,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6371\/revisions"}],"predecessor-version":[{"id":6404,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6371\/revisions\/6404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6372"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=6371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=6371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=6371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}