Cómo ocultar un widget de WordPress en el móvil (fácil para principiantes)

¿Quieres ocultar un widget específico de WordPress para los usuarios de móviles?

Los widgets son contenidos dinámicos que suelen añadirse en la barra lateral o en el pie de página del sitio web. A veces, un widget puede verse bien en los dispositivos de escritorio/portátiles, pero puedes querer ocultarlo en los dispositivos móviles.

En este artículo, te mostraremos cómo ocultar condicionalmente un widget de WordPress en los dispositivos móviles (sin escribir ningún código).

Nota: En la mayoría de los temas responsivos de WordPress, la barra lateral aparecerá debajo de tu contenido en los dispositivos móviles. Por eso, a menudo los propietarios de sitios web quieren ocultar ciertos widgets en los móviles para acelerar la velocidad de su sitio web para los usuarios móviles.

Cómo ocultar un widget en el móvil en WordPress

Para este tutorial, ocultaremos el widget de búsqueda de nuestro sitio de demostración, pero puedes utilizarlo para ocultar cualquier widget de WordPress

En nuestro sitio de demostración, el widget de búsqueda aparece en la parte superior de nuestra barra lateral, y se ve bien en el escritorio.

Sin embargo, en un teléfono móvil, los widgets de la barra lateral se muestran debajo del contenido en lugar de al lado:

Vamos a ocultar el widget de búsqueda para que sólo se muestre en los ordenadores de sobremesa, y no en los dispositivos móviles.

Nota: En este tutorial, el término "ordenadores de sobremesa" incluye tanto los portátiles como los ordenadores de sobremesa normales.

En primer lugar, tienes que instalar y activar el Opciones del widget plugin. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, ve a la sección Apariencia " Widgets en tu área de administración de WordPress.

En esta pantalla, verás tus widgets activos colocados en las áreas preparadas para widgets de tu sitio web.

Vamos a editar el widget de Búsqueda haciendo clic en el nombre del widget:

En la configuración del widget, verás una nueva sección añadida por el plugin de opciones del widget. Aquí, simplemente haz clic en el pequeño icono de móvil, y luego elige en qué dispositivo o dispositivos quieres ocultar el widget.

No olvides hacer clic en el botón "Guardar" para guardar los cambios

Ahora, sigue adelante y comprueba tu sitio usando un dispositivo móvil. Ese widget ya no aparecerá en tu área de widgets:

Pero, ¿qué pasa si quieres ocultar un widget en los dispositivos de escritorio pero mostrarlo en las pantallas de los móviles?

Veamos cómo hacerlo

Cómo hacer una versión móvil de un widget en WordPress

A veces, puedes querer tener una versión de un widget para los visitantes de escritorio y otra diferente para los visitantes móviles

Por ejemplo, puedes querer mostrar tus cinco publicaciones más recientes en el escritorio, pero sólo tres en los dispositivos móviles.

Eso también es fácil de hacer con el plugin Opciones de Widget. Simplemente puedes crear dos widgets y configurar un widget para que sólo se muestre en el escritorio y el otro para que sólo se muestre en los dispositivos móviles.

En primer lugar, añade o abre el widget que sólo quieres que se muestre en el escritorio. A continuación, haz clic en el pequeño icono de móvil. Después, simplemente marca las casillas "Tableta" y "Móvil" para ocultar el widget en esos dispositivos:

No te olvides de pulsar el botón de Guardar para guardar los cambios.

Ahora, añade o abre el widget que sólo quieres mostrar en los dispositivos móviles. Repite el mismo proceso, pero esta vez, haz clic en la casilla "Escritorio" para ocultar el widget en los dispositivos de escritorio:

Eso es todo. Ahora tienes una versión de escritorio y una versión móvil de tu widget.

Esperamos que este artículo te haya ayudado a saber cómo ocultar un widget en dispositivos móviles en WordPress. Quizás también quieras consultar nuestra lista de los mejores constructores de páginas de WordPress de arrastrar y soltar para personalizar tu sitio, o cómo crear un tema personalizado en WordPress (sin escribir ningún código).

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.