Controlar la visibilidad del contenido en WordPress es fundamental para diseñadores, desarrolladores y gestores de contenido. Ya sea que desee personalizar la experiencia del usuario, restringir la visibilidad según el tipo de dispositivo o gestionar campañas con plazos limitados, la posibilidad de mostrar u ocultar contenido en bloque de forma condicional en WordPress ofrece un nuevo nivel de flexibilidad.
Esta guía te explicará todo lo que necesitas saber sobre cómo ocultar o mostrar el contenido de bloques en WordPress mediante plugins, código personalizado y funciones nativas del editor de bloques. Exploremos cómo hacer que tu contenido de WordPress sea más dinámico, eficiente y personalizado para cada visitante.
¿Por qué controlar la visibilidad del contenido del bloque en WordPress?
No todo el contenido tiene que ser visible para todos los usuarios. Aquí tienes algunas razones prácticas para controlar la visibilidad de los bloques:
- Mostrar contenido exclusivo sólo para usuarios registrados
- Mostrar ofertas basadas en la ubicación mediante geotargeting
- Cambiar los titulares según la hora del día
- Cree diseños específicos para dispositivos móviles sin duplicar páginas
- Ejecute promociones por tiempo limitado sin publicar ni cancelar la publicación de contenido manualmente
Estas condiciones de visibilidad mejoran tanto la experiencia del usuario como el rendimiento del contenido, especialmente en sitios de WordPress .
¿Necesita ayuda para personalizar el comportamiento de los bloques de WordPress?
Ya sea que esté creando flujos de trabajo editoriales complejos o estructuras de contenido específicas para cada usuario, nuestros desarrolladores expertos pueden ayudarlo a implementar un control de visibilidad total mediante WordPress.
Uso de complementos para mostrar u ocultar contenido de bloques en WordPress
Los plugins son la forma más accesible de implementar controles avanzados de visibilidad de contenido en el editor de bloques de WordPress. Aquí tienes los plugins más fiables para este caso.
Complemento de visibilidad de bloques
El de Visibilidad de Bloques es una herramienta completa que añade docenas de ajustes de visibilidad directamente a bloques individuales. Se integra con el editor de bloques y admite:
- Control del tipo de dispositivo (móvil, tableta, computadora de escritorio)
- Segmentación del navegador (Chrome, Safari, Firefox)
- Programación de fecha y hora
- Personalización basada en cookies
- Roles de usuario y estado de inicio de sesión
- Ancho de pantalla y tamaño de pantalla
- Fuentes de referencia y cadenas de consulta
- Detección de ubicación y metadatos personalizados
Estos controles están disponibles en la barra lateral derecha, en la sección Visibilidad de cada bloque. También puedes activar el Modo de Control Total en la configuración general para acceder a todas las opciones de todos los bloques.
Características principales:
- Ajustes preestablecidos de visibilidad para administrar múltiples bloques
- Condiciones de la ruta URL para contenido específico de la página
- Ocultar el bloqueo a todos y alternar para anulaciones rápidas
- Importación y exportación de configuraciones de visibilidad
Este complemento es ideal para desarrolladores web que administran sitios complejos de WordPress con requisitos de contenido dinámico.
Complemento de control de contenido
El complemento Control de contenido simplifica la visibilidad de los bloques al centrarse en dos conjuntos de reglas principales:
- Reglas del dispositivo (móvil, tableta, computadora de escritorio)
- Reglas de usuario (inicio de sesión, cierre de sesión, roles de usuario específicos)
Funciona bien en situaciones donde se desea mostrar contenido diferente según el estado de inicio de sesión o el tamaño de la pantalla. Por ejemplo, se puede mostrar una imagen a los usuarios de dispositivos móviles y otra a los de escritorio utilizando la misma estructura de bloques.
Características principales:
- La regla alterna para deshabilitar temporalmente la configuración de visibilidad
- Configuración de puntos de interrupción globales en las opciones del complemento
- Interfaz de usuario sencilla integrada en el editor de bloques
- Funciones premium opcionales como las condiciones de WooCommerce
Este complemento es perfecto para principiantes o agencias que buscan una personalización rápida basada en el dispositivo o en el usuario.
Bloques condicionales
Bloques Condicionales proporciona una interfaz modal para añadir lógica condicional a los bloques de WordPress. Si bien la versión gratuita incluye funciones básicas como visibilidad de dispositivos y usuarios, la versión pro incorpora geolocalización, programación y restricciones basadas en membresías.
La versión gratuita ofrece:
- Bloquear el bloqueo para todos
- Pantalla basada en dispositivo
- Condiciones de inicio de sesión del usuario
- Combinaciones lógicas AND/OR
La versión Pro añade:
- Programación de fechas avanzada
- Segmentación por roles de usuario
- WooCommerce y controles de membresía
- Puntos de interrupción personalizados y segmentación geográfica
- Gestor de ajustes preestablecidos para cambios por lotes
Los bloques condicionales son un buen punto medio entre simplicidad y potencia, especialmente para equipos que necesitan condiciones reutilizables.
Condición de bloques malvados
Wicked Blocks Condition es un plugin menos conocido con opciones fáciles de usar para desarrolladores, como funciones PHP personalizadas. Permite mostrar u ocultar bloques según:
- Rol de usuario o estado de inicio de sesión
- Rangos de fecha y hora
- Estado o categorías de publicaciones
- Cadenas de consulta de URL
- Funciones lógicas personalizadas
Si desea combinar la flexibilidad de poco código con el control basado en el editor, este complemento es una opción sólida.
Tabla comparativa de complementos
| Nombre del complemento | Características principales | Caso de uso ideal |
|---|---|---|
| Visibilidad del bloque | Fecha/hora, geolocalización, rol de usuario, tamaño de pantalla, cookies | Control completo de visibilidad |
| Control de contenido | Reglas de roles de dispositivo y usuario | Casos de uso ligeros |
| Bloques condicionales | Lógica AND/OR, ajustes preestablecidos, puntos de interrupción avanzados | Implementaciones de tamaño mediano a avanzado |
| Condición de bloques malvados | Compatibilidad con funciones PHP, segmentación por cadenas de consulta | Control orientado al desarrollador |
Fragmentos de código personalizados para ocultar o mostrar contenido en WordPress
Si prefieres evitar plugins, puedes usar funciones nativas de WordPress y lógica condicional para controlar la visibilidad. Estos ejemplos se pueden añadir a un plugin personalizado o al archivo functions.php de tu tema hijo.
Ocultar contenido para usuarios registrados
add_action( 'wp_head', 'ocultar_párrafos_personalizados_para_iniciar_sesión' ); función ocultar_párrafos_personalizados_para_iniciar_sesión() { si ( el_usuario_ha_iniciado_sesión() ) { echo 'p { mostrar: ninguno !importante; }'; } }Esto oculta todos los elementos del párrafo para los usuarios que han iniciado sesión. Puede revertir la condición o apuntar a otros elementos según sus necesidades.
Ocultar contenido según la geolocalización
add_action('wp_head', 'custom_hide_images_us'); function custom_hide_images_us() { $ip = $_SERVER['REMOTE_ADDR']; $geo = "https://ipapi.co/{$ip}/json/"; $respuesta = wp_remote_get($geo); if ( is_wp_error($respuesta) ) return; $datos = json_decode( wp_remote_retrieve_body($respuesta) ); if ( isset($datos->código_de_país) && $datos->código_de_país === 'US' ) { echo 'img { display: none !important; }'; } }Usa este script para ocultar todas las imágenes a los usuarios que visitan desde Estados Unidos. Ten en cuenta que las llamadas a la API en cada carga de página pueden afectar el rendimiento, por lo que debes usar transitorios o almacenamiento en caché siempre que sea posible.
Ocultar imagen destacada por categoría
add_filter('miniatura_de_publicación_html', 'ocultar_imagen_destacada_personalizada', 10, 2); función ocultar_imagen_destacada_personalizada($html, $id_de_publicación) { si ( tiene_categoría('libros', $id_de_publicación) ) { devolver ''; } devolver $html; }Este código elimina la imagen destacada en todas las publicaciones de la categoría "libros". Puedes modificarla para etiquetas, taxonomías personalizadas o metadatos.
Prueba de las condiciones de visibilidad del contenido
Para evitar sorpresas en su sitio en vivo, aquí hay algunas prácticas recomendadas de prueba:
- Utilice entornos de prueba para ejecuciones de prueba
- Limpiar el caché del navegador y del sitio antes de ver los cambios
- Cambiar los roles de usuario para verificar las condiciones de visibilidad
- Verifique el código fuente de la página para confirmar si se están eliminando los elementos ocultos o simplemente se están ocultando con CSS
- Utilice herramientas de desarrollo del navegador para simular diferentes dispositivos y tamaños de pantalla
Estas precauciones le ayudarán a evitar problemas de SEO y comportamientos inesperados, especialmente en sitios web grandes de WordPress .
Configuración y sugerencias de complementos
Cada plugin mencionado anteriormente incluye áreas de configuración específicas en WP Admin > Configuración. Dependiendo del plugin, puedes:
- Definir puntos de interrupción del dispositivo
- Habilitar la visibilidad del bloque en el panel del editor
- Deshabilitar complementos en ciertos bloques
- Activar los modos de control total o depuración
Comprender los controles de visibilidad predeterminados y personalizarlos para que coincidan con su flujo de trabajo editorial dará como resultado una mejor gestión del contenido en todo su sitio.
¿Cuándo debería utilizar un complemento o un código personalizado?
La elección entre complementos y código personalizado depende de la complejidad de su proyecto, las habilidades del equipo y los objetivos de rendimiento.
Utilice un complemento si:
- Necesita usuarios no técnicos para administrar la visibilidad
- Su sitio requiere docenas de condiciones en todas las páginas
- Quiere tener acceso a funciones profesionales como programación o segmentación geográfica
Utilice código personalizado si:
- Quieres un rendimiento más eficiente
- Estás apuntando a condiciones únicas que no son compatibles con los complementos
- Su sitio es pequeño y de alcance limitado
Para sitios grandes, un enfoque híbrido suele ser la mejor opción. Use complementos para controles de visibilidad regulares y cree lógica personalizada cuando sea necesario.
Casos de uso prácticos para la visibilidad de bloques en WordPress
Comprender los controles de visibilidad es una cosa. Aplicarlos eficazmente es otra. Exploremos situaciones reales donde la visualización condicional de bloques de contenido se convierte en una parte esencial de la estrategia web.
Contenido personalizado para usuarios registrados
Muchos sitios de membresía, plataformas de aprendizaje electrónico y paneles de control internos de la empresa utilizan condiciones de visibilidad para restringir el contenido . Puedes mostrar un mensaje de bienvenida o un panel personalizado solo a los usuarios que hayan iniciado sesión. Si alguien cierra sesión, el mismo bloque de contenido desaparece automáticamente de la vista.
Esto se gestiona fácilmente con el complemento de visibilidad de bloques o Content Control, asignando ajustes de visibilidad según el rol del usuario y el estado de inicio de sesión. Es un método intuitivo para segmentar contenido sin necesidad de conocimientos avanzados de desarrollo.
Sitios de WordPress multilingües
Las empresas globales suelen crear bloques de contenido diferentes para cada idioma. En lugar de crear varias páginas, puede usar controles de visibilidad de bloques para mostrarlos condicionalmente según las preferencias o la ubicación del usuario. Combine la lógica de geolocalización con complementos multilingües para ofrecer contenido específico de cada región sin duplicar esfuerzos.
Anuncios basados en el tiempo
Quizás quieras realizar ventas relámpago, lanzamientos de productos o banners promocionales que se muestren solo durante un periodo de tiempo determinado. Usando las condiciones de fecha y hora del complemento de visibilidad de bloques, puedes programar bloques para que se muestren u oculten en momentos específicos.
Este tipo de automatización mantiene su sitio web de WordPress actualizado y elimina la necesidad de publicar o eliminar bloques manualmente.
Diseños condicionales para dispositivos móviles
Los diferentes tamaños de pantalla suelen requerir diseños diferentes. En lugar de crear varias versiones de una página, la configuración de visibilidad de bloques te permite crear bloques de contenido específicos para dispositivos móviles. Muestra los bloques según el tamaño de la pantalla o el tipo de dispositivo y mejora la experiencia de usuario móvil, manteniendo todo editable en un solo lugar.
Esto es especialmente útil para mostrar diferentes tamaños de navegación, botones o imágenes para pantallas más pequeñas, mejorando la usabilidad y el rendimiento de la página.
Cómo funcionan los controles de visibilidad en el editor de bloques de WordPress
Si está utilizando el editor de bloques Gutenberg (ahora el estándar para WordPress), las configuraciones de visibilidad aparecen en la barra lateral derecha una vez que se instala un complemento como Block Visibility o Conditional Blocks.
Al editar una publicación o página:
- Seleccionar un bloque de contenido
- Busque una sección denominada Visibilidad o Condiciones de visualización
- Utilice las casillas de verificación, los menús desplegables o los interruptores de palanca para controlar quién ve el bloque y cuándo
Algunos plugins también añaden un icono o una configuración en la barra de herramientas, en la sección "Avanzado", del editor de bloques. Esto permite acceder rápidamente a opciones de visibilidad como el tamaño de la pantalla, los roles de usuario, el estado de inicio de sesión o las cadenas de consulta de URL.
Mejores prácticas para administrar la configuración de visibilidad
Para evitar confusiones y gestionar el rendimiento, aquí hay algunos consejos de expertos:
- Bloques relacionados con grupos : utilice grupos de bloques o patrones para aplicar reglas de visibilidad en todas las secciones
- Usar ajustes preestablecidos : en herramientas como Visibilidad de bloque o Bloques condicionales, guarde configuraciones comunes como ajustes preestablecidos
- Limite la superposición de complementos : evite usar varios complementos para el mismo propósito para reducir conflictos
- Capacite a su equipo : los editores no técnicos deben comprender las condiciones de visibilidad para evitar configuraciones incorrectas.
- Probar todos los roles de usuario : verificar cómo aparece cada bloque de contenido para diferentes tipos de usuarios, iniciados o cerrados sesión
Estos hábitos ayudan a mantener flujos de trabajo limpios y evitar problemas de rendimiento o confusión de contenido.
Reflexiones finales
La capacidad de ocultar o mostrar el contenido de los bloques en WordPress ya no es exclusiva de los desarrolladores. Con los plugins o el código personalizado adecuados, cualquiera puede crear experiencias de usuario personalizadas que respondan al rol, la ubicación, el dispositivo o la hora.
Ya sea que esté creando un portal de membresía, un sitio de comercio electrónico o un centro de contenido , las configuraciones de visibilidad del contenido lo ayudan a entregar el mensaje correcto a la audiencia correcta en el momento correcto.
Al dominar los controles de visibilidad de bloques, desbloquearás un sitio de WordPress más dinámico, personalizado y orientado al rendimiento.
