¿Quieres ocultar un widget específico de WordPress para usuarios móviles?
Los widgets son contenido dinámico que a menudo se agrega en la barra lateral o en el pie de página del sitio web. A veces, un widget puede verse bien en dispositivos de escritorio/portátiles, pero es posible que desee ocultarlo en dispositivos móviles.
En este artículo, le mostraremos cómo ocultar condicionalmente un widget de WordPress en 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 su contenido en dispositivos móviles. Esta es la razón por la que a menudo los propietarios de sitios web desean ocultar ciertos widgets en dispositivos móviles para acelerar la velocidad de su sitio web para los usuarios de dispositivos móviles.
Cómo ocultar un widget en el móvil en WordPress
Por el bien de este tutorial, ocultaremos el widget de búsqueda en nuestro sitio de demostración, pero puede usarlo 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 junto a él:
Vamos a ocultar el widget de búsqueda para que solo se muestre en computadoras de escritorio y no en dispositivos móviles.
Nota: En este tutorial, el término «equipos de sobremesa» incluye tanto portátiles como equipos de sobremesa normales.
En primer lugar, debe instalar y activar el Opciones de widgets enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, vaya a la Apariencia » Widgets página en su área de administración de WordPress.
En esta pantalla, verá sus widgets activos colocados en las áreas listas para widgets de su sitio web.
Avancemos y editemos el widget de búsqueda haciendo clic en el nombre del widget:
En la configuración del widget, verá una nueva sección agregada por el complemento de opciones de widget. Aquí, simplemente haga clic en el pequeño ícono móvil, luego elija en qué dispositivo o dispositivos desea ocultar el widget.
No olvide hacer clic en el botón ‘Guardar’ para guardar sus cambios.
Ahora, continúe y revise su sitio usando un dispositivo móvil. Ese widget ya no aparecerá en su área de widgets:
Pero, ¿qué sucede si desea ocultar un widget en dispositivos de escritorio pero mostrarlo en pantallas móviles?
Echemos un vistazo a cómo hacerlo.
Cómo hacer una versión móvil de un widget en WordPress
A veces, es posible que desee tener una versión de un widget para visitantes de escritorio y otra diferente para visitantes móviles.
Por ejemplo, es posible que desee mostrar sus cinco publicaciones más recientes en el escritorio, pero solo tres publicaciones en dispositivos móviles.
Eso también es fácil de hacer con el complemento Opciones de widget. Simplemente puede crear dos widgets y configurar un widget para que se muestre solo en el escritorio y el otro para que se muestre solo en dispositivos móviles.
Primero, agregue o abra el widget que solo desea mostrar en el escritorio. Luego, haz clic en el ícono pequeño del móvil. Después de eso, simplemente marque las casillas ‘Tableta’ y ‘Móvil’ para ocultar el widget en esos dispositivos:
No olvide presionar el botón Guardar para guardar sus cambios.
Ahora, agregue o abra el widget que solo desea mostrar en dispositivos móviles. Repita el mismo proceso, pero esta vez, haga clic en la casilla de verificación ‘Escritorio’ para ocultar el widget en los dispositivos de escritorio:
Eso es todo. Ahora tiene una versión de escritorio y una versión móvil de su widget.
Esperamos que este artículo le haya ayudado a aprender cómo ocultar un widget en dispositivos móviles en WordPress. También puede consultar nuestra lista de los mejores creadores de páginas de WordPress de arrastrar y soltar para personalizar su sitio, o cómo crear un tema personalizado en WordPress (sin escribir ningún código).
.