El bloque de portada de WordPress es interesante. Le permite colocar una imagen, video o color sólido en el fondo y agregar bloques de contenido al primer plano. Esto significa que puede colocar bloques encima de otros bloques. Tiene más opciones que la mayoría de los bloques. Saber cómo usar Cover Block puede mejorar en gran medida la apariencia de su sitio web.
En este artículo, veremos qué hace Cover Block y veremos sus configuraciones y opciones. También veremos algunas prácticas recomendadas para usar esta función y algunas preguntas frecuentes.
Suscríbete a nuestro canal de YouTube
¿Cómo agrego un bloque de portada a mi publicación o página?
Para agregar un bloque de portada a sus páginas y publicaciones, seleccione el ícono de bloque en el contenido o en la esquina superior izquierda de la página, ingrese un nombre de bloque y selecciónelo.
También puede escribir /cubrir y presione Entrar o seleccione un bloque.
Luego tendrá un bloque de portada en su contenido donde puede agregar medios como imágenes o videos o usar un color de fondo y poner texto en primer plano. Cuando seleccione contenido de una carpeta multimedia o un color, aparecerá una opción de texto en primer plano.
Agregué una imagen de mi biblioteca de medios y agregué un título sobre la imagen. Un título es un bloque de un párrafo. Puede cambiarlo a otros tipos de bloques, incrustar video y más.
También puede agregar múltiples bloques presionando Enter. Elige entre tus bloques como de costumbre.
También puede elegir uno de los colores de fondo preseleccionados.
El color se puede utilizar como una superposición en sus imágenes.
Ajustes y opciones de portada
Cover Block tiene dos áreas con configuraciones y opciones. La primera es la barra de herramientas de la portada. La segunda son las opciones de Cover Block en la barra lateral derecha.
Barra de herramientas de bloque de portada
Al hacer clic en cualquier parte del bloque de portada, se abre su barra de herramientas.
Cambiar el tipo o estilo del bloque de portada
La primera configuración cambia el número de columnas, permite agrupar, cambia la imagen y selecciona un estilo predeterminado o de borde. Al pasar el cursor, se muestra una vista previa. Paso el cursor sobre la imagen. La imagen elimina los bloques de contenido que tiene en la superposición.
Arrastra o mueve
Coge la herramienta de arrastre (6 puntos) para arrastrar el bloque donde quieras. La herramienta Mover le permite hacer clic en las flechas para mover un bloque hacia arriba o texto en el cuerpo.
Alineación
Las opciones de alineación incluyen izquierda, centro, derecha, ancho ancho y ancho completo. Izquierda y derecha envuelven el bloque con el párrafo debajo.
Aquí está la imagen de ancho completo. Esto se puede utilizar para crear títulos, saltos de sección, etc.
Cambiar la posición del contenido
Esto selecciona la ubicación del contenido. Abre una cuadrícula de 3 × 3 con puntos. Seleccionar un punto mueve el contenido a ese punto en la imagen.
Cambiar altura completa
Esto establece la imagen en su altura completa, en lugar de cambiar su tamaño.
Aplicar filtro de duotono
Elija un duotono de las opciones preseleccionadas. Uno es para sombras y el otro para luces.
Seleccione un color en el control deslizante para personalizarlo.
Seleccione un color debajo del control deslizante para elegir un color preseleccionado.
Anular
Esto abrirá las opciones de medios para que pueda cargar o seleccionar una imagen diferente de su biblioteca.
Opciones
Las opciones de bloque de cubierta incluyen:
Ocultar más configuraciones –Oculta la barra lateral derecha.
Copiar – copia el bloque de portada para que puedas pegarlo en cualquier parte de la página o en la publicación.
Duplicar – crea un duplicado del Cover Block y lo coloca debajo del original.
Insertar antes – agrega espacio sobre el bloque de bloqueo para el siguiente bloque.
Insertar después – agrega espacio debajo del bloque de cobertura para el siguiente bloque.
Mover a – le permite mover el bloque moviendo la línea azul hacia arriba o hacia abajo con las teclas de flecha. Presiona enter y tu bloque se moverá a donde está la línea azul.
Agregar a bloques reutilizables – agrega un bloque a los bloques reutilizables para que pueda usarlo en cualquier página o publicación.
Grupo – agregue un bloque a un grupo para que pueda personalizarlos como una sola unidad.
Eliminar bloque – elimina el bloque.
El contenido del bloque de portada.
La selección de contenido abre otro conjunto de herramientas solo de contenido. El valor predeterminado es un bloque de párrafo e incluye todas las opciones estándar para la configuración de la barra de herramientas y la barra lateral. Puedes transformarlo o añadir cualquier bloque. Esto le da muchas opciones con respecto a su contenido.
Elige una funda
Esto cierra la barra de herramientas de contenido y abre la barra de herramientas de Cover Block.
Cambiar el tamaño del bloque de portada
Cambie el tamaño de la imagen arrastrando el círculo en la parte inferior de la imagen.
Configuración del bloque de portada
La configuración de Cover Block está en la barra lateral derecha. Haga clic en el bloque o engranaje para mostrar la barra lateral. Si selecciona un bloque en el cuerpo del bloque, se mostrará la configuración de su barra lateral.
Estilos
Mostrar bloque con o sin borde. También puede configurar la visualización del borde de forma predeterminada. Incluye una vista previa para que pueda ver cómo se verá antes de seleccionarlo.
Espaciado
Agregue espacio en todos los lados o en lados específicos. Seleccione cada página individualmente o vincúlelas para personalizarlas todas a la vez.
Configuración de medios
Seleccione la parte de la imagen que se mostrará en el bloque. Puede elegir un fondo fijo (paralaje) para repetir el fondo si es demasiado pequeño para el área y especificar el punto central moviendo el círculo o especificando las posiciones izquierda y superior. También puede borrar los medios desde allí. Para películas, solo está disponible el selector de punto focal.
Este ejemplo muestra un fondo sólido. La imagen permanece en su lugar mientras el texto se desplaza, creando un efecto de paralaje.
Este es un fondo repetitivo. Es adecuado para crear patrones interesantes a partir de imágenes pequeñas.
Dimensiones
Especifique la altura en píxeles escribiéndola en el cuadro. Esto funciona igual que la herramienta de arrastre en la parte inferior de la imagen.
Cubrir
Cover Block tiene muchas opciones de superposición. Elija un color preestablecido y elija su opacidad. Elija un color sólido o degradado. Verás los cambios en tiempo real. Si eligió mostrar un color en lugar de una imagen, puede cambiar el color aquí. Este ejemplo muestra un color sólido.
También puede elegir un color personalizado. Esto abrirá el selector de color, donde puede usar un color en la ventana, seleccionar una escala de color con el control deslizante o ingresar códigos hexadecimales, RGB o HSL.
La opción de degradado le permite elegir dos colores para mostrar. Elija entre lineal o radial. También puede establecer la opacidad del color. Para este ejemplo, elegí radial.
Avanzado
Avanzado contiene dos campos. La primera es una opción para el ancla HTML. Esto proporciona una dirección web especial solo para Cover Block. El segundo es un campo para agregar clases CSS adicionales. Esto le permite crear CSS personalizado para diseñar el bloque. El estilo seleccionado también aparece en este campo.
Sugerencias y mejores prácticas para usar la almohadilla protectora de manera efectiva
Para las imágenes, use la configuración de medios en la barra lateral para mostrar la parte de la imagen que desea mostrar.
Use imágenes grandes con la opción de ancho completo para crear títulos de sección.
Cambie a varias columnas en primer plano y agregue imágenes, texto y botones para crear una llamada a la acción.
Utilice colores de superposición y texto que sean fáciles de leer en una imagen o color de fondo.
Convierta el bloque en un grupo si desea controlar el color del borde.
Utilice las opciones de alineación para colocar el bloque de portada en el contenido o para separarlo.
Establezca la configuración de posicionamiento de su contenido para crear imágenes interesantes y captar la atención del lector.
Utilice un fondo sólido para crear un efecto de paralaje.
Use imágenes pequeñas con un fondo repetitivo para crear patrones de fondo interesantes.
Preguntas frecuentes sobre el bloque de portada
¿Qué es un bloque de cobertura?
Este es un bloque que le permite agregar medios o color al fondo y otros bloques en primer plano.
¿En qué se diferencia de otros bloques?
Puede contener otros bloques. Puede agregar otros bloques al primer plano. Crea parallax, patrones, etc.
¿Se puede convertir en otros bloques?
Sí. Se puede convertir en un bloque de imagen. Elimina cualquier otro bloque agregado al área de contenido.
Para qué se puede usar?
Puede usar el bloque de portada para crear un fondo con un llamado a la acción, usarlo para crear un título sobre una sección, carteles, secciones de héroe o cualquier otra cosa que desee tener una imagen o video en el fondo.
Solicitud
Esta es nuestra versión de Cover Block. Este bloque tiene algunas de las características más geniales y es una excelente opción para crear titulares, títulos, llamadas a la acción, fondos de paralaje y más. Es fácil de usar y puede hacer que su sitio web se destaque más que la mayoría de los bloques. Su capacidad para crear imágenes interesantes lo convierte en uno de mis bloques favoritos de WordPress.
Queremos escuchar de ti. ¿Estás usando Bloque de cobertura? Cuéntanos tu experiencia en los comentarios.
Imagen destacada a través de fourSage / shutterstock.com
