Marketing

Manera fácil de editar la visibilidad del bloque en WordPress Gutenberg Editor

A medida que se crean más sitios de WordPress con el editor de bloques de Gutenberg, la lista de deseos de nuevas funciones crece con él. Esto tiene sentido, ya que un uso más intenso tiende a exponer cualquier deficiencia. o “no sería genial si …” tipos de ideas.

El editor está mejorando todo el tiempo. Pero incluso si una característica faltante no llega al núcleo de WordPress, la comunidad de desarrolladores es libre de crear sus propias soluciones. Considere, por ejemplo, la capacidad de ocultar un bloque específico o programarlo para que se muestre en determinados momentos.

Esto puede resultar útil para varios escenarios habituales. Por un lado, le permite trabajar en cierto contenido sin hacerlo público hasta que esté listo para su lanzamiento. O configure un evento de tiempo limitado, como un concurso o una reunión, que requiera que se muestre algún contenido temporal.

Una solución a esto es Block Visibility, un complemento gratuito de WordPress que permite a los creadores de contenido tomar el control de sus bloques. Todos los bloques de una página se pueden ocultar o mostrar según una variedad de criterios. Además, se integra perfectamente con la interfaz de usuario del editor de bloques.

¿Quiere saber más? Echemos un vistazo a algunas formas diferentes de usar Block Visibility en su propio sitio de WordPress.

A partir de

Antes de profundizar en lo que puede hacer Block Visibility, hay algunos requisitos previos a considerar. Afortunadamente, son mínimos.

Primero, necesitará un sitio de WordPress que utilice el editor de bloques de Gutenberg. Si tiene instalado el complemento Classic Editor, asegúrese de configurarlo para permitir el cambio entre editores.

Pantalla de configuración de WordPress Classic Editor.

Además, desea instalar y activar una copia de Block Visibility. Dentro de WordPress, navegue hasta Complementos> Agregar nuevo y busque el complemento.

¡Eso es todo lo que hay que hacer!

Visibilidad del bloque de navegación

Básicamente, la visibilidad de mosaicos le permite simplemente ocultar uno o más mosaicos en una página o publicación. Pero también hay una interfaz de usuario muy completa incluida con el complemento. Por eso es bueno saber cómo moverse.

Primero, dentro del menú de opciones para cada bloque, hay un “Ocultar el bloque“Aporte. Hace exactamente lo que dice, sin mucha explicación. Aunque, proporcionaremos una demostración a continuación.

Luego, en la barra lateral de Configuración del editor de bloques, hay un “Visibilidad“Panel. Aquí es donde las cosas se vuelven un poco más detalladas.

Esta sección le permite ocultar o mostrar un bloque en función de varios escenarios. Están disponibles criterios como el rol del usuario, el tamaño de la pantalla y la fecha / hora. Además, la visibilidad del bloque también se puede controlar en función del valor de los campos personalizados.

Bloquear la configuración de visibilidad en una página de WordPress.

Configuración de complementos

También debemos tener en cuenta que puede ajustar aún más lo que puede hacer Block Visibility a través de su pantalla de configuración, Configuración> Visibilidad del bloque.

La pantalla de configuración le permite elegir qué tipos de bloques tienen controles de visibilidad, los tipos de criterios de visibilidad disponibles y qué roles de usuario pueden realizar cambios. Incluso puede establecer puntos de interrupción para controlar la visibilidad a través del tamaño de la pantalla.

Si necesita ayuda, la pestaña “Introducción” incluida le informará sobre las tareas comunes.

Bloquear la pantalla de configuración del complemento de visibilidad.

Una multitud de formas de ocultar un bloque de Gutenberg

Ahora que hemos cubierto los fundamentos de la visibilidad del bloque, es hora de verlo en acción. La funcionalidad del complemento varía desde súper simple hasta semi-compleja, según sus necesidades.

A continuación se muestran algunos ejemplos de las diversas formas de ocultar un bloque de Gutenberg.

LEER  Review y Unboxing SMARTWATCH AIWATCH A8 GT08 en ESPAÑOL| Reloj inteligente y barato para ANDROID iOS

Solo esconde un bloque

Para ocultar un bloque de la parte frontal de su sitio, haga clic en el “Ocultar bloque” entrada en el menú Opciones de bloque.

Ocultar un bloque en el editor de bloques de Gutenberg.

Aparecerá un cuadro de diálogo confirmando que el bloque se ha ocultado. Además, el bloque en cuestión aparecerá sombreado para que aparezca inactivo. También aparecerá un icono decorativo en la esquina superior derecha. ¡Recuerde guardar sus cambios!

Un bloque se muestra como "oculto" dentro del editor de bloques de Gutenberg.

En la parte frontal, nuestro bloque de cubierta de ejemplo estaba realmente oculto. De hecho, el bloque no se renderiza. Por lo tanto, no hay un impacto negativo en el rendimiento.

El bloque oculto no se representa en la parte frontal del sitio.

Además, la única vez que aparecerá un mosaico oculto en el código fuente es cuando haya elegido ocultarlo en función del tamaño de la pantalla. En todos los demás escenarios, se eliminará por completo de la interfaz.

Ocultar o mostrar condicionalmente un bloque

Para ocultar o mostrar un mosaico en función de criterios condicionales, querrá utilizar el “Visibilidad“Panel. Se puede encontrar en la barra lateral de Configuración a la derecha de la pantalla. Haga clic en el bloque que desea modificar y abra el panel para comenzar.

En el interior, hay varias formas de definir la visibilidad de un bloque:

Fecha y hora
Esta configuración le permite mostrar (u ocultar) un mosaico dentro de un rango de fecha y hora específico. En nuestro sitio web ficticio de la conferencia, elegimos mostrar el bloque de portada seleccionado durante solo 24 horas. Tenga en cuenta que se pueden definir varios horarios por bloque.

Configuración de fecha y hora.

Roles del usuario
También puede ver un candado según el rol de un usuario o el estado de inicio de sesión. La configuración predeterminada es “Público”, que se muestra a todos. Sin embargo, también puede optar por mostrar un candado para usuarios conectados o desconectados, o solo para aquellos que pertenecen a un rol de usuario específico.

Configuración de roles de usuario.

Tamaño de pantalla
Para las ocasiones en las que desea apuntar solo a tamaños de pantalla específicos, la visibilidad masiva lo hace más fácil. Puede optar por ocultar los mosaicos en el escritorio, la tableta o los dispositivos móviles. Los puntos de interrupción personalizados se pueden definir en lo anterior. Configuración> Visibilidad del bloque pantalla dentro de WordPress.

Configuración de tamaño de pantalla.

Cadena de consulta
Oculto de forma predeterminada, la configuración de Cadena de consulta puede mostrar un bloque en función de la presencia de cualquier cadena de consulta específica en la URL de la publicación. Puede habilitar esta configuración a través de la pantalla de configuración (Configuración> Visibilidad del bloque) o haciendo clic en “Control S”En el panel Visibilidad. La documentación del complemento tiene un tutorial rápido sobre el tema.

Configuración de la cadena de consulta.

También vale la pena mencionar que puede combinar una o más de las condiciones anteriores para ejercer un control detallado sobre la visibilidad de un bloque. Por ejemplo, puede programar un mosaico para que se muestre dentro de un rango de tiempo específico Y solo en dispositivos de escritorio. Sin embargo, esta es solo una de las muchas posibilidades.

Mostrar un bloque oculto

Siempre que desee mostrar un bloque oculto, vuelva al menú Opciones y seleccione “Habilitar bloqueo”. Alternativamente, también puede desmarcar la casilla “Ocultar el bloque”Configuración del panel de visibilidad.

Mostrar un bloque oculto con "Habilitar bloqueo" contexto.

Toma el control de tus bloques de WordPress Gutenberg

En la superficie, Block Visibility puede parecer un complemento de WordPress bastante simple. Aún así, puede ayudarlo a realizar algunas funciones avanzadas con solo unos pocos clics. Anteriormente, necesitaría un poco de código personalizado para realizar hazañas similares con el contenido de su sitio.

Además, ocultar un candado es una de esas cosas que puede considerarse una característica que falta en el propio Gutenberg. Afortunadamente, este es solo otro ejemplo de la comunidad de desarrolladores que está llegando a llenar el vacío.

Author

Moisés Cabrera

Encantado de emprender, el Internet es como pez en el rio para mi y quiero aportar valor a este mundo digital. Si crees que es de interés estos artículos no dudes en comentar.

¿Te gusta nuestro contenido?Recibe noticias y estrategias digitales a tu correo.

No pierda la oportunidad de recibir también descuentos de nuestros servicios.