El bloque preformateado muestra el texto exactamente como lo escribes. Esto significa que puede incluir espacios y saltos de línea en su texto. Poder usar un bloque preformateado tiene muchos beneficios, como separar porciones de texto y crear elementos que se destaquen. Afortunadamente, este bloque viene con algunas opciones de estilo y es fácil de usar.
En este artículo, veremos un bloque de WordPress preformateado. Veremos cómo agregarlo a sus publicaciones y páginas, y veremos sus opciones y configuraciones. También veremos algunas mejores prácticas para usarlo y veremos algunas preguntas frecuentes.
¿Cómo agrego un bloque preformateado a una publicación o página?
Agrega un bloque preformateado a tu contenido haciendo clic en la herramienta Block Inserter. Lo encontrará en la esquina superior izquierda y en las áreas de contenido. Búsqueda preformateado y haga clic Ingresar.
También puede agregar un bloque escribiendo / preformateado y golpeando Ingresar en el área de contenido donde desea que aparezca. A medida que escribe, WordPress ofrecerá sugerencias basadas en las letras que ingrese, por lo que puede hacer clic en el bloque cuando lo vea.
El bloque preformateado ahora se agrega a su publicación o página. Un bloque con formato previo es similar a un bloque de párrafo, un bloque de línea y un bloque de código. Es una especie de cruce de caminos entre ellos, pero también los simplifica. Muestra el texto que escribe, pero en lugar de cambiar el formato, lo conserva. Esto incluye todos los espacios y saltos de línea. Se muestra en letra monoespaciada.
Configuración y opciones de bloques preformateados
Como la mayoría de los bloques de WordPress, este bloque incluye una barra de herramientas de configuración y opciones de barra lateral. Aquí hay una mirada más cercana a ambos.
Configuración de la barra de herramientas de bloques con formato previo
La barra de herramientas se encuentra sobre el bloque y contiene la mayoría de las herramientas estándar.
Cambiar el tipo o estilo de bloque
Este bloque se puede convertir en varios otros bloques, incluidos Párrafo, Grupo, Columnas y Código. Resaltar sobre las opciones muestra una vista previa de cómo se verá con su contenido.
Arrastra y mueve
La herramienta de arrastre se muestra con 6 puntos. Agarrar esta área le permite arrastrar y soltar el bloque en cualquier parte del contenido. Las flechas hacia arriba y hacia abajo mueven el bloque hacia arriba o hacia abajo a través del contenido un bloque cada vez que se hace clic en la flecha.
Negrita, cursiva y enlace
Los ajustes de negrita, cursiva y enlace controlan el texto que se resalta cuando se hace clic en los botones. Puedes usarlos solos o juntos. Puede abrir el enlace en una nueva pestaña habilitándolo en la parte inferior del enlace emergente.
El texto vinculado está subrayado para mostrar que se puede hacer clic en él. Al hacer clic en el texto en el editor, se abre el editor de enlaces, donde puede realizar cambios en el enlace.
Mas opciones
El botón Más proporciona varias opciones de formato que se aplican al texto que se resalta cuando se hace clic en la opción. Las opciones incluyen:
código en línea – esto hace que su texto parezca código y evita que se ejecute código arbitrario en el bloque. Palabra Preformateado es el código incrustado en la imagen de arriba.
Imagen incorporada – esto le permite colocar una imagen de la biblioteca de medios en la ubicación del cursor del mouse.
Entrada de teclado – Le da estilo al texto usando el formato HTML del teclado. Palabra texto tiene un estilo con estilos de entrada de teclado en la imagen de arriba.
tachado – esto pone una línea a través del texto. Palabra monoespaciado tiene una cruz en la imagen de arriba.
Índice – mantiene el texto más bajo y más pequeño que el resto. Palabra su hay un subíndice en la imagen de arriba.
Sobrescrito – se pone más alto y más pequeño que el resto. Palabra línea hay un superíndice en la imagen de arriba.
El color del texto – esto le permite cambiar el color del texto tal como lo hice con la palabra divisiones en la imagen de arriba.
Opciones
Las opciones de bloques preformateados incluyen:
Ocultar más configuraciones – oculta o muestra la barra lateral derecha.
Copiar – esto copia un bloque preformateado para que pueda pegarlo en otra parte de su contenido.
Duplicar – esto coloca un duplicado del Bloque Preformateado debajo del original.
Insertar antes – agrega espacio encima del bloque para el siguiente bloque.
Insertar después – agrega espacio debajo del bloque para el siguiente bloque.
Mover a – esto coloca una línea azul que puedes mover hacia arriba o hacia abajo con las flechas y mueve tu bloque al lugar que elijas.
Editar como HTML – abre un editor de código para que pueda editar el contenido como HTML.
Agregar a bloques reutilizables – esto agrega su bloque preformateado a sus bloques reutilizables.
Grupo – agrega un bloque a un grupo para que se puedan personalizar como un solo bloque.
Eliminar bloque – elimina el bloque.
Configuración de bloques preformateados
La configuración de bloque preformateada se encuentra en la barra lateral derecha. Haga clic en el engranaje en la esquina superior derecha si no se muestra. Haga clic en cualquier parte del bloque para mostrar las opciones de la barra lateral.
Tipografía
La tipografía le permite elegir el tamaño de fuente para todo el bloque. Seleccione un tamaño de la lista desplegable o ingrese un tamaño personalizado. haga clic aquí Reiniciar para volver a la configuración predeterminada.
Color
Las opciones de color le permiten diseñar el texto y los colores de fondo. El fondo puede ser un color sólido o un degradado. Puede elegir entre varios colores preseleccionados o elegir un color personalizado. Si la combinación de colores puede ser difícil de leer, aparecerá un mensaje en la esquina inferior derecha. En este ejemplo, configuré el fondo en naranja y el texto en blanco. Se nota que puede ser difícil de leer.
El fondo degradado se puede establecer en lineal o radial. Elija dos colores usando el selector de color o ingrese los colores como códigos RGB o HSL. Los colores pueden incluir opacidad. Para lineal, puede establecer el ángulo como lo hice en el ejemplo anterior. Colóquelos juntos para crear una línea nítida entre ellos como hice yo, o más separados para controlar cómo se mezclan.
Avanzado
La configuración avanzada incluye una opción de anclaje HTML para que pueda conectarse directamente a un bloque preformateado. También incluye un campo para agregar clases de CSS para que pueda usar CSS personalizado para diseñar su bloque.
Sugerencias y mejores prácticas para usar un bloque preformateado de manera efectiva
Utilice este bloque cada vez que desee agregar espacios o saltos de línea en su contenido. El bloque de párrafo no conserva este formato.
Use colores de texto y de fondo para distinguirlo del resto de su contenido. Esto evita que se vea igual que un bloque de código, lo que puede ser importante ya que ambos usan monoespaciado.
Úselo para resaltar su texto. Dado que puede conservar espacios y saltos de línea, se puede utilizar para separar fragmentos de texto del resto.
Use espacios y divisiones junto con fuentes y opciones de fondo para crear títulos únicos para separar su contenido.
Preguntas frecuentes sobre el bloque preformateado
¿Cuál es el propósito de un bloque preformateado?
Para mostrar texto con saltos de línea y espacios, al tiempo que tiene la capacidad de cambiar el tamaño de fuente, el color, el fondo y agregar enlaces.
¿En qué se diferencia de un bloque de versos?
Verse Block es un poco más complejo. Incluye opciones de alineación y no muestra el texto en monoespaciado. También incluye algunas funciones de espaciado y agrega una opción de color para los enlaces.
¿En qué se diferencia de un bloque de código?
Incluye opciones de estilo de fondo. Si bien el bloque de código tiene una opción de color de fuente en Más opciones y una opción de color de fuente en la barra lateral, no incluye fuentes ni colores en las opciones de la barra lateral.
¿En qué se diferencia de un bloque de párrafo?
El bloque de párrafo no conservará los saltos de línea. En un bloque con formato previo, puede agregar una nueva línea al texto haciendo clic en Ingresar. En el caso de un bloque de párrafo, esto lleva a un cuadro donde puede agregar un nuevo bloque. El bloque de párrafo también contiene más configuraciones de texto.
Para qué se puede usar?
Los espacios y los saltos de línea muestran texto que se destaca del resto de su contenido. Los colores de fuente y de fondo pueden crear tarjetas de servicio, citas (aunque un bloque de citas y un bloque de citas extraídas pueden ser una mejor opción), testimonios, llamadas a la acción y más.
Solicitud
Aquí está nuestra opinión sobre un bloque de WordPress preformateado. Este bloque brinda algunas características de diseño interesantes al tiempo que mantiene el espaciado y los saltos de línea. A diferencia del bloque de código, aún tiene acceso a las herramientas de color de fondo. Este bloque es una buena opción para hacer que su texto se destaque e incluso se puede usar para crear elementos de diseño para mostrar sus servicios y llamar la atención sobre algo.
Queremos escuchar de ti. ¿Está utilizando un bloque preformateado? Cuéntanos tu experiencia en los comentarios.
Imagen destacada a través de MicroOne / shutterstock.com
