Enmarcar el texto alrededor de la imagen en WordPress [Media & amp;Bloque de texto 2022]

contenido
Envolver texto e imagen de WordPress
Media y bloque de texto – WordPress Línea el texto junto a la imagen
Texto e imagen de una mejor experiencia de lectura
¿Cómo alinear el texto junto a la imagen?
¿Cómo agregar los medios y el bloque de texto al editor de bloques?
¿Cómo funcionan los medios de comunicación y el bloqueo de texto?
Configuración de medios y bloques de texto
Configuración general para bloques
Alineación del texto
Cambiar entre tipos de bloques
Bonificación: cómo justificar el texto en WordPress
Insertar una imagen junto a un párrafo de texto no suena como un gran trabajo, pero no puede ser fácil si desea un sitio web moderno. Solo gracias al editor de Gutenberg, WordPress se vuelve más utilizable sin la tercera página constructores. Tiene un excelente valor para su sitio desde un punto de vista a largo plazo y al crear o rediseñar un sitio web. El texto de WordPress enmarcado alrededor de la imagen es un conjunto de bloques y características. Hace que el contenido sea más fácil, moderno y fácil de leer.
Envuelva el texto y la imagen de WordPress Hay varios bloques que puede usar para envolver un bloque de texto alrededor de una imagen. Los describimos a todos:
Los medios y el bloque de texto pueden encontrar más a continuación
Bloqueo de columnas en la publicación individual
Bloqueo grupal en la publicación individual
Media y bloque de texto – WordPress Línea el texto junto a la imagen
Empaque el texto y las imágenes con los medios y el bloque de texto
Cómo agregar los medios y el bloque de texto al editor
Cómo funciona este bloque
Configuración para medios y bloques de texto
¿Qué significa “Mobile Stack”?
Bonificación: cómo justificar el texto en WordPress
Fin e imagen para una mejor experiencia de lectura Hay varias razones por las que debe usar este bloque. Agradecerá más si escribe publicaciones en el blog. Las imágenes son una parte integral de la historia. No importa si escribe un blog o revista de viajes sobre las noticias. Entonces, cuando agregue fotos a su contenido, piense en alinear las imágenes. Los lectores podrán comprender mejor lo que escribe. En muchos casos, debe insertar la imagen y el texto uno al lado del otro. ¿Lo que es importante?
Debe tener sentido. La imagen debe estar al lado del texto correcto.
Debe estar bien alineado.
Debe coincidir con todo el aspecto del sitio web.
Mientras que en el editor clásico podría colocar texto junto a la imagen, no podría hablar sobre una alineación agradable. Especialmente si la imagen era pequeña y ponga más texto al lado. El texto cubrió la imagen y no se veía bien.
Ejemplo de texto no muy agradable que incluía la imagen

¿Cómo alinear el texto junto a la imagen? El bloqueo de medios y texto es una característica fantástica. El bloque Media & Text resuelve este problema y garantiza la alineación perfecta del texto a la imagen, sin perturbar la composición y la apariencia. Es por eso que debes usar este bloque.
Mejora el diseño del sitio web y en los dispositivos móviles. Este bloque de envoltura ayuda al tema de WordPress a cubrir diferentes aspectos móviles. En el teléfono inteligente, cada lado del sitio debe ser claramente visible y legible. Cómo se verán los medios y el bloque de texto en los teléfonos móviles y en las tablas “Pilation On Mobile” que analizaremos a continuación. En poco tiempo, podrá usar el bloque de medios y el texto en nuestro nuevo tema de WordPress llamado Citadel. Obtenga más información sobre el tema de la ciudadela en un artículo separado. ¿Cómo agregar los medios y el bloque de texto al editor de bloques? Agregar un bloque de medios y texto es tan simple como cualquier otro bloque. Es un bloque básico que significa que no tiene que descargar ni instalar nada. Usando el icono “+” desde el panel superior o en cualquier lugar del editor y seleccionar el bloque de medios y de texto.
Agregar el bloque de medios y el texto haciendo clic en “+”
La última opción es escribir “/” y escribir “medios” después. WordPress le mostrará automáticamente los bloques seleccionados que coinciden con lo que estaba buscando.

Agregar el contenido de medios y bloque de texto usando la barra oblicua “/”
¿Cómo funcionan los medios y el bloqueo de texto? Los medios y el bloqueo de texto prácticamente agrupan 2 tipos diferentes de contenido en uno. El primero es mediano, por ejemplo, imagen o video que puede agregar por:

Carga
Mediateca
Arrastrar y soltar
Mira lo fácil que puedes subir una imagen usando arrastrar y soltar
El segundo es el espacio para el contenido del texto. Puede escribir párrafos de texto, listas con marcadores o título. También puede agregar el botón para hablar sobre el que estaba hablando antes.

En el área de texto puede agregar diferentes tipos de contenido
Los medios y el bloque de texto siempre alinean la imagen y el texto uno al lado del otro, sin importar cuánto texto escribiría. ¿Como funciona? La imagen se ajusta automáticamente de acuerdo con la altura del contenido en la columna de texto. Ejemplo de imagen y alineación de texto

Configuración de bloque de bloque de medios y texto Configuración de bloque general 1. La barra de herramientas sobre el bloque por encima del bloque ofrece más opciones. Si su tema activo acepta esto, puede establecer el bloque de medios y el texto como un ancho amplio o completo. También puede elegir dónde desea colocar la imagen o el video haciendo clic:
Mostrar el promedio a la izquierda

Muestra los medios a la derecha
Al hacer clic en los iconos en la barra de herramientas, puede cambiar las imágenes y la alineación del texto y su posición

En la barra de herramientas superior también hay un icono para editar el entorno, donde puede establecer otro texto, título, leyenda o descripción. Obtenga más información sobre cómo editar imágenes en nuestro artículo trabajando con el bloque de imágenes de WordPress. 2. La barra lateral derecha en el lado derecho ofrece configuraciones adicionales para los medios y el bloque de texto. Puede agregar texto alternativo aquí, establecer el color de fondo o agregar una clase CSS adicional. También puede activar la función “móvil stiva”.
El cambio suave del color de fondo

¿Qué es la pila en el móvil? Debido a esta función, la imagen y el texto se muestran bellamente en dispositivos móviles. Si deshabilita la “pila móvil”, la imagen y el texto permanecerán uno al lado del otro y será difícil de leer en la versión receptiva. Si activa esta función, el contenido del teléfono móvil a la izquierda se mostrará sobre el contenido a la derecha.
La alineación de la parte de texto de los medios y el bloque de texto está junto con la imagen o el contenido de videos y de texto. Puede ser uno de los siguientes tipos de contenido:

1. Párrafo En la barra de herramientas de arriba, puede establecer la alineación del texto, hacer que el texto se espese, cursive o agregue un enlace de URL.
Opciones de formato para el texto

En la barra lateral en el lado derecho, puede elegir el tamaño de la fuente, el color de la fuente o el color del párrafo. La característica interesante es “Drop Head” que resaltará el primer carácter del texto. Es una característica hermosa en las publicaciones en el bloque para hacer que el texto sea más interesante.
Resaltar el texto con la función “Drop Head”.
2. Título El título es muy similar al párrafo. También puede configurar su apariencia, hacer audaz o cursivo e insertar el enlace de URL. La diferencia es que puede elegir el tipo de título: H2, H3, H4.

Opciones de título
Otras dimensiones de título y configuraciones de alineación están disponibles en la barra lateral a la derecha. 3. La lista Si agrega la lista a la lista a su contenido, se puede marcar, lista numerada o lista de niveles múltiples. También puede hacer que el texto se espese, cursiva y puede agregar un enlace de URL.

Enumere sus opciones de zona de texto
4. Botón negro Este bloque que agrega un botón al contenido se puede ajustar al diseño del sitio web. El color y el estilo de los botones o el color de fondo se pueden configurar en la barra lateral en el lado derecho. Oopiones para el estilo del botón

No olvide leer el elemento sobre el bloque de botones.
Es posible cambiar entre tipos de bloques a medios y bloque de texto para convertir un tipo de contenido a otro. También puede cambiar el bloque de medios y el texto en el bloque de imágenes y la parte del texto se eliminará.

Conversión de medios y bloque de texto a otro bloque
En el contenido de texto, es posible cambiar el bloque de párrafo en el bloque o lista de título.

Conversión del bloque de párrafo a otro
Bonificación: cómo justificar el texto en WordPress El uso del texto justificado tiene aspectos positivos y negativos. El texto justificado generalmente se puede encontrar en libros o periódicos, pero ya no se usa en sitios web. ¿Por qué? Hace unos años, la función Justify se integró en el editor de WordPress Classic. Texto justificado utilizado para causar problemas de visibilidad en varios navegadores o dispositivos móviles. También está relacionado con la difícil legibilidad del texto justificado. Por lo tanto, esta función ha sido depreciada y eliminada. Esta funcionalidad particular no existe en el nuevo editor de bloques (Gutenberg). Entonces, ¿cómo justificas el texto si realmente quieres? La solución es agregar código CSS simple en algunos pasos:
Hay una configuración para el bloque de párrafo CSS CSS adicional en la barra lateral a la derecha

Escribe el nombre de la clase “justificar” allí
Publicar la página o artículo

Si lo previse, haga clic en la personalización en la barra principal
En el lado izquierdo hay una nueva barra lateral con la configuración del CSS adicional
Ingrese el siguiente código CCS:
P. justify {
Text-Align: Justificación;
}
La forma de justificar el texto en el bloque utilizando el código personalizado
Terminado.De ahora en adelante, el texto en su bloque de medios está justificado.¿Qué opinas sobre los medios y el bloque de texto?¿Ya lo has usado?¿Cómo te gusta trabajar con él?Cuéntanos en los comentarios a continuación.