¿Quiere ocultar un widget de WordPress específico 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 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).
Notar: En la mayoría de los temas receptivos de WordPress, la barra lateral aparecerá debajo de su contenido en dispositivos móviles. Esta es la razón por la 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 de dispositivos móviles.
Cómo ocultar un widget en un móvil en WordPress
Contents
Para los propósitos 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:
Vamos a ocultar el widget de búsqueda para que solo se muestre en computadoras de escritorio, no en dispositivos móviles.
Notar: En este tutorial, el término «computadoras de escritorio» incluye tanto las computadoras portátiles como las computadoras de escritorio convencionales. En primer lugar, debe instalar y activar el complemento Opciones de widget. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Durante la activación, vaya al 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. 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 complemento de opciones del widget. Aquí, simplemente haga clic en el pequeño icono del móvil y luego elija los dispositivos en los que desea ocultar el widget.
No olvide hacer clic en el botón «Guardar» para guardar sus cambios. Ahora continúe y vea su sitio usando un dispositivo móvil. Este 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? Veamos cómo hacer esto.
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 visitantes de escritorio y otra para visitantes móviles. Por ejemplo, es posible que desee ver sus cinco publicaciones más recientes en el escritorio, pero solo tres en dispositivos móviles. También es fácil de hacer con el complemento Opciones de widget. Puede crear dos widgets y configurar uno 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 desea mostrar solo en el escritorio. Luego haga clic en el pequeño icono del móvil. Después de eso, simplemente marque las casillas «Tableta» y «Móvil» para ocultar el widget en esos dispositivos:
Recuerde 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 marque la casilla «Escritorio» para ocultar el widget en los dispositivos de escritorio:
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 widgets 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). Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.
Originally posted 2021-02-25 02:26:10.
){kind=link}