{"id":78794,"date":"2025-04-04T09:28:29","date_gmt":"2025-04-04T07:28:29","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=78794&#038;preview=true&#038;preview_id=78794"},"modified":"2025-04-07T15:22:52","modified_gmt":"2025-04-07T13:22:52","slug":"visibilidad-del-bloque","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/","title":{"rendered":"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress"},"content":{"rendered":"<p>Tener control sobre qu\u00e9 contenido se ve y en qu\u00e9 condiciones es una herramienta valiosa para cualquier <a href=\"https:\/\/kinsta.com\/es\/blog\/tipos-de-desarrolladores\/\">desarrollador<\/a> o dise\u00f1ador de WordPress.<\/p>\n<p>Afortunadamente, hay muchos <a href=\"https:\/\/kinsta.com\/es\/secciones\/plugins-wordpress\/\">plugins<\/a> entre los que elegir en el <a href=\"https:\/\/wordpress.org\/plugins\/\">ecosistema de WordPress<\/a> que pueden ayudar. Aqu\u00ed hablamos de cuatro plugins que te permiten:<\/p>\n<ul>\n<li>Ocultar contenido en estado borrador de p\u00e1ginas en producci\u00f3n.<\/li>\n<li>Aplicar condiciones de visualizaci\u00f3n a grupos, encabezados y pies de p\u00e1gina.<\/li>\n<li>Mostrar contenido en funci\u00f3n de la fecha y la hora.<\/li>\n<li>Mostrar diferentes dise\u00f1os seg\u00fan el tipo de dispositivo.<\/li>\n<\/ul>\n<p>Una diferencia clave entre los plugins que hemos revisado es lo f\u00e1cil \u2014 o dif\u00edcil \u2014 que resulta realizar estas acciones.<\/p>\n<p>Nuestros plugins seleccionados se centran en mostrar u ocultar contenido dentro de los bloques. No abordamos soluciones m\u00e1s amplias, como los plugins de <a href=\"https:\/\/kinsta.com\/es\/blog\/crear-un-sitio-web-para-miembros\/\">membres\u00eda<\/a> que restringen el acceso a la p\u00e1gina, ni discutimos c\u00f3mo bloquear, desbloquear u ocultar los propios bloques. Para eso, consulta nuestro art\u00edculo <a href=\"https:\/\/kinsta.com\/es\/blog\/desactivar-bloques-gutenberg\/\">C\u00f3mo desactivar y bloquear los bloques de Gutenberg<\/a>.<\/p>\n<p>Los cuatro plugins deber\u00edan funcionar con temas de bloque, h\u00edbridos o cl\u00e1sicos. Tambi\u00e9n soportan <a href=\"https:\/\/kinsta.com\/es\/blog\/patrones-de-bloques-wordpress\/\">patrones<\/a>, <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-6\/#synced-pattern-overrides\">patrones parcialmente sincronizados<\/a> y patrones totalmente sincronizados hechos con bloques.<\/p>\n<p>Aunque el c\u00f3digo personalizado no siempre es la mejor forma de mostrar u ocultar bloques, te proporcionamos algunos fragmentos de c\u00f3digo a modo de ejemplo.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Plugins para mostrar u ocultar el contenido de los bloques en WordPress<\/h2>\n<p>Los plugins que examinamos tienen funciones similares, pero se implementan de formas diferentes. La mayor\u00eda incluyen ajustes globales en <strong>WP Admin<\/strong> &gt; <strong>Ajustes<\/strong>, excepto los dos \u00faltimos plugins mencionados en la secci\u00f3n <strong>Otros Plugins<\/strong>, que no tienen estas opciones.<\/p>\n<p>Sin embargo, todos ellos proporcionan controles de visibilidad por bloque en el <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">panel Inspector<\/a> (la barra lateral derecha) dentro del editor, tanto si trabajas con una p\u00e1gina, una entrada, un tipo de entrada personalizado o el editor del sitio.<\/p>\n<h3>Block Visibility<\/h3>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-visibility-plugin.png\" alt=\"Banner principal del plugin Block Visibility\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Banner principal del plugin Block Visibility<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/block-visibility\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Visibility<\/a> es uno de los plugins m\u00e1s conocidos en este espacio. Ha estado disponible desde los primeros d\u00edas del editor de bloques. Ofrece el conjunto de funcionalidades m\u00e1s completo con una interfaz de usuario (UI) intuitiva, y es completamente gratuito sin versi\u00f3n premium.<\/p>\n<p>Puedes establecer controles de visibilidad en cualquier bloque en funci\u00f3n de diferentes condiciones, ya sea de forma individual o combinada:<\/p>\n<ul>\n<li><strong>Navegador y dispositivo<\/strong> \u2013 Muestra u oculta un bloque en funci\u00f3n del navegador del visitante (Chrome, Firefox, Safari, etc.) o del tipo de dispositivo (ordenador de sobremesa, tableta, m\u00f3vil).<\/li>\n<li><strong>Cookie<\/strong> \u2013 Controla la visibilidad en funci\u00f3n de si una cookie espec\u00edfica est\u00e1 presente en el navegador del usuario, \u00fatil para la personalizaci\u00f3n.<\/li>\n<li><strong>Fecha y hora<\/strong> \u2013 Programa el contenido para que sea visible durante horas espec\u00edficas o en determinadas fechas, como mostrar un mensaje s\u00f3lo en horario laboral.<\/li>\n<li><strong>Ocultar Bloque<\/strong> \u2013 Una anulaci\u00f3n directa que oculta completamente un bloque, independientemente de cualquier otra condici\u00f3n.<\/li>\n<li><strong>Ubicaci\u00f3n<\/strong> \u2013 Muestra u oculta contenido en funci\u00f3n de la ubicaci\u00f3n geogr\u00e1fica del visitante (pa\u00eds, regi\u00f3n o ciudad).<\/li>\n<li><strong>Metadatos<\/strong> \u2013 Controla la visibilidad utilizando valores de metadatos personalizados, a menudo \u00fatiles para contenido din\u00e1mico en tipos de entrada personalizados.<\/li>\n<li><strong>Cadena de consulta<\/strong> \u2013 Muestra u oculta bloques en funci\u00f3n de par\u00e1metros de la URL (como mostrar un bloque s\u00f3lo si <code>?promo=true<\/code> est\u00e1 en la URL).<\/li>\n<li><strong>Fuente de referencia<\/strong> \u2013 Cambia la visibilidad en funci\u00f3n de la procedencia del visitante (por ejemplo, ocultar una oferta especial si el usuario lleg\u00f3 desde Google).<\/li>\n<li><strong>Tama\u00f1o de pantalla<\/strong> \u2013 Ajusta la visibilidad en funci\u00f3n de la anchura de la pantalla, permitiendo un contenido diferente para usuarios de m\u00f3vil, tableta o escritorio.<\/li>\n<li><strong>Ruta URL<\/strong> \u2013 Muestra u oculta bloques en funci\u00f3n de la URL de la p\u00e1gina, \u00fatil para mostrar contenido s\u00f3lo en p\u00e1ginas o secciones espec\u00edficas del sitio.<\/li>\n<li><strong>Rol de usuario<\/strong> \u2013 Restringe la visibilidad en funci\u00f3n del rol del usuario conectado, por ejemplo para mostrar contenido exclusivo a administradores o miembros.<\/li>\n<\/ul>\n<p>El plugin tambi\u00e9n incluye funciones adicionales para gestionar la visibilidad de los bloques:<\/p>\n<ul>\n<li><strong>Ajustes predefinidos de visibilidad<\/strong> \u2013 Guarda y aplica ajustes predefinidos de visibilidad a varios bloques.<\/li>\n<li><strong>Copiar e importar ajustes \u2013<\/strong> Duplica f\u00e1cilmente los ajustes de visibilidad en diferentes bloques.<\/li>\n<\/ul>\n<p>Adem\u00e1s, el bot\u00f3n <strong>Ocultar bloque a todos<\/strong> est\u00e1 disponible directamente en la barra de herramientas de bloques, lo que proporciona una forma r\u00e1pida de ocultar completamente cualquier bloque.<\/p>\n<p>Veamos dos ejemplos comunes de c\u00f3mo se puede utilizar este plugin.<\/p>\n<h4>Fecha y hora<\/h4>\n<p>El plugin Block Visibility ofrece un control total sobre la programaci\u00f3n del contenido en funci\u00f3n de las condiciones de fecha y hora. Puedes establecer rangos de tiempo espec\u00edficos, fechas o combinaciones de ambos.<\/p>\n<p>Por ejemplo, queremos mostrar un encabezado cuando la tienda est\u00e9 abierta y otro cuando est\u00e9 cerrada:<\/p>\n<ul>\n<li><strong>\u00abAhora Mismo, Nuestra Tienda Est\u00e1 Abierta\u00bb<\/strong> debe estar visible entre las 8 a. m. y las 5 p. m.<\/li>\n<li><strong>\u00abAhora Estamos Cerrados\u00bb<\/strong> debe estar visible en el resto de horas.<\/li>\n<\/ul>\n<p>Si es la primera vez, haz clic en el icono m\u00e1s <strong>(+)<\/strong> o en el men\u00fa de opciones <strong>de tres puntos<\/strong> para mostrar las opciones de control del plugin y selecciona <strong>Fecha y hora<\/strong>. Hazlo para ambos bloques de encabezamiento.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/set-date-time-visibility.png\" alt=\"Captura de pantalla de todas las condiciones disponibles, incluida la Fecha y Hora.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Captura de pantalla de todas las condiciones disponibles, incluida la Fecha y Hora.<\/figcaption><\/figure>\n<p>Aplica la condici\u00f3n <strong>8 a.m. &#8211; 5 p.m.<\/strong> al encabezado <strong>\u00abAhora Mismo, Nuestra Tienda Est\u00e1 Abierta\u00bb<\/strong>.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/schedule-block.png\" alt=\"Aplica el horario a los bloques de WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Aplica el horario a los bloques de WordPress.<\/figcaption><\/figure>\n<p>El encabezado <strong>\u00abAhora Estamos Cerrados\u00bb<\/strong> requiere dos conjuntos de datos para reflejar el cambio de d\u00eda a medianoche.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/add-interval-block-schedule.png\" alt=\"Aplicar m\u00e1s de un intervalo de tiempo a un bloque de WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Aplicar m\u00e1s de un intervalo de tiempo a un bloque de WordPress.<\/figcaption><\/figure>\n<p>La configuraci\u00f3n resultante muestra los encabezados seg\u00fan lo establecido en la condici\u00f3n de visibilidad.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-output.png\" alt=\"Abierto de 8 a 17 h, cerrado en caso contrario.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Abierto de 8 a 17 h, cerrado en caso contrario.<\/figcaption><\/figure>\n<h4>Fuente de referencias<\/h4>\n<p>Para este ejemplo, ocultamos un bot\u00f3n si la fuente de referencia contiene alguna parte de una URL determinada. Alternativamente, pod\u00edamos haber optado por mostrar el bot\u00f3n si la referencia contiene alguna parte de una URL determinada.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/referal-url.png\" alt=\"El bot\u00f3n est\u00e1 oculto en el front-end ya que la URL de referencia contiene \"kinsta.com\"\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">El bot\u00f3n est\u00e1 oculto en el front-end ya que la URL de referencia contiene \u00abkinsta.com\u00bb<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Cada bloque tiene un conmutador <strong>Ocultar el bloque a todo el mundo<\/strong>, que es una anulaci\u00f3n. D\u00e9jalo sin activar cuando establezcas las condiciones de visibilidad. Tambi\u00e9n ver\u00e1s diferentes conmutadores dependiendo de la condici\u00f3n de visibilidad con la que est\u00e9s trabajando.<\/p>\n<\/aside>\n\n<p>Por \u00faltimo, en <strong>Configuraci\u00f3n<\/strong> &gt; <strong>Visibilidad del bloque<\/strong>, encontrar\u00e1s tres secciones principales:<\/p>\n<ul>\n<li>Configuraci\u00f3n General<\/li>\n<li>Controles de Visibilidad<\/li>\n<li>Gestor de Bloques<\/li>\n<\/ul>\n<p>Para disfrutar de la mejor experiencia, te recomendamos que actives el <strong>Modo de Control Total<\/strong> en los <strong>Ajustes Generales<\/strong>. Esto garantiza que los ajustes de visibilidad est\u00e9n disponibles para cada bloque.<\/p>\n<p>Algunos bloques, como el <a href=\"https:\/\/wordpress.org\/plugins\/button-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">bloque Bot\u00f3n<\/a>, requieren esta configuraci\u00f3n porque los controles de visibilidad del plugin no est\u00e1n activados por defecto en el panel Inspector.<\/p>\n<h3>Content Control<\/h3>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/content-control-plugin.png\" alt=\"Plugin Content control\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Plugin Content control<\/figcaption><\/figure>\n<p>No debe confundirse con el <a href=\"https:\/\/wordpress.org\/plugins\/restrict-content\/\">plugin Restrict Content<\/a>, el <a href=\"https:\/\/wordpress.org\/plugins\/content-control\/\">plugin Content Control<\/a>\u00a0proporciona dos condiciones para ocultar o mostrar contenido.<\/p>\n<ul>\n<li><strong>Reglas de dispositivo<\/strong> \u2013 Controla la visibilidad del bloque en funci\u00f3n del tipo de dispositivo (ordenador de sobremesa, tableta o m\u00f3vil).<\/li>\n<li><strong>Reglas de usuario<\/strong> \u2013 Muestra un bloque en funci\u00f3n de los roles de usuario, que pueden establecerse para usuarios conectados, usuarios desconectados, todos los roles, roles espec\u00edficos o roles excluidos.<\/li>\n<\/ul>\n<p>Estas reglas pueden utilizarse por separado o combinadas para crear condiciones de visibilidad flexibles. Por ejemplo, utilizamos las <strong>Reglas de Dispositivos<\/strong> para mostrar una imagen optimizada para diferentes tama\u00f1os de pantalla. La imagen m\u00e1s grande est\u00e1 configurada para aparecer s\u00f3lo en ordenadores de sobremesa.<\/p>\n<ul>\n<li><strong>A:<\/strong> En el editor de p\u00e1ginas, las vistas <strong>M\u00f3vil<\/strong> y <strong>Tableta<\/strong> est\u00e1n desactivadas.<\/li>\n<li><strong>B:<\/strong> En el front end, la imagen tiene el tama\u00f1o correcto para ordenadores de sobremesa.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/device-rules-block.png\" alt=\"A\u00f1ade reglas de dispositivo al bloque de imagen.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">A\u00f1ade reglas de dispositivo al bloque de imagen.<\/figcaption><\/figure>\n<p>Adem\u00e1s, la imagen optimizada para m\u00f3viles est\u00e1 configurada para aparecer s\u00f3lo en tabletas y dispositivos m\u00f3viles.<\/p>\n<ul>\n<li><strong>A:<\/strong> En el editor de p\u00e1ginas, la vista <strong>Escritorio<\/strong> est\u00e1 desactivada.<\/li>\n<li><strong>B:<\/strong> En el front end, la imagen se muestra para tabletas y dispositivos m\u00f3viles.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/mobile-device-rule.png\" alt=\"Reglas para dispositivos m\u00f3viles.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Reglas para dispositivos m\u00f3viles.<\/figcaption><\/figure>\n<p>Esta configuraci\u00f3n garantiza que los usuarios vean el tama\u00f1o de imagen m\u00e1s adecuado para su dispositivo, mejorando el rendimiento y la experiencia del usuario.<\/p>\n<p>Adem\u00e1s, cada bloque tambi\u00e9n incluye cuatro ajustes opcionales, accesibles a trav\u00e9s del men\u00fa de opciones de tres puntos:<\/p>\n<ul>\n<li><strong>Copiar<\/strong> \u2013 Copia la configuraci\u00f3n del bloque.<\/li>\n<li><strong>Pegar<\/strong> \u2013 Aplica los ajustes copiados a otro bloque.<\/li>\n<li><strong>Restaurar valores por defecto<\/strong> \u2013 Restablece todas las condiciones de visibilidad del bloque.<\/li>\n<li><strong>Desactivar Reglas de Dispositivo \/ Desactivar Reglas de Usuario<\/strong> \u2013 Desactiva temporalmente las condiciones de visibilidad sin borrarlas.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/device-rules-settings.png\" alt=\"Cuatro ajustes opcionales de reglas de dispositivo.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Cuatro ajustes opcionales de reglas de dispositivo.<\/figcaption><\/figure>\n<p>Te recomendamos encarecidamente que utilices las opciones <strong>Desactivar<\/strong> <strong>reglas<\/strong> <strong>de dispositivo<\/strong> o <strong>Desactivar reglas de usuario<\/strong> mientras pruebas el plugin. Esto facilita el restablecimiento y el ajuste de la configuraci\u00f3n de visibilidad seg\u00fan sea necesario.<\/p>\n<p>Dentro de <strong>WP Admin<\/strong> &gt; <strong>Configuraci\u00f3n<\/strong>, encontrar\u00e1s varios ajustes globales para el plugin, como la definici\u00f3n de los breakpoints. Estos son los valores predeterminados para los tres dispositivos.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-controls-settings.png\" alt=\"Vista de los ajustes del bloque mostrando los breakpoints ajustables.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Vista de los ajustes del bloque mostrando los breakpoints ajustables.<\/figcaption><\/figure>\n<p>Tambi\u00e9n puedes desactivar el plugin para cualquier bloque dentro de esta configuraci\u00f3n. La versi\u00f3n premium de este plugin incluye estas y muchas otras funcionalidades:<\/p>\n<ul>\n<li><strong>Programaci\u00f3n de bloques<\/strong> \u2013 Establece condiciones de visibilidad basadas en el tiempo.<\/li>\n<li><strong>Reglas de WooCommerce<\/strong> \u2013 Controla la visibilidad de los bloques en funci\u00f3n de la configuraci\u00f3n de WooCommerce.<\/li>\n<li><strong>Reglas de Easy Digital Downloads<\/strong> \u2013 Restringe el contenido para los clientes de productos digitales.<\/li>\n<li><strong>Reglas booleanas<\/strong> \u2013 Utiliza condiciones l\u00f3gicas para la visibilidad de los bloques.<\/li>\n<li><strong>Motor de reglas para bloques<\/strong> \u2013 Crea condiciones de visibilidad personalizadas con mayor flexibilidad.<\/li>\n<\/ul>\n<h3>Otros plugins<\/h3>\n<p>Adem\u00e1s de las opciones m\u00e1s populares, hay dos plugins menos conocidos y con menos instalaciones activas que tambi\u00e9n proporcionan controles de visibilidad de bloques:<\/p>\n<h4>Conditional Blocks &#8211; Visibilidad avanzada del contenido<\/h4>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/conditional-blocks-plugin.png\" alt=\"Plugin Conditional Blocks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Plugin Conditional Blocks.<\/figcaption><\/figure>\n<p>El <a href=\"https:\/\/wordpress.org\/plugins\/conditional-blocks\">plugin Conditional Blocks<\/a> te permite controlar la visibilidad de los bloques de WordPress mediante una l\u00f3gica avanzada, todo ello dentro de una sencilla interfaz modal. Puedes establecer condiciones para determinar cu\u00e1ndo y d\u00f3nde debe ser visible un bloque.<\/p>\n<p>La versi\u00f3n gratuita de Conditional Blocks incluye controles b\u00e1sicos de visibilidad, como:<\/p>\n<ul>\n<li><strong>Bloquear bloque a todo el mundo<\/strong> \u2013 Oculta completamente un bloque.<\/li>\n<li><strong>Visibilidad responsiva<\/strong> \u2013 Muestra u oculta bloques en funci\u00f3n del tipo de dispositivo (m\u00f3vil, tableta o escritorio).<\/li>\n<li><strong>Condiciones de estado del usuario<\/strong> \u2013 La opci\u00f3n <strong>Usuario Conectado<\/strong> (usuarios que han iniciado sesi\u00f3n) muestra los bloques s\u00f3lo para los usuarios conectados, mientras que la opci\u00f3n <strong>Usuario Desconectado<\/strong> (usuarios que no han iniciado sesi\u00f3n) muestra los bloques s\u00f3lo para los usuarios desconectados.<\/li>\n<li><strong>L\u00f3gica de condiciones AND\/OR<\/strong> \u2013 Combina varias reglas para crear condiciones de visibilidad complejas.<\/li>\n<\/ul>\n<p>La <a href=\"https:\/\/conditionalblocks.com\/\">versi\u00f3n Pro<\/a> ampl\u00eda la funcionalidad con funcionalidades adicionales, entre las que se incluyen:<\/p>\n<ul>\n<li><strong>Gestor de preajustes<\/strong> \u2013 Guarda grupos de reglas y apl\u00edcalos a varios bloques de tu sitio para una gesti\u00f3n eficaz.<\/li>\n<li><strong>Breakpoints avanzados<\/strong> \u2013 Define tama\u00f1os de pantalla personalizados para diferentes dispositivos.<\/li>\n<li><strong>Control de geolocalizaci\u00f3n<\/strong> \u2013 Muestra u oculta bloques en funci\u00f3n de la ubicaci\u00f3n del usuario (requiere una clave API).<\/li>\n<li><strong>Configuraci\u00f3n de la barra de herramientas<\/strong> \u2013 Gestiona las condiciones de visibilidad directamente desde la barra de herramientas de bloques.<\/li>\n<li><strong>Visibilidad basada en roles de usuario<\/strong> \u2013 Restringe los bloques en funci\u00f3n de los roles de usuario (como administradores, suscriptores, clientes).<\/li>\n<li><strong>Opciones de programaci\u00f3n \u2013<\/strong>\u00a0configura los bloques para que s\u00f3lo aparezcan en determinados intervalos de fechas u horas.<\/li>\n<li><strong>Integraciones con WooCommerce y Membres\u00edas<\/strong> \u2013 Controla la visibilidad en funci\u00f3n del contenido del carrito, las membres\u00edas de los usuarios y mucho m\u00e1s.<\/li>\n<\/ul>\n<p>Para quienes necesiten una mayor flexibilidad y una l\u00f3gica condicional avanzada, la <a href=\"https:\/\/conditionalblocks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">versi\u00f3n Pro<\/a> proporciona un completo conjunto de herramientas para gestionar la visibilidad del contenido a escala.<\/p>\n<h4>Wicked Block Conditions<\/h4>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/wicked-block-conditions-settings.png\" alt=\"Plugin Wicked Blocks Conditions.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Plugin Wicked Block Conditions.<\/figcaption><\/figure>\n<p>El <a href=\"https:\/\/wordpress.org\/plugins\/wicked-block-conditions\" target=\"_blank\" rel=\"noopener noreferrer\">plugin Wicked Block Conditions<\/a> es un plugin gratuito que te permite ocultar o mostrar bloques en funci\u00f3n de varios criterios:<\/p>\n<ul>\n<li><strong>Estado de inicio de sesi\u00f3n del usuario<\/strong> \u2013 Mostrar u ocultar bloques en funci\u00f3n de si un usuario ha iniciado sesi\u00f3n.<\/li>\n<li><strong>Rol de usuario<\/strong> \u2013 Restringe la visibilidad en funci\u00f3n de los roles de usuario.<\/li>\n<li><strong>Fecha y hora<\/strong> \u2013 Programa el contenido para que aparezca o desaparezca a determinadas horas.<\/li>\n<li><strong>Categor\u00edas o etiquetas de publicaci\u00f3n<\/strong> \u2013 Muestra el contenido en funci\u00f3n de la categor\u00eda o etiqueta asignada.<\/li>\n<li><strong>Estado de la entrada<\/strong> \u2013 Controla la visibilidad en funci\u00f3n de si una entrada est\u00e1 publicada, en borrador, pendiente, etc.<\/li>\n<li><strong>Par\u00e1metro de cadena de consulta<\/strong> \u2013 Ajusta la visibilidad en funci\u00f3n de los valores de la URL.<\/li>\n<li><strong>Funci\u00f3n PHP personalizada<\/strong> \u2013 Ejecuta l\u00f3gica personalizada para un control avanzado de la visibilidad.<\/li>\n<\/ul>\n<p>La posibilidad de utilizar funciones PHP personalizadas hace que este plugin sea especialmente \u00fatil para los desarrolladores que deseen a\u00f1adir su propia l\u00f3gica directamente en la interfaz de usuario.<\/p>\n<h2>C\u00f3digo personalizado para mostrar u ocultar el contenido del bloque<\/h2>\n<p>Si tienes un caso de uso sencillo y prefieres cargar solo lo necesario, puedes utilizar c\u00f3digo personalizado en lugar de un plugin. Esto se puede hacer programando tu propio plugin o a\u00f1adiendo funciones directamente a tu archivo <a href=\"https:\/\/kinsta.com\/es\/blog\/functions-php-wordpress\/\"><code><u>functions.php<\/u><\/code><\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Como siempre, al modificar los archivos del tema principal, es mejor utilizar un <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-child-wordpress\/\">tema hijo<\/a> para evitar perder los cambios durante las actualizaciones.<\/p>\n<\/aside>\n\n<p>A continuaci\u00f3n hay tres ejemplos <a href=\"https:\/\/kinsta.com\/es\/blog\/php-8-4\/\">basados en PHP<\/a>, pero si el rendimiento es una prioridad, JavaScript podr\u00eda ser una mejor opci\u00f3n.<\/p>\n<h3>Ocultar contenido en funci\u00f3n del estado de inicio de sesi\u00f3n del usuario<\/h3>\n<p>El siguiente ejemplo oculta todos los elementos de p\u00e1rrafo (<code>&lt;p&gt;<\/code>) cuando un usuario ha iniciado sesi\u00f3n:<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_head', 'kinsta_toggle_paragraphs_visibility' );\n\nfunction kinsta_toggle_paragraphs_visibility() {\n   if (is_user_logged_in() ) {\n       echo 'p { display: none !important; }';\n   }\n}<\/code><\/pre>\n<p>La funci\u00f3n comprueba si un usuario ha iniciado sesi\u00f3n utilizando <code>is_user_logged_in()<\/code>. Si la condici\u00f3n es true (verdadera), inyecta CSS en la secci\u00f3n <code>&lt;head&gt;<\/code>, ocultando todos los elementos <code>&lt;p&gt;<\/code> utilizando <code>display: none;<\/code>. Aunque el marcado permanece en el c\u00f3digo fuente de la p\u00e1gina, no es visible para los usuarios.<\/p>\n<p>Puedes modificar este comportamiento sustituyendo <code>is_user_logged_in()<\/code> por:<\/p>\n<ul>\n<li><code>!is_user_logged_in()<\/code> \u2013 Ocultar contenido cuando el usuario ha cerrado la sesi\u00f3n.<\/li>\n<li><code>is_user_logged_out()<\/code> \u2013 Una funci\u00f3n alternativa para detectar usuarios desconectados.<\/li>\n<\/ul>\n<ul>\n<li><code>!is_user_logged_out()<\/code> \u2013 Una forma alternativa de comprobar si el usuario est\u00e1 conectado.<\/li>\n<\/ul>\n<h3>Ocultar contenido en funci\u00f3n de la geolocalizaci\u00f3n<\/h3>\n<p>Supongamos que deseas ocultar contenido para los usuarios de una ubicaci\u00f3n determinada. No hay l\u00edmite en lo que puedes mostrar u ocultar, pero aqu\u00ed adoptamos un enfoque general y ocultamos todas las im\u00e1genes de los usuarios con sede en EE.UU.<\/p>\n<pre><code class=\"language-php\">add_action('wp_head', 'kinsta_hide_images_for_us_visitors');\n\nfunction kinsta_hide_images_for_us_visitors() {\n   \/\/ Get visitor's IP address\n   $user_ip = $_SERVER['REMOTE_ADDR'];\n   $geo_api_url = \"https:\/\/ipapi.co\/{$user_ip}\/json\/\";\n\n   \/\/ Fetch geolocation data\n   $response = wp_remote_get($geo_api_url);\n\n   if ( is_wp_error($response) ) {\n       return; \/\/ Exit if API request fails\n   }\n\n   $data = json_decode( wp_remote_retrieve_body($response) );\n\n   \/\/ Check if the user is from the U.S.\n   if ( isset($data-&gt;country_code) && $data-&gt;country_code === 'US' ) {\n       echo 'h1, h2, h3, h4, h5, h6 { display: none !important; }';\n   }\n}<\/code><\/pre>\n<p><strong>Nota:<\/strong><\/p>\n<ul>\n<li><code>$_SERVER['REMOTE_ADDR']<\/code> no siempre es fiable y puede devolver IPs incorrectas.<\/li>\n<li>Llamar a la API en cada carga de p\u00e1gina puede afectar al rendimiento. Un mejor enfoque ser\u00eda almacenar en cach\u00e9 la respuesta utilizando un transitorio de WordPress para almacenar los datos temporalmente.<\/li>\n<\/ul>\n<h3>Ocultar una imagen destacada por categor\u00eda<\/h3>\n<p>Ninguno de los plugins que examinamos ten\u00eda una forma de mostrar u ocultar los t\u00edtulos de p\u00e1gina o las im\u00e1genes destacadas, ya que no son bloques. Aqu\u00ed, estamos ocultando la imagen destacada para todas las entradas cuya categor\u00eda sea libros.<\/p>\n<pre><code class=\"language-php\">add_filter('post_thumbnail_html', 'kinsta_hide_featured_image_for_books_category', 10, 2);\n\nfunction kinsta_hide_featured_image_for_books_category($html, $post_id) {\n   \/\/ Check if the post belongs to the \"Books\" category\n   if (has_category('books', $post_id)) {\n       return ''; \/\/ Hide the featured image by returning an empty string\n   }\n   return $html; \/\/ Show the featured image if the category is not \"Books\"\n}<\/code><\/pre>\n<p>Este filtro comprueba si la entrada pertenece a la categor\u00eda <strong>Libros<\/strong> utilizando <code>has_category()<\/code>. Si la condici\u00f3n es <code>true<\/code>, elimina la imagen destacada devolviendo una cadena vac\u00eda. En caso contrario, mantiene la imagen destacada sin cambios.<\/p>\n<h2>Probar tu implementaci\u00f3n<\/h2>\n<p>Antes de desplegar el plugin o el c\u00f3digo personalizado que hayas elegido, te recomendamos que lo pruebes a fondo para evitar problemas imprevistos, como restringir el contenido al p\u00fablico al que va dirigido. Aqu\u00ed tienes algunos pasos clave para las pruebas:<\/p>\n<ul>\n<li><strong>Asegurar la compatibilidad<\/strong> \u2013 Verifica que el plugin o c\u00f3digo personalizado funciona sin problemas, especialmente con plugins de bloqueo de terceros.<\/li>\n<li><strong>Revisa la salida del c\u00f3digo fuente \u2013<\/strong> Algunos m\u00e9todos ocultan el contenido mediante <a href=\"https:\/\/kinsta.com\/es\/blog\/buenas-practicas-css\/\">CSS<\/a>, mientras que otros lo eliminan por completo del marcado. Considera c\u00f3mo afecta cada enfoque al SEO antes de tomar una decisi\u00f3n.<\/li>\n<li><strong>Utiliza un entorno Staging<\/strong> <strong>\u2013<\/strong> Kinsta proporciona <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/entorno-staging\/\">entornos staging de WordPress<\/a> para todas las cuentas, lo que te permite probar los cambios de forma segura antes de aplicarlos a un sitio en producci\u00f3n.<\/li>\n<\/ul>\n<h2>Resumen<\/h2>\n<p>Controlar la visibilidad del contenido es una herramienta esencial para la gesti\u00f3n de sitios de WordPress. El enfoque que elijas, ya sea un plugin est\u00e1ndar o un c\u00f3digo personalizado, depende de tus necesidades espec\u00edficas y de tus conocimientos t\u00e9cnicos.<\/p>\n<p>Si quieres un alojamiento que te facilite el desarrollo, la prueba de plugins y la seguridad de tu sitio, prueba Kinsta.<\/p>\n<p>Las <a href=\"https:\/\/kinsta.com\/es\/blog\/vulnerabilidad-plugins-wordpress\/\">vulnerabilidades de seguridad<\/a> pueden ser una preocupaci\u00f3n real, pero con Kinsta obtienes <a href=\"https:\/\/kinsta.com\/es\/docs\/servicio-de-informacion\/eliminacion-de-malware\/\">un escaneado autom\u00e1tico de malware<\/a> cada tres minutos, <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/como-empezar-con-wordpress\/infraestructura-de-wordpress\/\">cortafuegos de nivel empresarial<\/a> y una plataforma optimizada para la velocidad y la fiabilidad. <a href=\"https:\/\/kinsta.com\/es\/wordpress-hosting\/\">Empieza a utilizar Kinsta hoy mismo<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tener control sobre qu\u00e9 contenido se ve y en qu\u00e9 condiciones es una herramienta valiosa para cualquier desarrollador o dise\u00f1ador de WordPress. Afortunadamente, hay muchos plugins &#8230;<\/p>\n","protected":false},"author":313,"featured_media":78795,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1345,1352],"class_list":["post-78794","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desarrollo-wordpress","topic-plugins-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress<\/title>\n<meta name=\"description\" content=\"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress\" \/>\n<meta property=\"og:description\" content=\"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-04T07:28:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-07T13:22:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress\",\"datePublished\":\"2025-04-04T07:28:29+00:00\",\"dateModified\":\"2025-04-07T13:22:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/\"},\"wordCount\":2962,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/\",\"name\":\"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"datePublished\":\"2025-04-04T07:28:29+00:00\",\"dateModified\":\"2025-04-07T13:22:52+00:00\",\"description\":\"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress","description":"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress","og_description":"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.","og_url":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2025-04-04T07:28:29+00:00","article_modified_time":"2025-04-07T13:22:52+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Bud Kraus","Tiempo de lectura":"16 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress","datePublished":"2025-04-04T07:28:29+00:00","dateModified":"2025-04-07T13:22:52+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/"},"wordCount":2962,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/","url":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/","name":"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","datePublished":"2025-04-04T07:28:29+00:00","dateModified":"2025-04-07T13:22:52+00:00","description":"Aprende a mostrar u ocultar el contenido de los bloques de WordPress con ajustes de visibilidad, c\u00f3digo personalizado o plugins para un mejor control del contenido.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/visibilidad-del-bloque\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Desarrollo WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/desarrollo-wordpress\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo hacer que el contenido de un bloque se oculte o aparezca en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/es\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/78794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=78794"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/78794\/revisions"}],"predecessor-version":[{"id":78817,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/78794\/revisions\/78817"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78794\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/78795"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=78794"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=78794"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=78794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}