{"id":5284,"date":"2024-11-22T21:15:46","date_gmt":"2024-11-22T21:15:46","guid":{"rendered":"https:\/\/tableberg.com\/?p=5284"},"modified":"2024-11-22T21:15:46","modified_gmt":"2024-11-22T21:15:46","slug":"como-utilizar-el-bloque-de-medios-y-texto-de-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/","title":{"rendered":"C\u00f3mo utilizar el bloque de medios y texto de WordPress"},"content":{"rendered":"<p>El bloque Media and Text llena un vac\u00edo en el dise\u00f1o de WordPress que muchos usuarios ni siquiera sab\u00edan que exist\u00eda. Claro, usted podr\u00eda utilizar bloques separados para im\u00e1genes, v\u00eddeos o texto, pero conseguir que se sientan perfectamente <a href=\"https:\/\/tableberg.com\/es\/como-poner-texto-e-imagen-uno-al-lado-del-otro-en-wordpress\/\">uno al lado del otro<\/a> a menudo se convert\u00eda en un malabarismo de columnas, alineaciones y disposiciones.&nbsp;<\/p>\n\n\n\n<p>Este bloque es la soluci\u00f3n perfecta para los que quieren que los medios y el texto se complementen sin complicaciones. <\/p>\n\n\n\n<p>Piense en un bloguero gastron\u00f3mico que muestra una foto de una receta con instrucciones, en una empresa que destaca un nuevo producto con detalles al lado, o incluso en un narrador que combina im\u00e1genes y palabras para atraer a los lectores.&nbsp;<\/p>\n\n\n\n<p>El bloque Medios y texto hace que todo esto sea posible con unos pocos clics.<\/p>\n\n\n\n<p>Esta gu\u00eda te lo explica todo para que puedas dominar r\u00e1pidamente el bloque y llevar tus contenidos a otro nivel.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-2df940c3-e159-4639-a913-f67c8b8c920f\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"color: #2092ab; \">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">C\u00f3mo utilizar el bloque de medios y texto de WordPress<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#0-step-1-add-the-media-and-text-block-\" style=\"\">Paso 1: A\u00f1adir el bloque de medios y texto<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#1-step-2-insert-media-\" style=\"\">Paso 2: Insertar medios<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#2-step-3-add-text-\" style=\"\">Paso 3: A\u00f1adir texto<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#3-step-4-customize-the-block-\" style=\"\">Paso 4: Personalizar el bloque<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#4-41-customize-with-the-toolbar-\" style=\"\">4.1 Personalizar con la barra de herramientas<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#5-42-customize-the-text-\" style=\"\">4.2 Personalizar el texto<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#6-43-customize-through-the-block-settings-\" style=\"\">4.3 Personalizaci\u00f3n a trav\u00e9s de la configuraci\u00f3n del bloque<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/es\/how-to-use-the-wordpress-media-and-text-block\/#7-step-6-preview-and-publish-\" style=\"\">Paso 6: Vista previa y publicaci\u00f3n<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-step-1-add-the-media-and-text-block-\"><strong>Paso 1: A\u00f1adir el bloque de medios y texto<\/strong><\/h2>\n\n\n\n<p>Introduzca la entrada o p\u00e1gina de WordPress en la que desea a\u00f1adir el bloque. Haga clic en el bot\u00f3n <strong>+ Insertador de bloques <\/strong>para abrir la biblioteca de bloques. Escriba <strong>\"Medios y texto\"<\/strong> en la barra de b\u00fasqueda y seleccionarlo para a\u00f1adir el bloque. Tambi\u00e9n podemos escribir <strong>\/media<\/strong> en una nueva l\u00ednea y pulse Intro para insertar el bloque r\u00e1pidamente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-1024x486.png\" alt=\"A\u00f1adir el bloque de medios y texto\" class=\"has-border-color has-primary-accent-border-color wp-image-5288\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-1024x486.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-300x142.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-768x364.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-7.png 1475w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-step-2-insert-media-\"><strong>Paso 2: Insertar medios<\/strong><\/h2>\n\n\n\n<p>Dentro del bloque, haga clic en <strong>Cargar<\/strong> para a\u00f1adir una nueva imagen, elija una del men\u00fa <strong>Mediateca<\/strong>o utilice el bot\u00f3n <strong>Imagen destacada<\/strong> si ya est\u00e1 configurado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-1024x471.png\" alt=\"Insertar medios\" class=\"has-border-color has-primary-accent-border-color wp-image-5289\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-1024x471.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-300x138.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-768x353.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2-4.png 1523w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-step-3-add-text-\"><strong>Paso 3: A\u00f1adir texto<\/strong><\/h2>\n\n\n\n<p>Comience escribiendo su texto en el \u00e1rea situada junto a los medios de comunicaci\u00f3n. Tambi\u00e9n puede utilizar el bot\u00f3n <strong>+ Insertador de bloques <\/strong>dentro de la secci\u00f3n de texto para a\u00f1adir el bloque que prefiera en esta secci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1024x442.png\" alt=\"A\u00f1adir texto\" class=\"has-border-color has-primary-accent-border-color wp-image-5290\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1024x442.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-300x130.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-768x332.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-1536x664.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3-2.png 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-step-4-customize-the-block-\"><strong>Paso 4: Personalizar el bloque<\/strong><\/h2>\n\n\n\n<p>Hemos dividido el proceso de personalizaci\u00f3n en tres partes.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-41-customize-with-the-toolbar-\"><strong>4.1 Personalizar con la barra de herramientas<\/strong><\/h3>\n\n\n\n<p>Desde la barra de herramientas situada encima del bloque, puede cambiar el tipo de bloque, arrastrarlo, moverlo hacia arriba o hacia abajo, ajustar la anchura y la alineaci\u00f3n, alternar la posici\u00f3n de los medios entre izquierda y derecha, y a\u00f1adir un enlace a los medios o sustituirlos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1024x441.png\" alt=\"Personalizar con la barra de herramientas\" class=\"has-border-color has-primary-accent-border-color wp-image-5297\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1024x441.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-768x330.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-1536x661.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.1-1.png 1627w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-42-customize-the-text-\"><strong>4.2 Personalizar el texto<\/strong><\/h3>\n\n\n\n<p>Despl\u00e1cese hasta el contenido del texto, haga clic en \u00e9l y acceda a la barra de herramientas superior. Desde ah\u00ed, puedes transformar el texto en diferentes tipos de bloque como T\u00edtulo, Lista o Cita, aplicar opciones de formato como negrita, cursiva, tachado o c\u00f3digo en l\u00ednea, ajustar la alineaci\u00f3n del texto a la izquierda, al centro o a la derecha y a\u00f1adir hiperv\u00ednculos al texto seleccionado. En este ejemplo, hemos transformado nuestro texto en una Cita.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1024x458.png\" alt=\"Personalizar el texto\" class=\"has-border-color has-primary-accent-border-color wp-image-5295\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1024x458.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-300x134.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-768x343.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-1536x687.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.2-1.png 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-43-customize-through-the-block-settings-\"><strong>4.3 Personalizaci\u00f3n a trav\u00e9s de la configuraci\u00f3n del bloque<\/strong><\/h3>\n\n\n\n<p>Abra el panel Configuraci\u00f3n de bloques de la barra lateral derecha para explorar m\u00e1s opciones de personalizaci\u00f3n. En<strong> Configuraci\u00f3n general<\/strong>puede activar Apilar en m\u00f3vil, activar Recortar imagen para llenar toda la columna, ajustar la anchura de los medios, a\u00f1adir texto alternativo y elegir la resoluci\u00f3n.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-1024x493.png\" alt=\"Personalizar a trav\u00e9s de la pesta\u00f1a General\" class=\"has-border-color has-primary-accent-border-color wp-image-5293\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-1024x493.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-768x370.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.1.png 1454w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ahora, si se desplaza a la pesta\u00f1a Estilos, podr\u00e1 modificar el color del texto y del fondo, la tipograf\u00eda, las dimensiones y la configuraci\u00f3n de los bordes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"650\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-1024x650.png\" alt=\"Personalizar a trav\u00e9s de la pesta\u00f1a Estilos\" class=\"has-border-color has-primary-accent-border-color wp-image-5294\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-1024x650.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-768x488.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2-18x12.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/4.3.2.png 1102w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"7-step-6-preview-and-publish-\"><strong>Paso 6: Vista previa y publicaci\u00f3n<\/strong><\/h2>\n\n\n\n<p>Revisa el bloque y comprueba la Vista previa para ver c\u00f3mo queda en tu p\u00e1gina o entrada. Realiza los \u00faltimos ajustes si es necesario. Cuando est\u00e9s satisfecho, haz clic en Publicar o Actualizar para guardar los cambios.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-1024x509.png\" alt=\"Previsualizar y publicar\" class=\"has-border-color has-primary-accent-border-color wp-image-5292\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-1024x509.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-300x149.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-768x382.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/6.png 1508w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"8-conclusion-\"><strong>Conclusi\u00f3n<\/strong><\/h4>\n\n\n\n<p>El bloque Medios y texto se introdujo para que el contenido fluya de forma natural, con los medios y el texto trabajando juntos en perfecta armon\u00eda. En lugar de juntar bloques separados y preocuparse por el dise\u00f1o, este bloque proporciona una forma r\u00e1pida y fiable de crear dise\u00f1os que se ven muy bien en cualquier dispositivo. T\u00f3mate tu tiempo para leer el art\u00edculo, comprender cada paso y empezar a crear con confianza.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Media and Text block fills a gap in WordPress design that many users didn\u2019t even realize was there. Sure, you could use separate blocks for images, videos, or text, but getting them to sit neatly side by side often turned into a juggling act of columns, alignments, and layouts.&nbsp; This block steps in as [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5285,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-5284","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/Media-and-Text-Cover-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/es\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/5284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=5284"}],"version-history":[{"count":8,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/5284\/revisions"}],"predecessor-version":[{"id":5304,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/5284\/revisions\/5304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/5285"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=5284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=5284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=5284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}