Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress

Siete Plugins para Ayudar a Tus Usuarios Móviles

by
Read Time:5 minsLanguages:

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Como diseñadores y desarrolladores web, hemos estado viviendo en la era móvil desde hace ya algunos años. En este tutorial vamos a ver siete plugins que sirven para que tu web tenga un buen aspecto y funcione correctamente para los usuarios que acceden a ella desde el móvil.

Normalmente hablamos de usuarios móviles cuando nos referimos a aquellos que visitan la web a través de una tablet o un teléfono inteligente. Evidentemente, debemos construir sitios web que respondan y se adapten a los dispositivos móviles, de no ser así, no llegaríamos a muchos de los que visitan nuestra web y/o nuestras aplicaciones.

Pero, ¿cómo lo hacemos? Pues haciendo que nuestras webs estén preparadas para dispositivos móviles, por supuesto. En este tutorial, vamos a examinar siete plugins que nos ayudan a hacer tu que tu sitio web se vea y funcione perfectamente para estos usuarios.

Plugins para Ayudarte con el Diseño Web Responsivo y Adaptativo

Sería raro que, durante los últimos dos años, no hubieses escuchado nunca hablar de "diseño web responsivo" o "diseño web adaptativo". El objetivo de estos enfoques del diseño web consiste en hacer que las páginas web se adapten a las limitaciones de las pantallas de dispositivos móviles.

Los cuatro plugins de WordPress de aquí abajo te pueden ayudar a que las páginas de tu web se puedan visualizar en dispositivos móviles.

Hammy

Hammy WordPress PluginHammy WordPress PluginHammy WordPress Plugin

Hammy es un útil plugin que redimensiona las imágenes de tu sitio web para adaptarlas a los dispositivos móviles. Sustituye las etiquetas <img> por las etiquetas <figure> y redimensiona las imágenes usando el propio código de WordPress 3.5.

Para usar el plugin, necesitas establecer algunos "breakpoints" y elegir un elemento HTML que funcione como contenedor. Con los breakpoints que especifiques, el plugin podrá redimensionar las imágenes cuando la anchura de la pantalla alcance un determinado breakpoint. También puedes indicar algunos nombres de clases para prevenir que ciertas imágenes sean ignoradas.

Responsive Widgets

Responsive Widgets WordPress PluginResponsive Widgets WordPress PluginResponsive Widgets WordPress Plugin

Responsive Widgets es un plugin que introduce nuevos widgets de texto/HTML que aparecerán solo en dispositivos concretos como puedan ser iPads, Nooks, PlayStation Vitas, y otros dispositivos genéricos como tablets o smartphones.

Para usar el plugin, solo necesitas tener unos conocimientos básicos sobre cómo funcionan los widgets en WordPress. Abre la página Widgets y encontrarás muchos nuevos widgets para los siguientes dispositivos y tipos de pantalla:

  • Móvil
  • Móvil (orientación apaisada)
  • iPhones e iPods
  • Phablets
  • Tablets (orientación vertical)
  • Tablet (orientación apaisada)
  • iPad (orientación vertical)
  • iPad (orientación apaisada)
  • Tablets Nexus 
  • Tablets Kindle
  • Tablets Surface
  • Tablets Nook
  • PS Vitas
  • Ordenadores de sobremesa
  • Monitores grandes (pantallas de 1240px o más)
  • Solo impresión

Muchos de los widgets tienen casillas de verificación que te permiten indicar excepciones. Por ejemplo, si quieres mostrar un widget en tablets pero no en el iPad, podrías marcar la casilla correspondiente y listo.

WP Lightbox 2

WP Lightbox 2 WordPress PluginWP Lightbox 2 WordPress PluginWP Lightbox 2 WordPress Plugin

WP Lightbox 2 es un plugin muy popular para crear "lightboxes"  que te permite usar imágenes pop-up y galerías con efectos de superposición en las páginas que elijas. No es un plugin para ayudarte específicamente con el diseño web responsivo, pero al serlo por naturaleza, puedes usarlo para tus sitios web.

Para empezar a usar el plugin, basta con que lo actives. Dispone de algunas opciones como la posibilidad de habilitar un lightbox en la sección de comentarios o cambiar la duración de la animación, pero básicamente funciona en cuanto lo activas, sin necesidad de realizar configuraciones adicionales.

Responsible

Responsible WordPress PluginResponsible WordPress PluginResponsible WordPress Plugin

Responsible es un plugin de WordPress extremadamente útil con el que poner a prueba tus diseños responsivos en tiempo real desde el navegador. Utiliza la herramienta Viewport Resizer Bookmarklet para ubicar una barra fija en lo alto de tu página desde la que podrás cambiar las dimensiones de la página para ajustarlas a las de un smartphone, tablets, a las pantallas de ordenadores de sobremesa, o cualquier dimensión personalizada que indiques.

Para usar el plugin, simplemente actívalo y visita una de tus páginas. La barra aparecerá en cada una de ellas de forma que puedas comprobar tus diseños sin ninguna dificultad.

Mobile Theme Plugins

Estos plugins funcionan de una forma más especializad: te ayudan a mostrar un tema WordPress distinto si el usuario se conecta a tu web desde un dispositivo móvil. Esto es particularmente útil si tienes un tema que no está preparado para dispositivos móviles. Si no tienes el tiempo o la energía para hacer que tu tema sea "mobile-ready", puedes usar estos fantásticos plugins para que se ocupen de ello. 

WPTouch Mobile Plugin

WPTouch Mobile PluginWPTouch Mobile PluginWPTouch Mobile Plugin

Con alrededor de cinco millones de descargas y una valoración de 3.9 estrellas sobre un máximo de 5, WPTouch es probablemente el plugin para crear un tema móvil más popular en la actualidad. Ofrece una de las formas más sencillas para crear una versión móvil de tu sitio web, sin ninguna complicación.

Para usar el plugin, tienes que instalar y activar el plugin. Aunque los ajustes predeterminados son suficientes para la mayoría de los usuarios, si quieres puedes modificar cientos de ajustes desde sus páginas de configuración.

No obstante, una nota de advertencia: un gran poder siempre viene acompañado de grandes responsabilidades, y con cinco millones de descargas todavía más. En julio de 2014, se anunció que las versiones 3.x de WPTouch tenían graves vulnerabilidades que, aunque fueron solucionadas de inmediato, podrían haber ocasionado grandes problemas a los usuarios del plugin. Siempre es buena idea estar atento a las actualizaciones, y esto es extensible tanto al núcleo de WordPress como a los plugins y temas.

WordPress Mobile Pack

WordPress Mobile Pack WordPress PluginWordPress Mobile Pack WordPress PluginWordPress Mobile Pack WordPress Plugin

WordPress Mobile Pack es otro gran rival que ofrece temas móviles para webs creadas con WordPress. Hasta ahora ha alcanzado 600,000 descargas y goza de una valoración de 3.8 estrellas sobre 5. WordPress Mobile Pack ofrece un magnífico tema móvil para ti y para tus usuarios, con una interfaz inspirada en las apps en lugar del clásico diseño web móvil.

Al igual que WPTouch, WordPress Mobile Pack está preparado para funcionar en cuanto lo instalas. Aunque si quieres, puedes realizar algunos ajustes desde su página de configuración.

Jetpack de WordPress.com

Jetpack WordPress PluginJetpack WordPress PluginJetpack WordPress Plugin

Jetpack no solo es desde siempre uno de los plugins más populares para WordPress, además goza del soporte y el mantenimiento de WordPress.com y Automattic. Este magnífico plugin también dispone de una función "Tema Móvil" de la que podemos sacar provecho.

Para usar la función "Tema Móvil", después de instalar y activar Jetpack, debes ir a la página de configuración siguiendo la ruta Jetpack » Ajustes. En la lista de módulos para Jetpack, encuentra "Mobile Theme" y actívalo. No es mucho, pero te proporciona un diseño rápido y limpio para dispositivos móviles. Una nota, según mi experiencia personal: no funciona bien con el plugin oficial de Disqus.

Conclusión

En internet, siempre es importante mantenerse al día respecto a las tendencias y ofrecer a los usuarios lo que quieren, especialmente si estás esperando de ellos algo a cambio (ya sea dinero o alagos). Hoy en día, estar preparado para los dispositivos móviles se ha convertido ya en un estándar y sería estúpido defraudar a tus usuarios con una web que no ofrece una buena experiencia en dispositivos móviles.

¿Conoces algunos otros buenos plugins que hagan que tu web sea más accesible? Por favor, comparte tus ideas y conocimientos con nosotros a través de un comentario aquí abajo. Y si te gustó este artículo, ¡no olvides compartirlo con tus amigos!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.