¿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 mostrarse bien en los escritorios, pero puede ocultarlos 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 los temas de WordPress más receptivos, la barra lateral se muestra debajo del contenido cuando está en dispositivos móviles. Esta es la razón por la que a menudo los propietarios de sitios web quieren ocultar ciertos widgets en dispositivos móviles para acelerar la velocidad de su sitio web.
Cómo ocultar un widget en un móvil en WordPress
Por el bien de este tutorial, ocultaremos el widget de búsqueda en nuestro sitio web de prueba, pero también puede usarlo para ocultar cualquier widget de WordPress.
En nuestro sitio web de prueba, el widget de búsqueda aparece en la parte superior de nuestro pie de página y funciona muy bien en el escritorio.
Sin embargo, en un teléfono, los widgets de la barra lateral aparecen debajo del contenido en lugar de la barra lateral:
Vamos a ocultar el widget de búsqueda para que solo se muestre en computadoras de escritorio, no en dispositivos móviles.
Observación : En este tutorial, el término "Computadora" incluye computadoras portátiles y de escritorio.
En primer lugar, debe instalar y activar el complemento Opciones de widget . Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Después de la activación, vaya a la página Apariencia »Widgets en su área de administración de WordPress.
En esta página, verá sus widgets activos colocados en las áreas listas para widgets de su sitio web.
Vamos a editar el widget de búsqueda haciendo clic en el nombre del widget:
En la configuración del widget, el complemento Widget agregará una nueva sección Opciones. Aquí solo tienes que hacer clic en el pequeño icono del móvil y luego elegir en qué dispositivo quieres ocultar el widget.
No olvide hacer clic en el botón "Guardar" para guardar sus cambios.
Ahora vaya y vea su sitio web en 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 dispositivos 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 para visitantes móviles.
Por ejemplo, puede mostrar sus cinco publicaciones más recientes en el escritorio, pero solo tres publicaciones 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 UNIQUEMENT en el escritorio. Luego haga clic en el pequeño icono del móvil. Después de eso, marque las casillas " Tablet ' y " Móvil" para ocultar el widget en estos dispositivos:
No olvides hacer clic en el botón Siguiente para guardar tus 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 dispositivos de escritorio:
Listo. Ahora tiene una versión de escritorio y una versión móvil de su widget.
Descubra también algunos temas y complementos premium de WordPress
Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.
Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.
1. WordPress Speed Optimization Plugin
¿Tiene dificultades para administrar varios complementos de optimización de la velocidad de sitios web? ¿Le preocupa que estén obstaculizando la velocidad de ejecución de su sitio web? Entonces, este complemento de WordPress será la solución definitiva para todas sus preocupaciones.
Este complemento está diseñado para brindarle casi 6 a 8 funciones plugins de WordPress diferentes. Simplemente instálelo y configúrelo para ver una mejora notable en la carga de sus páginas.
Nos gustaría señalar que esta no es una plugin de caché o de CDN, pero el resultado que ofrece es impresionante. No dude en probar este complemento de WordPress para ver de lo que es capaz.
Descargar | Demo | alojamiento web
2. Social Share & Locker Pro
La extensión Social Share & Locker Pro ha sido diseñada para ayudar a que su sitio web sea más visible en las redes sociales. Con solo unos pocos clics, puede establecer la posición de sus íconos sociales o bloquear su contenido requiriendo compartir en una de las redes sociales que ofrece.
Tiene temas predefinidos de 10 y esto debería cubrir los deseos más comunes. Todos sus temas son Retina y maravillas del trabajo.
Además, con Social Share & Locker Pro, podrás mostrar el nombre completo de las redes sociales o solo el icono. Dependerá de su diseño, el espacio disponible o sus deseos.
Descargar | Demo | alojamiento web
3. WordPress PDF Images Lightbox
WordPress Image PDF Lightbox es un Extensión de WordPress premium que le permite crear visores de archivos PDF. Un visor de PDF es una colección de fotos que se pueden guardar como archivos PDF.
Con esta extensión, puede crear tantos visores de PDF como desee. Para cada visor, el administrador puede establecer algunas opciones como:
- La imagen de portada: que se agregará como la primera página del PDF creado por el usuario
- Imágenes máximas por espectador
- Una imagen de marca de agua: para aplicar en páginas PDF
- Envío por correo electrónico: si esta función está activada, un formulario de contacto se ofrecerá justo después de la galería de imágenes. A través de este formulario, los usuarios podrán enviar por correo electrónico el PDF creado a cualquier persona.
Descargar | Demo | alojamiento web
Recursos recomendados
Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.
- Cómo agregar autenticación de dos factores en WordPress
- Cómo construir un sitio web completo con Elementor
- 10 herramientas de automatización para el marketing de pequeñas empresas
- 5 CDN recomienda para aumentar el rendimiento de su blog de WordPress
Conclusión
Listo ! Eso es todo por este tutorial. Esperamos que este artículo le haya ayudado a aprender a ocultar un widget en dispositivos móviles. También puedes ver nuestro guía definitiva sobre cómo acelerar el rendimiento de WordPress para principiantes.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
No dude en comparte con tus amigos en tus redes sociales favoritas. Y si tienes alguna sugerencia o comentario déjalos en nuestra sección comentarios.
...
