Controlar la visibilidad del contenido en WordPress es una capacidad crítica para diseñadores, desarrolladores y gerentes de contenido. Ya sea que desee personalizar las experiencias de los usuarios, restringir la visibilidad en función del tipo de dispositivo o administrar campañas sensibles al tiempo, la capacidad de mostrar u ocultar contenido de bloque de bloque en WordPress desbloquea un nuevo nivel de flexibilidad.
Esta guía lo guiará a través de todo lo que necesita saber sobre cómo ocultar o mostrar contenido de bloque en WordPress usando complementos, código personalizado y funciones nativas en el editor de bloques. Exploremos cómo hacer que su contenido de WordPress sea más dinámico , eficiente y adaptado a cada visitante.
¿Por qué controlar la visibilidad del contenido de bloque en WordPress?
No todos los contenidos deben ser visibles para cada usuario. Aquí hay algunas razones del mundo real para controlar la visibilidad del bloque:
- Mostrar contenido exclusivo solo para los usuarios registrados
- Mostrar ofertas basadas en la ubicación utilizando geotargeting
- Cambiar los titulares según la hora del día
- Crear diseños específicos de dispositivos móviles sin duplicar páginas
- Ejecutar promociones por tiempo limitado sin publicar o no publicar 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 del bloque de WordPress?
Ya sea que esté creando flujos de trabajo editoriales complejos o estructuras de contenido específicas del usuario, nuestros desarrolladores expertos pueden ayudarlo a implementar un control de visibilidad total utilizando WordPress.
Uso de complementos para mostrar u ocultar contenido de bloque en WordPress
Los complementos son la forma más accesible de implementar controles avanzados de visibilidad de contenido en el editor de bloques de WordPress. Estos son los complementos más confiables para este caso de uso.
Complemento de visibilidad de bloque
El de visibilidad del bloque es una herramienta integral que agrega docenas de configuraciones de visibilidad directamente a bloques individuales. Se integra con el editor de bloques y admite:
- Control de tipo de dispositivo (móvil, tableta, escritorio)
- Dirección de 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 consultas
- Metadatos personalizados y detección de ubicación
Estos controles están disponibles en la barra lateral derecha en la sección de visibilidad de cada bloque. También puede habilitar el modo de control completo en la configuración general para acceder a todas las opciones en todos los bloques.
Características clave:
- Visibilidad preestablecidas para administrar múltiples bloques
- Condiciones de ruta de URL para contenido específico de página
- Ocultar el bloque de todos los alternar para anulaciones rápidas
- Importar y exportar 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 de control de contenido simplifica la visibilidad del bloque al centrarse en dos conjuntos de reglas principales:
- Reglas del dispositivo (móvil, tableta, escritorio)
- Reglas del usuario (inicio de sesión, sesión registrado, roles específicos de usuario)
Funciona bien para escenarios en los que desea que se muestre un contenido diferente en función del estado de inicio de sesión o el tamaño de la pantalla. Por ejemplo, puede servir una imagen a los usuarios móviles y otra para los usuarios de escritorio que usan la misma estructura de bloque.
Características clave:
- La regla se altera para deshabilitar temporalmente la configuración de visibilidad
- Configuración de punto de interrupción global en opciones de complemento
- UI simple integrada en el editor de bloques
- Características premium opcionales como las condiciones de WooCommerce
Este complemento es perfecto para principiantes o agencias que buscan una personalización rápida basada en dispositivos o basada en el usuario.
Bloques condicionales
Los bloques condicionales proporcionan una interfaz basada en modales para agregar lógica condicional a los bloques de WordPress. Si bien la versión gratuita incluye características básicas como el dispositivo y la visibilidad del usuario, la versión Pro presenta la geolocalización, la programación y las restricciones basadas en la membresía.
Ofertas de versión gratuita:
- Bloquear el bloque de todos
- Pantalla basada en el dispositivo
- Condiciones de inicio de sesión de usuario
- Y/o combinaciones lógicas
La versión Pro agrega:
- Programación de fecha avanzada
- Orientación de rol de usuario
- Controles de WooCommerce y Membresía
- Puntos de interrupción personalizados y geotargeting
- Administrador de preajuste para cambios por lotes
Los bloques condicionales son un buen término medio entre la simplicidad y el poder, especialmente para los equipos que necesitan condiciones reutilizables.
Condición de bloques malvados
La condición de Wicked Blocks es un complemento menos conocido con opciones amigables para el desarrollador como funciones de PHP . Permite que los bloques muestren u se esconden en base a:
- Rol de usuario o estado de inicio de sesión
- Rangos de fecha y hora
- Estado de publicación o categorías
- Cadenas de consultas de URL
- Funciones lógicas personalizadas
Si desea combinar flexibilidad de bajo código con el control basado en editor, este complemento es una opción sólida.
Tabla de comparación de complementos
| Nombre del complemento | Características clave | Caso de uso ideal |
|---|---|---|
| Visibilidad de bloque | Fecha/hora, geolocalización, rol de usuario, tamaño de pantalla, cookies | Control completo de visibilidad |
| Control de contenido | Reglas de rol de dispositivo y usuario | Casos de uso livianos |
| Bloques condicionales | Y/o lógica, preajustes, puntos de interrupción avanzados | Implementaciones medianas para implementaciones avanzadas |
| Condición de bloques malvados | Soporte de la función PHP, orientación de cadena de consulta | Control orientado al desarrollador |
Fragmentos de código personalizado para ocultar o mostrar contenido en WordPress
Si prefiere evitar complementos, puede usar funciones nativas de WordPress y lógica condicional para controlar la visibilidad. Estos ejemplos se pueden agregar a un complemento personalizado o el archivo Functions.php de su tema de su hijo.
Ocultar contenido para usuarios registrados
add_action ('wp_head', 'custom_hide_paragraphs_for_logged_in'); function custom_hide_paragraphs_for_logged_in () {if (is_user_logged_in ()) {echo 'p {display: none! importante; } '; }}Esto oculta todos los elementos de párrafos para los usuarios que están iniciados. Puede revertir la condición o apuntar a otros elementos en función de sus necesidades.
Ocultar contenido basado en la geolocalización
add_action ('wp_head', 'custom_hide_images_us'); function custom_hide_images_us () {$ ip = $ _server ['remoto_addr']; $ geo = "https://ipapi.co/{$iph /json/"; $ respuesta = wp_remote_get ($ geo); if (is_wp_error ($ respuesta)) return; $ data = json_decode (wp_remote_retrieve_body ($ respuesta)); if (isset ($ data-> country_code) && $ data-> country_code === 'US') {echo 'img {display: none! importante; } '; }}Use este script para ocultar todas las imágenes para los usuarios que visitan desde los Estados Unidos. Tenga en cuenta que las llamadas de API en cada carga de página pueden afectar el rendimiento, por lo que use los transitorios o el almacenamiento en caché cuando sea posible.
Ocultar imagen destacada por categoría
add_filter ('post_thumbnail_html', 'custom_hide_featued_image', 10, 2); function custom_hide_featued_image ($ html, $ post_id) {if (has_category ('books', $ post_id)) {return ''; } devolver $ html; }Este código elimina la imagen presentada en todas las publicaciones asignadas a la categoría "Libros". Puede modificarlo para etiquetas, taxonomías personalizadas o metadatos.
Prueba de condiciones de visibilidad del contenido
Para evitar sorpresas en su sitio en vivo, aquí hay algunas mejores prácticas de prueba:
- Utilice entornos de estadificación para ejecuciones de prueba
- Borrar el navegador y el caché del sitio antes de ver los cambios
- Cambiar los roles de usuario para verificar las condiciones de visibilidad
- Verifique la fuente de la página para confirmar si los elementos ocultos se eliminan o simplemente se ocultan con CSS
- Use herramientas de desarrollo del navegador para simular diferentes dispositivos y tamaños de pantalla
Estas precauciones lo ayudan a evitar problemas de SEO y un comportamiento inesperado, especialmente en los grandes sitios web de WordPress .
Configuración y punta de complementos
Cada complemento mencionado anteriormente viene con áreas de configuración específicas dentro de WP Admin >. Dependiendo de su complemento, puede:
- Definir puntos de interrupción del dispositivo
- Habilitar la visibilidad del bloque en el panel del editor
- Desactivar complementos en ciertos bloques
- Activar modos de control completo 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 gobernanza de contenido en su sitio.
¿Cuándo debe usar un código de complemento versus personalizado?
Elegir entre complementos y código personalizado depende de la complejidad, las habilidades del equipo y los objetivos de rendimiento de su proyecto.
Use un complemento si:
- Necesita usuarios no técnicos para administrar la visibilidad
- Su sitio requiere docenas de condiciones en las páginas
- Desea acceso a funciones Pro como programación o geotargeting
Use código personalizado si:
- Quieres un rendimiento más delgado
- Estás apuntando a condiciones únicas que no son compatibles con complementos
- Su sitio es pequeño y está bien alcanzado
Para sitios grandes, un enfoque híbrido a menudo funciona mejor. Use complementos para controles de visibilidad regulares y escriba una lógica personalizada donde sea necesario.
Casos de uso práctico para la visibilidad del bloque de WordPress
Comprender los controles de visibilidad es una cosa. Aplicarlos de manera efectiva es otro. Exploremos situaciones específicas del mundo real donde la visualización condicionalmente de los bloques de contenido se convierte en una parte esencial de la estrategia del sitio web.
Contenido personalizado para los usuarios registrados
Muchos sitios de membresía, plataformas de eLearning y paneles de negocios internos utilizan condiciones de visibilidad para restringir el contenido . Puede mostrar un mensaje de bienvenida o un tablero personalizado solo para usuarios iniciados. Si alguien se inicia, el mismo bloque de contenido desaparece automáticamente de la vista.
Esto se maneja fácilmente con el complemento de visibilidad del bloque o el control de contenido mediante la asignación de la configuración de visibilidad basada en el rol del usuario y el estado de inicio de sesión. Es un método fácil de usar de segmentación de contenido sin necesidad de habilidades de desarrollo avanzadas.
Sitios multilingües de WordPress
Las empresas globales a menudo crean diferentes bloques de contenido para cada idioma. En lugar de construir múltiples páginas, puede usar controles de visibilidad de bloque para mostrar condicionalmente bloques en función de las preferencias o ubicación del usuario. Combine la lógica de geolocalización con complementos multilingües para servir contenido específico de la región sin el esfuerzo de duplicación.
Anuncios basados en el tiempo
Es posible que desee ejecutar ventas flash, lanzamientos de productos o pancartas promocionales que se muestren solo durante una determinada ventana de tiempo. Usando las condiciones de fecha y hora en el complemento de visibilidad del bloque, puede programar bloques para mostrar u esconderse en momentos precisos.
Este tipo de automatización mantiene el 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 a menudo requieren diferentes diseños. En lugar de crear múltiples versiones de una página, la configuración de la visibilidad de los bloques le permite crear bloques de contenido específicos para dispositivos móviles. Muestre bloques basados en el tamaño de la pantalla o el tipo de dispositivo y mejore UX móvil mientras mantiene todo editable en un solo lugar.
Esto es especialmente útil para mostrar diferentes navegaciones, botones o tamaños de imagen para pantallas más pequeñas, mejorar 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), la configuración de visibilidad aparece en la barra lateral de la derecha una vez que se instala un complemento como la visibilidad del bloque o los bloques condicionales.
Al editar una publicación o página:
- Seleccione un bloque de contenido
- Busque una sección de visibilidad o condiciones de visualización
- Use las casillas de verificación, desplegables o los interruptores de alternar para controlar quién ve el bloque y cuándo
Algunos complementos también agregan un icono o configuración de la barra de herramientas en "Avanzado" en la sección Editor de bloques. Estos permiten un acceso rápido a opciones de visibilidad como tamaño de pantalla, roles de usuario, estado de inicio de sesión o cadenas de consulta de URL.
Las mejores prácticas para gestionar la configuración de visibilidad
Para evitar confusiones y administrar el rendimiento, aquí hay algunos consejos de expertos:
- Bloques relacionados con el grupo : use grupos de bloques o patrones para aplicar reglas de visibilidad en todas las secciones
- Use preajustes : en herramientas como visibilidad de bloque o bloques condicionales, guarde la configuración común como preajustes
- Limite la superposición de complementos : evite usar múltiples complementos para el mismo propósito para reducir los conflictos
- Entrene a su equipo : los editores no técnicos deben comprender las condiciones de visibilidad para evitar la configuración errónea
- Pruebe todos los roles de usuario : verifique cómo aparece cada bloque de contenido para diferentes tipos de usuarios, iniciado o registrado
Estos hábitos ayudan a mantener flujos de trabajo limpios y evitan problemas de rendimiento o confusión de contenido.
Pensamientos finales
La capacidad de ocultar o mostrar contenido de bloque en WordPress ya no es una característica de desarrollador. Con los complementos correctos o el código personalizado, cualquiera puede crear experiencias de usuario personalizadas que respondan al rol, la ubicación, el dispositivo o el tiempo.
Ya sea que esté construyendo un portal de membresía, un sitio de comercio electrónico o un centro de contenido , la configuración de visibilidad de contenido lo ayuda a entregar el mensaje correcto a la audiencia correcta en el momento correcto.
Al dominar los controles de visibilidad del bloque, desbloquea un sitio de WordPress más dinámico, personalizado y orientado al rendimiento.
