Share
Como diseñadores y desarrolladores web, hemos estado viviendo en la era móvil durante algunos años. En este tutorial, revisaremos siete complementos que ayudan a hacer que su sitio web se vea bien y tenga un buen desempeño para los visitantes móviles.
Los visitantes móviles generalmente se refieren a aquellos que visitan el sitio a través de tabletas o teléfonos inteligentes. Naturalmente, tenemos que crear sitios web que respondan y se adapten a dispositivos móviles, o no estaremos llegando a muchos de los que visitan nuestros sitios y / o nuestras aplicaciones..
Pero, ¿cómo nos ponemos al día? Al hacer que nuestros sitios web estén listos para móviles, por supuesto. En este tutorial, revisaremos siete complementos para ayudarlo a hacer que su sitio web se vea bien y tenga un buen desempeño para los usuarios móviles..
Es poco probable que nunca haya oído hablar de los términos "diseño web sensible" o "diseño web adaptable" en los últimos dos años. El propósito de este enfoque en el diseño web es hacer que las páginas se ajusten a las limitaciones de las pantallas de los dispositivos móviles..
Los cuatro complementos de WordPress a continuación pueden ayudarlo a presentar páginas listas para dispositivos móviles en su sitio web..
Hammy es un práctico complemento que redimensiona las imágenes en tu sitio web para dispositivos móviles. Reemplaza al
Para utilizar el complemento, debe establecer algunos puntos de interrupción y elegir un elemento HTML contenedor. Con los puntos de interrupción que especifique, el complemento puede cambiar el tamaño de las imágenes cuando el ancho de la pantalla alcanza un punto de interrupción. También puede establecer algunos nombres de clase para evitar que ciertas imágenes sean ignoradas.
Responsive Widgets es un complemento que presenta nuevos widgets de texto / HTML de WordPress que aparecen solo en dispositivos particulares como iPads, Nooks, PlayStation Vitas y otros dispositivos genéricos como tabletas o teléfonos inteligentes..
Para utilizar el complemento, solo necesita un conocimiento básico de los widgets de WordPress. Abra la página de Widgets y verá muchos widgets nuevos para los siguientes dispositivos y tipos de pantalla:
Muchos de los widgets tienen casillas de verificación que le permiten hacer excepciones. Por ejemplo, si desea mostrar un widget en tabletas pero no en iPads, puede marcar una casilla de verificación y listo..
WP Lightbox 2 es un plugin "lightbox" muy popular que le permite usar imágenes emergentes de la página y galerías con efectos de superposición. No es un complemento que lo ayude con el diseño web responsivo en sí mismo, sino que responde de manera inmediata para que pueda usarlo con sus sitios web.
Para utilizar el complemento, no necesita hacer nada más que activar el complemento. Tiene algunas opciones como habilitar Lightbox en la sección de comentarios o cambiar la duración de la animación, pero básicamente funciona con la activación sin configuración adicional.
Responsable es un complemento de WordPress extremadamente útil para probar sus diseños de respuesta sobre la marcha en su navegador. Utiliza Viewport Resizer Bookmarklet para colocar una barra fija en la parte superior de la página donde puede cambiar el tamaño de la página a dimensiones específicas como teléfonos inteligentes, tabletas o pantallas de escritorio, y dimensiones personalizadas que puede configurar.
Para utilizar el complemento, simplemente actívelo y visite una de sus páginas. La barra aparecerá en cada página para que pueda probar sus diseños, sin complicaciones..
Estos complementos funcionan de una manera más especializada: le ayudan a mostrar un tema de WordPress diferente si el usuario se conecta a su sitio web con un dispositivo móvil. Esto es particularmente útil si tiene un tema que no está listo para dispositivos móviles. Si no tiene el tiempo o la energía para preparar su tema para dispositivos móviles, puede disfrutar de estos fantásticos complementos para hacer el trabajo..
Con más de cinco millones de descargas y una calificación de 3.9 de 5 estrellas, WPTouch es probablemente el plugin de tema móvil más popular en la actualidad. Ofrece una de las formas más fáciles de crear una versión móvil de su sitio web, completamente lista para usar.
Para utilizar el complemento, solo necesita instalarlo y activarlo. Si bien su configuración predeterminada será suficiente para muchos usuarios, puede ajustar un montón de configuraciones en sus páginas de configuración.
Sin embargo, una advertencia: con un gran poder viene una gran responsabilidad, y con más de cinco millones de descargas vienen aún más. En julio de 2014, se anunció que las versiones WPTouch 3.x tenían una vulnerabilidad mortal que se solucionó de inmediato, pero puede haber causado grandes problemas a los usuarios del complemento. Siempre es una buena idea buscar actualizaciones y esto se aplica al núcleo y a todos sus complementos y temas.
WordPress Mobile Pack es otro jugador importante que ofrece temas móviles para los sitios web de WordPress. Por ahora, tiene más de 600,000 descargas y una calificación de 3.8 de 5 estrellas. WordPress Mobile Pack ofrece un tema móvil único para usted y sus visitantes: una interfaz similar a una aplicación móvil en lugar de un diseño móvil clásico.
Al igual que WPTouch, WordPress Mobile Pack está listo para usar mientras instala y activa el complemento. Si lo desea, puede realizar algunos ajustes en la página de configuración..
Jetpack no es solo uno de los plugins de WordPress más populares siempre, pero también es compatible y mantenido por WordPress.com y Automattic. Y este gran complemento también tiene una función de "Tema móvil" de la que podemos beneficiarnos..
Para utilizar la función "Tema móvil", debe ir a la Jetpack "Configuraciones página de configuración después de instalar y activar Jetpack. En la lista de módulos de Jetpack, busque "Tema móvil" y actívelo. No es mucho, en realidad, pero ofrece un diseño rápido y limpio para dispositivos móviles. Una nota de la experiencia personal: no funciona bien con el complemento oficial de Disqus.
En la web, siempre es importante mantenerse al día con las tendencias y ofrecer a los usuarios lo que quieren, especialmente si espera algo de ellos a cambio (ya sea dinero o elogios). En nuestros días, "listo para dispositivos móviles" se está convirtiendo en algo estándar y sería una tontería postergar a los usuarios con un sitio web que no se traduce bien en dispositivos móviles..
¿Conoces algún otro complemento bueno que haga que los sitios web sean más accesibles para móviles? Por favor comparta sus pensamientos y conocimientos con nosotros comentando a continuación. Y si te ha gustado este artículo, no olvides compartirlo con tus amigos.!
Accentsconagua