El bloque preformateado muestra su texto exactamente como lo escribe. Esto significa que puede incluir espacios y saltos de línea dentro de su texto. Saber cómo usar el bloque preformateado le brinda varias ventajas, como separar partes de su texto y crear elementos que se destaquen. Afortunadamente, este bloque incluye varias opciones de estilo y es fácil de usar.
En este artículo, veremos el bloque preformateado de WordPress. Veremos cómo agregarlo a sus publicaciones y páginas y veremos sus opciones y configuraciones. También veremos algunas de las mejores prácticas de uso y veremos las preguntas más frecuentes.
Agregue un bloque preformateado a su contenido haciendo clic en la herramienta de inserción de bloques. Lo encontrará en la esquina superior izquierda y en las áreas de contenido. Busque preformateado y haga clic en Entrar .
También puede agregar el bloque escribiendo / preformateado y presionando Enter 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. El bloque preformateado es similar al bloque de párrafo, bloque de verso y bloque de código . Es una especie de cruce 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 una fuente 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 en la barra lateral. Aquí hay una mirada cercana a ambos.
Configuración de la barra de herramientas de bloque preformateado
La barra de herramientas descansa sobre el bloque y tiene la mayoría de las herramientas estándar.
Cambiar tipo o estilo de bloque
Este bloque se puede transformar 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ía 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 lugar dentro de su contenido. Las flechas de movimiento hacia arriba y hacia abajo mueven el bloque hacia arriba o hacia abajo a través de su contenido en un bloque cada vez que hace clic en una flecha.
Negrita, cursiva y enlace
Las configuraciones de negrita, cursiva y enlace controlan el texto que está resaltando cuando hace clic en los botones. Puedes usarlos de forma independiente o juntos. Puede hacer que el enlace se abra en una nueva pestaña habilitándolo en la parte inferior de la ventana emergente del enlace.
El texto con un enlace 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 incluye varias opciones de formato que se aplican al texto que ha resaltado al hacer clic en la opción. Las opciones incluyen:
Código en línea : esto hace que su texto se vea como un código y evita que se ejecute cualquier código en el bloque. La palabra Preformateado es un código en línea en la imagen de arriba.
Imagen en línea : esto le permite colocar una imagen de su biblioteca de medios en la ubicación del cursor del mouse.
Entrada de teclado : aplica estilo al texto con el formato HTML del teclado. El texto de la palabra tiene el estilo de entrada de teclado en la imagen de arriba.
Tachado : esto coloca una línea a través del texto. La palabra monoespacio en la imagen de arriba está tachada.
Subíndice : esto establece el texto más bajo y más pequeño que el resto. La palabra tu en la imagen de arriba es un subíndice.
Superíndice : establece el más alto y el más pequeño que el resto. La palabra línea en la imagen de arriba es un superíndice.
Color del texto : esto le permite cambiar el color del texto, como lo hice con la palabra Divisiones en la imagen de arriba.
Opciones
Las opciones de bloque preformateado incluyen:
Ocultar más configuraciones : esto oculta o muestra la barra lateral derecha.
Copiar : esto copia el bloque preformateado para que pueda pegarlo en otro lugar dentro de su contenido.
Duplicar : coloca un duplicado del bloque preformateado debajo del original.
Insertar antes : esto agrega un espacio sobre el bloque para otro bloque.
Insertar después : esto agrega un espacio debajo del bloque para otro bloque.
Mover a : esto coloca una línea azul que puede mover hacia arriba o hacia abajo con flechas y mueve su bloque a la ubicación que elija.
Editar como HTML : esto abre el 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 : esto agrega el bloque a un grupo para que pueda ajustarlos como un solo bloque.
Eliminar bloque : esto elimina el bloque.
Configuración de bloques preformateados
La configuración del bloque preformateado 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 lugar dentro del bloque para ver las opciones de la barra lateral.
Tipografía
La tipografía le permite seleccionar el tamaño de fuente para todo el bloque. Elija el tamaño del cuadro desplegable o ingrese un tamaño personalizado. Haga clic en Restablecer 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 seleccionar un color personalizado. Si la combinación de colores puede ser difícil de leer, verá un mensaje en la esquina inferior derecha. En este ejemplo, configuré el fondo en naranja y el texto en blanco. Está mostrando que puede ser difícil de leer.
El fondo degradado se puede establecer en lineal o radial. Elija los dos colores con los selectores 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 he hecho en el ejemplo anterior. Póngalos juntos para crear una línea nítida entre ellos, como lo he hecho, o más separados para controlar cómo se mezclan.
Avanzado
La configuración avanzada incluye una opción para un ancla HTML, por lo que puede vincular directamente al 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 el bloque preformateado de manera efectiva
Use este bloque cada vez que desee agregar espacios o divisiones de línea dentro de su contenido. El bloque de párrafo no mantiene ese formato.
Use color para el texto y los fondos para diferenciarlo del resto de su contenido. Esto también evita que tenga el mismo aspecto que un bloque de código, lo que puede ser importante ya que ambos usan el tipo monoespaciado.
Úselo para agregar énfasis a su texto. Dado que puede retener espacios y divisiones de línea, se puede usar para separar partes del texto del resto.
Use el espaciado y las divisiones junto con las opciones de fuente y fondo para crear títulos únicos para separar su contenido.
Preguntas frecuentes sobre el bloque preformateado
¿Cuál es el propósito del Bloque Preformateado?
Para mostrar texto con saltos de línea y espacios mientras se puede cambiar el tamaño de fuente, el color y el fondo, y agregar enlaces.
¿En qué se diferencia de un bloque de versos?
El Verse Block es un poco más complejo. Incluye opciones de alineación y no muestra el texto en monoespaciado. También incluye algunas características para el 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 para los fondos. 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 el bloque preformateado, puede agregar una nueva línea a su texto haciendo clic en Entrar . Para un bloque de párrafo, esto lo lleva a un campo para agregar un nuevo bloque. El bloque de párrafo también incluye más configuraciones de texto.
Para qué se puede usar?
El espaciado y las divisiones de línea muestran texto que se destaca del resto de su contenido. La fuente y los colores de fondo pueden crear tarjetas para servicios, citas (aunque Quote Block y Pullquote Block pueden ser mejores opciones para esto), testimonios, llamadas a la acción y mucho más.
Conclusión
Esa es nuestra mirada al bloque preformateado de WordPress. Este bloque le brinda algunas características de diseño interesantes al retener el espaciado y las divisiones 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 ayudar a 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. ¿Utiliza el bloque preformateado? Cuéntanos tu experiencia en los comentarios.
Imagen destacada a través de MicroOne / shutterstock.com