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

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

Los widgets son contenido dinámico que a menudo se muestra en la barra lateral o el pie de página del sitio web. A veces, un widget puede verse bien en una computadora de escritorio o portátil, pero no en dispositivos móviles más pequeños.

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

¿Por qué ocultar un widget en móviles en WordPress?

Tu sitio web puede verse genial en pantallas de computadora de tamaño completo, pero eso no significa necesariamente que también se verá bien en pantallas más pequeñas.

Incluso si el diseño no parece abarrotado de inmediato al ver la versión móvil de tu sitio de WordPress, es importante desplazarse siempre hasta el final.

En la mayoría de los temas de WordPress responsivos, los widgets aparecerán en diferentes lugares dependiendo del tamaño de la pantalla del visitante. A menudo, los temas de WordPress mueven los widgets al final de la página.

Veamos un ejemplo.

La siguiente imagen muestra cómo se ve un sitio en una computadora de escritorio. Como puedes ver, el widget de búsqueda aparece en la parte superior de la barra lateral.

Sin embargo, el widget de la barra lateral aparece debajo del contenido cuando se ve en un smartphone.

Esto significa que los visitantes tendrán que desplazarse hasta el final de la página para buscar tus publicaciones de blog, productos u otro contenido.

Peor aún, a veces este comportamiento resulta en la aparición de dos widgets idénticos uno al lado del otro.

Por ejemplo, muchos propietarios de blogs de WordPress colocan un widget de información de contacto tanto en la barra lateral como en el pie de página. Si estos widgets se mueven, los visitantes móviles pueden ver los mismos widgets uno al lado del otro.

Dicho esto, veamos cómo puedes ocultar fácilmente un widget en dispositivos móviles en WordPress.

Cómo ocultar un widget en dispositivos móviles en WordPress

La forma más fácil de ocultar widgets para usuarios móviles es usando el plugin Widget Options. Este plugin te permite mostrar diferentes widgets según la fecha, el rol del usuario, el dispositivo y más.

Primero, necesitas instalar y activar el plugin Widget Options. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de la activación, debes ir a la página Apariencia » Widgets en tu panel de WordPress.

En esta pantalla, verás todos los widgets que has agregado a tu sitio web de WordPress.

Para editar un widget, simplemente haz clic en su nombre.

En la configuración del widget, verás algunas secciones nuevas agregadas por el plugin Widget Options.

Para empezar, haz clic en el pequeño ícono móvil y asegúrate de que el menú desplegable 'Ocultar/Mostrar' muestre 'Ocultar en los dispositivos seleccionados'.

Después de eso, simplemente marca cada dispositivo donde quieras ocultar el widget.

Normalmente querrás marcar la casilla junto a 'Tableta' y 'Móvil'.

Después de eso, haga clic en el botón 'Guardar' para almacenar sus cambios.

Ahora, procede a visitar tu sitio web de WordPress usando un dispositivo móvil. El widget ya no aparecerá en el área de widgets.

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

A veces, es posible que desees mostrar una versión de un widget a los visitantes móviles y una diferente a los usuarios de escritorio.

Por ejemplo, podrías querer mostrar tus cinco publicaciones más recientes en el escritorio, pero solo tres publicaciones en dispositivos móviles para que la pantalla no se vea abarrotada.

Para hacer eso, simplemente necesitas agregar dos widgets de Publicaciones Recientes separados a tu sitio. Para más información, por favor consulta nuestra guía paso a paso sobre cómo agregar widgets en WordPress.

Luego puedes configurar un widget para que aparezca en computadoras de escritorio y el otro para que aparezca en dispositivos móviles.

Primero, abre el widget que deseas mostrar a los usuarios de escritorio. Luego, haz clic en el pequeño ícono de móvil y asegúrate de que el menú desplegable ‘Ocultar/Mostrar’ esté configurado en ‘Ocultar en dispositivos seleccionados’.

Después de eso, procede a marcar las casillas junto a ‘Tablet’ y ‘Móvil’.

Ahora, este widget solo aparecerá para los visitantes que usen una computadora de escritorio.

A continuación, puedes hacer cualquier cambio en el widget. Por ejemplo, estamos escribiendo ‘5’ en el cuadro junto a ‘Número de publicaciones a mostrar’.

Cuando termines, no olvides presionar el botón ‘Guardar’ para almacenar tu configuración.

Después de eso, estás listo para hacer que el segundo widget sea solo para móviles.

Simplemente repite el mismo proceso descrito anteriormente, pero esta vez, marca la casilla junto a ‘Escritorio’ para ocultar el widget en dispositivos de escritorio.

Ahora puedes hacer cualquier cambio en tu widget móvil. Por ejemplo, podrías escribir ‘3’ en el cuadro ‘Número de publicaciones a mostrar’.

Como siempre, haz clic en ‘Guardar’ cuando termines. Ahora tienes una versión de escritorio y una versión móvil del mismo widget.

Esperamos que este artículo te haya ayudado a aprender cómo ocultar un widget en dispositivos móviles en WordPress. También te podría interesar consultar nuestra lista de los widgets más útiles para tu sitio, o ver nuestra guía sobre cómo mostrar u ocultar widgets en páginas específicas.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.