{"id":81185,"date":"2022-05-23T09:58:00","date_gmt":"2022-05-23T07:58:00","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=81185"},"modified":"2025-01-20T09:17:34","modified_gmt":"2025-01-20T08:17:34","slug":"wordpress-wrap-text-around-image-wordpress-blog","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/","title":{"rendered":"4 formas de envolver texto alrededor de una imagen en WordPress"},"content":{"rendered":"<p>\u00bfNecesita colocar texto alrededor de la imagen de forma elegante? Aprenda c\u00f3mo hacerlo f\u00e1cilmente sin experiencia en codificaci\u00f3n y dise\u00f1o. El editor de Gutenberg ofrece m\u00e1s opciones para envolver texto alrededor de texto en WordPress. <\/p>\n\n\n\n<p>Puede lograr un sitio web atractivo y una rutina de edici\u00f3n de contenido f\u00e1cil al mismo tiempo. Elegir el editor de Gutenberg para su sitio web de WordPress le brinda la mejor herramienta desde una perspectiva a largo plazo. Tendr\u00e1 m\u00e1s opciones para ajustar el texto alrededor de las im\u00e1genes de manera diferente. Gutenberg ofrece muchas ventajas, como un c\u00f3digo fuente m\u00e1s claro del sitio web, velocidad, seguridad y facilidad de uso.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-custom-container citadela-block-custom-container size-content bg-type-image inside-space-none bg-size-cover has-bg has-overlay has-border-radius\" style=\"background-color:rgba(234, 234, 234, 1);border-radius:10px\"><div class=\"bg-image-wrapper\" style=\"background-image:url(https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/header-layouts-min.png);background-repeat:no-repeat;background-position:36% 49%;border-radius:10px\"><\/div><div class=\"bg-image-overlay\" style=\"opacity:0.5;border-radius:10px\"><\/div><div class=\"inner-holder\">\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n         <div \r\n            class=\"citadela-block-responsive-text align-center\"\r\n                                 >\r\n            <p class=\"inner-tag\" style=\"font-size: 22px; line-height: 0.73; color: #392F43;\"><strong>Descargar CitadelaWP WordPress Theme &amp; Plugins<\/strong><\/p>         <\/div>\r\n      \n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:20px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/www.ait-themes.club\/es\/fijacion-de-precios\/\" style=\"border-radius:3px\">COMPRAR AHORA<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:10px\"><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\">One-time payment. 14-day money-back guarantee.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:40px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_wrap_text_around_the_image_in_WordPress\"><\/span>\u00bfC\u00f3mo envolver el texto alrededor de la imagen en WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>El editor y los bloques de Gutenberg hacen que el contenido del sitio web sea m\u00e1s ligero, moderno y f\u00e1cil de leer. Le mostramos m\u00e1s formas de envolver el texto alrededor de la imagen en las p\u00e1ginas de WordPress, publicaciones y tipos de publicaciones personalizadas tambi\u00e9n. Hay diferentes bloques, y tambi\u00e9n puede usarlos en combinaci\u00f3n, como un conjunto de partes y caracter\u00edsticas que le brindan opciones adicionales para la envoltura.<\/p>\n\n\n\n<p>Puede seleccionar el bloque para el texto envuelto alrededor de la imagen seg\u00fan la subp\u00e1gina y su tipo de contenido. Puede elegir un estilo para la p\u00e1gina de presentaci\u00f3n y otro para una publicaci\u00f3n de blog. Adem\u00e1s, considere el tipo de contenido que representa la imagen. \u00bfEs una imagen de descripci\u00f3n o un medio m\u00e1s representativo o de venta?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wrap_Text_Around_Image_%E2%80%93_Blocks_Selection\"><\/span>Envolver texto alrededor de la imagen \u2013 Selecci\u00f3n de bloques<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Hay 4 bloques que puede usar para envolver un bloque de texto alrededor de una imagen. Te los describimos todos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>El bloque de imagen y el bloque de p\u00e1rrafo encuentran m\u00e1s abajo<\/li><li>El bloque de medios y texto encuentra m\u00e1s abajo<\/li><li><a href=\"https:\/\/www.ait-themes.club\/es\/wordpress-columnas-blog\/\">bloque de columnas<\/a> en publicaci\u00f3n individual<\/li><li><a href=\"https:\/\/www.ait-themes.club\/es\/imagen-de-fondo-wordpress-blog\/\">bloque de racimo<\/a> en publicaci\u00f3n individual (funci\u00f3n disponible solo con <a href=\"https:\/\/www.ait-themes.club\/es\/citadela-complementos\/citadela-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Complemento Citadela Pro<\/a>)<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" data-id=\"93496\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-1024x538.png\" alt=\"Ajuste avanzado de texto alrededor de la imagen\" class=\"wp-image-93496\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-1024x538.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-300x158.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-768x404.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-1536x807.png 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example.png 1909w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Envoltura avanzada en bloque de cl\u00faster<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" data-id=\"93497\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-1024x557.png\" alt=\"\" class=\"wp-image-93497\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-1024x557.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-300x163.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-768x418.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings-1536x835.png 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-Text-Around-Image-Cluster-Block-Example-Settings.png 1911w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Configuraci\u00f3n de bloque de cl\u00faster<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"wrap-text-and-image-for-better-reading-experience\"><span class=\"ez-toc-section\" id=\"Wrap_text_and_image_for_better_reading_experience\"><\/span><a id=\"wraptextandimagetitle\"><\/a>Ajusta el texto y la imagen para una mejor experiencia de lectura<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Hay varias razones por las que deber\u00eda usar este bloque. Lo apreciar\u00e1 m\u00e1s si est\u00e1 escribiendo publicaciones de blog. Las im\u00e1genes son parte integral de la historia. No importa si escribe un blog de viajes o una revista sobre noticias de TI. Entonces, cuando agregue fotos dentro de su contenido, piense en la alineaci\u00f3n de la imagen. Los lectores podr\u00e1n entender mejor sobre lo que est\u00e1s escribiendo.<\/p>\n\n\n\n<p>En muchos casos es necesario insertar imagen y texto uno al lado del otro. \u00bfLo que es importante?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tiene que tener sentido. La imagen tiene que estar al lado del texto correcto.<\/li><li>Tiene que estar bien alineado.<\/li><li>Tiene que adaptarse a todo el dise\u00f1o del sitio web.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_and_Paragraph_blocks\"><\/span>Bloques de imagen y p\u00e1rrafo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow.png\" alt=\"Texto envuelto alrededor de una imagen en el editor cl\u00e1sico de WordPress\" class=\"wp-image-81202\" width=\"409\" height=\"256\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow.png 1280w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-text-overflow-768x480.png 768w\" sizes=\"auto, (max-width: 409px) 100vw, 409px\" \/><\/a><figcaption>Ejemplo de texto no muy bonito que envolv\u00eda la imagen<\/figcaption><\/figure><\/div>\n\n\n\n<p>mientras que en el <strong>Editor cl\u00e1sico<\/strong> tambi\u00e9n podr\u00eda colocar texto junto a la imagen, no podr\u00eda hablar de una buena alineaci\u00f3n. Especialmente si la imagen era peque\u00f1a y pones m\u00e1s texto al lado. El texto envolv\u00eda la imagen y no se ve\u00eda bien.<\/p>\n\n\n\n<p><strong>redactor de Gutenberg<\/strong> y su bloque Imagen trae una gran caracter\u00edstica: cambiar el tama\u00f1o de la imagen. Arrastra puntos alrededor de la imagen para cambiar autom\u00e1ticamente su tama\u00f1o y la alineaci\u00f3n del texto.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-1024x783.png\" alt=\"Envuelva el texto alrededor de la imagen usando los bloques de imagen y p\u00e1rrafo de Gutenberg\" class=\"wp-image-93465\" width=\"754\" height=\"576\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-1024x783.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-300x229.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks-768x587.png 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/05\/Wrap-text-around-Image-using-Gutenberg-Image-and-Paragraph-Blocks.png 1265w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><figcaption>Cambiar el tama\u00f1o de la imagen y elegir la alineaci\u00f3n<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"media-text-block-wordpress-align-text-next-to-image\"><span class=\"ez-toc-section\" id=\"Media_Text_block_%E2%80%93_WordPress_align_text_next_to_image\"><\/span>Bloque de medios y texto: WordPress alinea el texto junto a la imagen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#wraptextandimagetitle\">Envuelva texto e im\u00e1genes con bloque de medios y texto<\/a><\/li><li><a href=\"#howtoaddmediaandtextblockeditor\">C\u00f3mo agregar un bloque de medios y texto en el editor<\/a><\/li><li><a href=\"#howdoesmediaandtextwork\">C\u00f3mo funciona este bloque<\/a><\/li><li><a href=\"#mediaandtextblocksettings\">Configuraci\u00f3n de bloque de medios y texto<\/a><\/li><li><a href=\"#whatisstackonmobile\">Que hace &quot;<i>Apilar en el m\u00f3vil\u201d<\/i> significar<\/a><\/li><li><a href=\"#howtojustifytextinwp\">Bono: C\u00f3mo justificar el texto en WordPress<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-align-text-next-to-image\"><span class=\"ez-toc-section\" id=\"How_to_align_text_next_to_image\"><\/span>\u00bfC\u00f3mo alinear el texto al lado de la imagen?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-custom-container citadela-block-custom-container size-wide bg-type-gradient inside-space-small has-bg has-border-radius\" style=\"background-image:linear-gradient(120deg, rgba(247, 195, 250, 0.65) 0%, rgba(159, 159, 233, 1) 100%);border-radius:10px\"><div class=\"inner-holder\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min.png\" alt=\"\" class=\"wp-image-91460\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min.png 400w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min-300x300.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/logo-pro-customization-min-150x150.png 150w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n         <div \r\n            class=\"citadela-block-responsive-text weight-800 align-center\"\r\n                                 >\r\n            <p class=\"inner-tag\" style=\"font-size: 30px; font-weight: 800; line-height: 1.5; color: #392F43;\">Empieza ahora<\/p>         <\/div>\r\n      \n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:10px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/www.ait-themes.club\/es\/fijacion-de-precios\/\" style=\"border-radius:3px\">COMPRAR AHORA<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:1vw\"><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\" style=\"font-size:16px\">One-time payment. 14-day money-back guarantee.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer negative-height\"><div class=\"inner-holder\" style=\"margin-top:-1vw\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:20px\"><\/div><\/div>\n\n\n\n<p>El bloque de medios y texto es una caracter\u00edstica fant\u00e1stica. El bloque Media &amp; Text resuelve este problema y garantiza una alineaci\u00f3n perfecta del texto con la imagen sin interrumpir la composici\u00f3n y el dise\u00f1o. Esa es la raz\u00f3n por la que deber\u00edas usar este bloque.<\/p>\n\n\n\n<p>Tambi\u00e9n mejora el dise\u00f1o del sitio web en dispositivos m\u00f3viles. Este bloque envolvente ayuda al tema de WordPress a cubrir diferentes dise\u00f1os m\u00f3viles. En un tel\u00e9fono inteligente, cada parte del sitio web debe ser claramente visible y legible. \u00bfC\u00f3mo se ver\u00e1 el bloque de medios y texto en los tel\u00e9fonos m\u00f3viles y la tabla maneja la funci\u00f3n &quot;Apilar en el m\u00f3vil&quot; que veremos a continuaci\u00f3n?<\/p>\n\n\n\n<p class=\"has-text-align-left\">En poco tiempo podr\u00e1 usar el bloque de medios y texto en nuestro nuevo tema de WordPress llamado Citadela. Obtenga m\u00e1s informaci\u00f3n sobre el tema Citadela en un art\u00edculo separado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-to-add-media-text-block-in-block-editor\"><span class=\"ez-toc-section\" id=\"How_to_add_Media_Text_block_in_block_editor\"><\/span><a id=\"howtoaddmediaandtextblockeditor\"><\/a>\u00bfC\u00f3mo agregar un bloque de medios y texto en el editor de bloques?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Agregar un bloque de medios y texto es tan f\u00e1cil como agregar cualquier otro bloque. Es un bloque central que significa que no necesita descargar ni instalar nada.<\/p>\n\n\n\n<p>Usando el \u00edcono &quot;+&quot; en el panel superior o en cualquier parte del editor y seleccionando Bloque de medios y texto.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"800\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add.png\" alt=\"Agregue bloque de medios y texto haciendo clic en &quot;+&quot;\" class=\"wp-image-81200\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add.png 1280w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-add-768x480.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/a><figcaption>Agregar bloque de medios y texto haciendo clic en &quot;+&quot;<\/figcaption><\/figure><\/div>\n\n\n\n<p>La \u00faltima opci\u00f3n es escribir &quot;\/&quot; y escribir &quot;medios&quot; despu\u00e9s. WordPress le mostrar\u00e1 autom\u00e1ticamente los bloques seleccionados que coincidan con lo que busc\u00f3.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-shortcut.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"301\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-shortcut.gif\" alt=\"Agregar bloque de medios y texto usando una barra oblicua\" class=\"wp-image-81213\"\/><\/a><figcaption>Agregar medios y bloques de texto usando la barra inclinada &quot;\/&quot;<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-does-media-text-block-work\"><span class=\"ez-toc-section\" id=\"How_does_Media_Text_block_work\"><\/span><a id=\"howdoesmediaandtextwork\"><\/a>\u00bfC\u00f3mo funciona el bloque de medios y texto?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>El bloque de medios y texto b\u00e1sicamente agrupa 2 tipos diferentes de contenido en uno. El primero es medio, por ejemplo, una imagen o un video que puede agregar a trav\u00e9s de:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Subir<\/li><li>Mediateca<\/li><li>Arrastrar y soltar<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-upload.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"301\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-upload.gif\" alt=\"Opciones de carga de bloques de texto y multimedia\" class=\"wp-image-81215\"\/><\/a><figcaption>Mira lo f\u00e1cil que puedes subir una imagen arrastrando y soltando<\/figcaption><\/figure><\/div>\n\n\n\n<p>El segundo es espacio para contenido de texto. Puede escribir all\u00ed p\u00e1rrafos de texto, listas de vi\u00f1etas o t\u00edtulos. Tambi\u00e9n puedes agregar all\u00ed <a href=\"https:\/\/www.ait-themes.club\/es\/como-agregar-boton-en-wordpress-editor-blog\/\" target=\"_blank\" rel=\"noopener\">Bloque de botones<\/a> que habl\u00e1bamos antes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"401\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.gif\" alt=\"\u00c1rea de texto del bloque multimedia y de texto\" class=\"wp-image-81204\"\/><\/a><figcaption>En el \u00e1rea de texto puede agregar diferentes tipos de contenido<\/figcaption><\/figure><\/div>\n\n\n\n<p>El bloque de medios y texto siempre alinea la imagen y el texto uno al lado del otro sin importar cu\u00e1nto texto escriba. \u00bfComo funciona? La imagen se ajusta autom\u00e1ticamente seg\u00fan la altura del contenido en la columna de texto.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1223\" height=\"875\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text.png\" alt=\"Alineaci\u00f3n de imagen en bloque de medios y texto\" class=\"wp-image-81199\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text.png 1223w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-300x215.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-1024x733.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-768x549.png 768w\" sizes=\"auto, (max-width: 1223px) 100vw, 1223px\" \/><\/a><figcaption>Ejemplo de alineaci\u00f3n de imagen y texto<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"media-text-block-settings\"><span class=\"ez-toc-section\" id=\"Media_Text_Block_settings\"><\/span><a id=\"mediaandtextblocksettings\"><\/a>Configuraci\u00f3n de bloque de medios y texto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"general-block-settings\"><span class=\"ez-toc-section\" id=\"General_block_settings\"><\/span>Configuraciones generales de bloqueo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><b>1. Barra de herramientas superior<\/b><\/p>\n\n\n\n<p>La barra de herramientas encima del bloque ofrece varias opciones. Si su tema activo lo admite, puede configurar el bloque de medios y texto como ancho o ancho completo. Tambi\u00e9n puede elegir d\u00f3nde desea colocar la imagen o el video haciendo clic en:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mostrar medios a la izquierda<\/li><li>Mostrar medios a la derecha<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-align.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-align.gif\" alt=\"Cambio de alineaci\u00f3n de imagen y texto.\" class=\"wp-image-81203\"\/><\/a><figcaption>Al hacer clic en los iconos de la barra de herramientas, puede cambiar la alineaci\u00f3n y la posici\u00f3n de la imagen y el texto.<\/figcaption><\/figure><\/div>\n\n\n\n<p>En la barra de herramientas superior tambi\u00e9n hay un icono para editar el medio donde puede configurar Texto alternativo, T\u00edtulo, Leyenda o Descripci\u00f3n. Obtenga m\u00e1s informaci\u00f3n sobre la edici\u00f3n de im\u00e1genes en nuestro art\u00edculo <a href=\"https:\/\/www.ait-themes.club\/es\/wordpress-imagen-bloque-tutorial-blog\/\" target=\"_blank\" rel=\"noopener\">Trabajando con el bloque de imagen de WordPress<\/a>.<\/p>\n\n\n\n<p><b>2. Barra lateral derecha<\/b><\/p>\n\n\n\n<p>La barra lateral derecha ofrece una configuraci\u00f3n adicional para el bloque de medios y texto. Es posible agregar aqu\u00ed Texto alternativo, establecer el color de fondo o agregar Clase CSS adicional. Tambi\u00e9n puede habilitar la funci\u00f3n &quot;Apilar en el m\u00f3vil&quot;.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-color.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-color.gif\" alt=\"Configuraci\u00f3n de color de fondo\" class=\"wp-image-81207\"\/><\/a><figcaption>Cambio de color de fondo suave<\/figcaption><\/figure><\/div>\n\n\n\n<p><b><a id=\"whatisstackonmobile\"><\/a>\u00bfQu\u00e9 es Stack en dispositivos m\u00f3viles?<\/b><\/p>\n\n\n\n<p>Gracias a esta funci\u00f3n, la imagen y el texto se muestran de forma agradable en los dispositivos m\u00f3viles. Si deshabilita &quot;Apilar en el m\u00f3vil&quot;, la imagen y el texto permanecer\u00e1n uno al lado del otro y ser\u00e1 dif\u00edcilmente legible en la versi\u00f3n receptiva.<\/p>\n\n\n\n<p>Si habilita esta funci\u00f3n, en el tel\u00e9fono m\u00f3vil, el contenido del lado izquierdo se mostrar\u00e1 sobre el contenido que est\u00e1 en el lado derecho.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive.png\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"807\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive.png\" alt=\"Apilar en la funci\u00f3n m\u00f3vil para que WordPress ajuste el texto alrededor de la imagen\" class=\"wp-image-81212\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive.png 941w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive-300x257.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-responsive-768x659.png 768w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/a><figcaption>Vista previa del sitio web en un dispositivo m\u00f3vil con la funci\u00f3n habilitada &quot;Apilar en el m\u00f3vil&quot;<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"text-alignment\"><span class=\"ez-toc-section\" id=\"Text_alignment\"><\/span>Alineaci\u00f3n del texto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Parte del bloque de medios y texto est\u00e1 junto con la imagen o el video y tambi\u00e9n el contenido de texto. Puede ser uno de los siguientes tipos de contenido:<\/p>\n\n\n\n<p><b>1. P\u00e1rrafo<\/b><\/p>\n\n\n\n<p>En la barra de herramientas superior, puede configurar la alineaci\u00f3n del texto, poner el texto en negrita, cursiva o agregar un enlace URL.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph.png\" alt=\"Formato de p\u00e1rrafo en bloque de medios y texto\" class=\"wp-image-81210\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Opciones de formato para el texto<\/figcaption><\/figure><\/div>\n\n\n\n<p>En la barra lateral del lado derecho, puede elegir el tama\u00f1o de fuente, el color de fuente o el color de p\u00e1rrafo. La caracter\u00edstica interesante es &quot;Capitular&quot; que resaltar\u00e1 el primer car\u00e1cter del texto. Es una buena caracter\u00edstica en las publicaciones en bloque para hacer que el texto sea m\u00e1s interesante.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-cap.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-cap.gif\" alt=\"Caracter\u00edstica de &quot;cap\u00edtulo&quot; \" class=\"wp-image-81206\"\/><\/a><figcaption>Resaltar texto con la funci\u00f3n &quot;Letra capitular&quot;<\/figcaption><\/figure><\/div>\n\n\n\n<p><b>2. T\u00edtulo<\/b><\/p>\n\n\n\n<p>El encabezado es muy similar al p\u00e1rrafo. Tambi\u00e9n puede configurar su aspecto, ponerlo en negrita o cursiva e insertar un enlace URL. La diferencia es que puede elegir el tipo de encabezado: H2, H3, H4.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading.png\" alt=\"Opciones de encabezado para bloque de medios y texto\" class=\"wp-image-81201\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-image-and-text-heading-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Opciones de encabezado<\/figcaption><\/figure><\/div>\n\n\n\n<p>Otros tama\u00f1os de encabezado y configuraciones de alineaci\u00f3n est\u00e1n disponibles en la barra lateral del lado derecho.<\/p>\n\n\n\n<p><b>3. Lista<\/b><\/p>\n\n\n\n<p>Si agrega Bloque de lista a su contenido, puede ser vi\u00f1etas, lista numerada o lista de varios niveles. Tambi\u00e9n puede poner el texto en negrita, cursiva y agregar un enlace URL.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list.png\" alt=\"Opciones de lista en bloque de medios y texto\" class=\"wp-image-81209\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-list-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Lista de opciones de su \u00e1rea de texto<\/figcaption><\/figure><\/div>\n\n\n\n<p><b>4. Bloque de botones<\/b><\/p>\n\n\n\n<p>Este bloque que agrega bot\u00f3n al contenido se puede ajustar al dise\u00f1o del sitio web. El color y el estilo del bot\u00f3n o el color de fondo se pueden configurar en la barra lateral del lado derecho.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.png\" alt=\"Opciones de botones en el bloque multimedia y de texto\" class=\"wp-image-81205\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button.png 1440w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button-300x188.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button-1024x640.png 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-button-768x480.png 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/a><figcaption>Opciones para el estilo del bot\u00f3n<\/figcaption><\/figure><\/div>\n\n\n\n<p>No olvides leer el art\u00edculo sobre <a href=\"https:\/\/www.ait-themes.club\/es\/como-agregar-boton-en-wordpress-editor-blog\/\" target=\"_blank\" rel=\"noopener\">Bloque de botones<\/a>.<a href=\"https:\/\/www.ait-themes.club\/es\/como-agregar-boton-en-wordpress-editor-blog\/\">&nbsp;<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"switching-between-block-types\"><span class=\"ez-toc-section\" id=\"Switching_between_block_types\"><\/span>Cambiar entre tipos de bloque<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>En el bloque de medios y texto es posible convertir un tipo de bloque de contenido a otro. Tambi\u00e9n puede cambiar el bloque de medios y texto al bloque de imagen y la parte de texto se eliminar\u00e1.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-switch.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-switch.gif\" alt=\"Cambiar entre tipos de bloque\" class=\"wp-image-81214\"\/><\/a><figcaption>Convertir bloque de medios y texto en otro bloque<\/figcaption><\/figure><\/div>\n\n\n\n<p>En el contenido de texto, es posible cambiar el bloque de p\u00e1rrafo al bloque de encabezado o lista.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-switch.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-paragraph-switch.gif\" alt=\"Bloque de conversi\u00f3n de p\u00e1rrafo\" class=\"wp-image-81211\"\/><\/a><figcaption>Convertir bloque de p\u00e1rrafo en otro<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"bonus-how-to-justify-text-in-wordpress\"><span class=\"ez-toc-section\" id=\"Bonus_How_to_justify_text_in_WordPress\"><\/span><a id=\"howtojustifytextinwp\"><\/a>Bono: C\u00f3mo justificar el texto en WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>El uso de texto justificado tiene sus aspectos positivos y negativos. El texto justificado generalmente se puede encontrar en libros o peri\u00f3dicos, pero ya no se usa en sitios web. \u00bfPor qu\u00e9?<\/p>\n\n\n\n<p>Hace varios a\u00f1os, la funci\u00f3n Justificar estaba integrada dentro del editor de WordPress Classic. Texto justificado utilizado para causar problemas de visibilidad en varios navegadores o dispositivos m\u00f3viles. Tambi\u00e9n est\u00e1 relacionado con la dif\u00edcil legibilidad del texto justificado. Por lo tanto, esta funci\u00f3n qued\u00f3 en desuso y se elimin\u00f3.<\/p>\n\n\n\n<p>Esta particular funcionalidad no existe en el editor de bloques nuevos (Gutenberg).<\/p>\n\n\n\n<p>Entonces, \u00bfc\u00f3mo justificas el texto si realmente quieres?<\/p>\n\n\n\n<p>La soluci\u00f3n es agregar un c\u00f3digo CSS simple en unos pocos pasos:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Hay una configuraci\u00f3n para el bloque Clase CSS adicional de p\u00e1rrafo en la barra lateral del lado derecho<\/li><li>Escriba all\u00ed el nombre de la clase \u201e<i>justificar<\/i>\u201c<\/li><li>Publicar p\u00e1gina o art\u00edculo<\/li><li>Si tiene una vista previa, haga clic en Personalizar en la barra superior principal<\/li><li>En el lado izquierdo hay una nueva barra lateral con configuraciones<\/li><li>Haga clic en CSS adicional<\/li><li>Inserte el siguiente c\u00f3digo CCS:<\/li><\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">p.justificar { texto-alinear: justificar; }\n<\/pre>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-justify.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"520\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/08\/gutenberg-media-and-text-justify.gif\" alt=\"Justifica el texto con CSS personalizado\" class=\"wp-image-81208\"\/><\/a><figcaption>La forma de justificar texto en bloque usando c\u00f3digo personalizado<\/figcaption><\/figure><\/div>\n\n\n\n<p>Hecho. A partir de ahora, el texto en su bloque de medios y texto est\u00e1 justificado.<\/p>\n\n\n\n<p>WordPress se ha vuelto m\u00e1s \u00fatil sin creadores de p\u00e1ginas de terceros, gracias al editor Gutenberg. Tiene un valor excelente para su sitio web desde un punto de vista a largo plazo y al crear o redise\u00f1ar un sitio web. Los bloques de Gutenberg brindan una gran variedad de estilos, sin embargo, puede encontrar la mano <a href=\"https:\/\/codex.wordpress.org\/Wrapping_Text_Around_Images\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00f3digo de WordPress para envolver texto alrededor de im\u00e1genes<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-custom-container citadela-block-custom-container size-content bg-type-image inside-space-none bg-size-cover has-bg has-overlay has-border-radius\" style=\"background-color:rgba(234, 234, 234, 1);border-radius:10px\"><div class=\"bg-image-wrapper\" style=\"background-image:url(https:\/\/www.ait-themes.club\/wp-content\/uploads\/2021\/10\/header-layouts-min.png);background-repeat:no-repeat;background-position:36% 49%;border-radius:10px\"><\/div><div class=\"bg-image-overlay\" style=\"opacity:0.5;border-radius:10px\"><\/div><div class=\"inner-holder\">\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n\n\n         <div \r\n            class=\"citadela-block-responsive-text align-center\"\r\n                                 >\r\n            <p class=\"inner-tag\" style=\"font-size: 22px; line-height: 0.73; color: #392F43;\"><strong>Descargar CitadelaWP WordPress Theme &amp; Plugins<\/strong><\/p>         <\/div>\r\n      \n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:20px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background has-text-align-center wp-element-button\" href=\"https:\/\/www.ait-themes.club\/es\/fijacion-de-precios\/\" style=\"border-radius:3px\">COMPRAR AHORA<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:10px\"><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\">One-time payment. 14-day money-back guarantee.<\/p>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:40px\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-citadela-blocks-spacer citadela-block-spacer\"><div class=\"inner-holder\" style=\"padding-top:2vw\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><em>\u00bfCu\u00e1l es su opini\u00f3n sobre el bloque de medios y texto? \u00bfYa lo usaste? \u00bfC\u00f3mo te gusta trabajar con \u00e9l? H\u00e1ganos saber en los comentarios a continuaci\u00f3n.<\/em><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#How_to_wrap_text_around_the_image_in_WordPress\" >\u00bfC\u00f3mo envolver el texto alrededor de la imagen en WordPress?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Wrap_Text_Around_Image_%E2%80%93_Blocks_Selection\" >Envolver texto alrededor de la imagen \u2013 Selecci\u00f3n de bloques<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Wrap_text_and_image_for_better_reading_experience\" >Ajusta el texto y la imagen para una mejor experiencia de lectura<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Image_and_Paragraph_blocks\" >Bloques de imagen y p\u00e1rrafo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Media_Text_block_%E2%80%93_WordPress_align_text_next_to_image\" >Bloque de medios y texto: WordPress alinea el texto junto a la imagen<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#How_to_align_text_next_to_image\" >\u00bfC\u00f3mo alinear el texto al lado de la imagen?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#How_to_add_Media_Text_block_in_block_editor\" >\u00bfC\u00f3mo agregar un bloque de medios y texto en el editor de bloques?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#How_does_Media_Text_block_work\" >\u00bfC\u00f3mo funciona el bloque de medios y texto?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Media_Text_Block_settings\" >Configuraci\u00f3n de bloque de medios y texto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#General_block_settings\" >Configuraciones generales de bloqueo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Text_alignment\" >Alineaci\u00f3n del texto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Switching_between_block_types\" >Cambiar entre tipos de bloque<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.ait-themes.club\/es\/wordpress-envolver-texto-alrededor-de-imagen-wordpress-blog\/#Bonus_How_to_justify_text_in_WordPress\" >Bono: C\u00f3mo justificar el texto en WordPress<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfNecesitas colocar texto alrededor de la imagen de forma elegante? Aprende a hacerlo f\u00e1cilmente sin experiencia en codificaci\u00f3n y dise\u00f1o. El editor Gutenberg trae m\u00e1s opciones para envolver texto alrededor de texto en WordPress. Puede lograr un sitio web bien parecido y una rutina de contenido de edici\u00f3n f\u00e1cil simult\u00e1neamente. Elegir el editor Gutenberg para [...]<\/p>","protected":false},"author":1,"featured_media":81198,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[4,50],"tags":[15],"citadela-post-location":[],"class_list":["post-81185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-websites-in-wordpress","category-citadela-pro-documentation","tag-gutenberg-wordpress-editor"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/81185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/comments?post=81185"}],"version-history":[{"count":24,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/81185\/revisions"}],"predecessor-version":[{"id":93502,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/81185\/revisions\/93502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/media\/81198"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/media?parent=81185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/categories?post=81185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/tags?post=81185"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/citadela-post-location?post=81185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}