¿Quiere ocultar un widget de WordPress específicamente para usuarios móviles?
Los widgets son contenido dinámico que a menudo se agrega a la barra lateral o al pie de página del sitio web. A veces, un widget puede verse muy 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 receptivos de WordPress, la barra lateral aparecerá debajo de su contenido en dispositivos móviles. Es por eso que los propietarios de sitios web a menudo quieren ocultar ciertos widgets en dispositivos móviles para acelerar la velocidad de su sitio web para los usuarios móviles.
Cómo ocultar un widget en dispositivos móviles 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 aparecen debajo del contenido en lugar de al lado:
Ocultaremos el widget de búsqueda para que solo aparezca en escritorios y no en dispositivos móviles.
Nota: En este tutorial, el término «escritorio» incluye tanto las computadoras portátiles como las computadoras de escritorio normales.
Primero, necesitas instalar y activar el archivo. Opciones de widget conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Después de la activación, vaya a Apariencia »Widget 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.
Sigamos adelante 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 plugin Opciones de widget. Aquí, simplemente haga clic en el pequeño ícono del 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 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 de dispositivos móviles?
Echemos un vistazo a cómo hacerlo.
Cómo crear una versión móvil de un widget en WordPress
A veces, es posible que desee tener una versión de un widget para los visitantes de escritorio y otra diferente para los visitantes de dispositivos móviles.
Por ejemplo, es posible que desee mostrar sus cinco publicaciones más recientes en el escritorio, pero solo tres publicaciones en el dispositivo móvil.
También es fácil de hacer con el plugin Opciones de widget. Simplemente puede crear dos widgets y configurar uno para que solo se muestre en el escritorio y el otro para que solo se muestre en dispositivos móviles.
Primero, agregue o abra el widget que desea mostrar solo en el escritorio. Luego, haga clic en el pequeño icono de teléfono 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 desea mostrar solo 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 a 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).
¿Te ha resultado útil??
0 / 0