Cómo asegurarse de que su blog de WordPress sea accesible para usuarios móviles

Anuncio

No haga que sus lectores hagan zoom en su teléfono: ofrezca una versión móvil de su blog de WordPress. Así es cómo.

Cuando se trata de ejecutar un blog, lo primero en lo que debe pensar es en sus visitantes. Una pregunta clave que debes hacerte: ¿quieres que tu blog sea de fácil acceso mientras viajas? Si la respuesta es sí, debe asegurarse de que su sitio web se muestre tan bien en un teléfono inteligente como en una computadora de escritorio, y todo lo demás.

Hay algunas maneras en que puede hacer que su sitio web esté listo para dispositivos móviles o tabletas. Ya sea que se trate de un tema adaptable de WordPress que se adapte a diferentes dispositivos o un complemento de WordPress que le permita crear una versión móvil dedicada, las siguientes opciones lo tienen cubierto.

Lo mejor de estas soluciones es que no requieren absolutamente ningún conocimiento de codificación. Puede tener un sitio móvil en funcionamiento en minutos, sin tener que saber nada sobre el diseño o la codificación de sitios web.

Temas receptivos

La forma más fácil y eficiente de hacer que su blog de WordPress sea amigable para dispositivos móviles es elegir un tema receptivo. Los temas receptivos se adaptan automáticamente a cualquier dispositivo que esté utilizando cuando visite un sitio. Entonces, si está en una computadora con una pantalla más pequeña, el sitio se ajusta al tamaño de esa pantalla. Si usa un teléfono inteligente, mostrará automáticamente un tema móvil.

El uso de un tema receptivo es conveniente porque no tiene que depender de enchufes de terceros o arreglos adicionales, y la solución todo en uno hace la vida mucho más fácil. Entonces, ¿dónde encuentras temas receptivos decentes?

Si buscas un tema pago, Themeforest tiene más de 2,000 temas receptivos para elegir. Si prefiere optar por un tema gratuito, hay bastantes para elegir. Hemos presentado algunos grandes temas de portafolio receptivos Cree una cartera increíblemente receptiva con uno de estos temas gratuitos de WordPressEn estos días no es suficiente tener un sitio web bellamente diseñado, especialmente si eres fotógrafo, artista o diseñador gráfico. En estos días, si su sitio no responde, es probable que esté perdiendo una parte importante de ... Lee mas , por ejemplo.

Los temas receptivos no son geniales solo si desea crear un sitio web de cartera. Esta lista de más de 250 temas receptivos muestra la gran variedad disponible, y todos los temas enumerados son gratuitos.

También asegúrese de revisar El impresionante conjunto de temas receptivos de Dessign, algunos de los cuales recuerdan bastante Espacio cuadradoStyle s estilo.

Complementos

Si ya ha invertido tiempo, esfuerzo o dinero en su tema de WordPress y no desea cambiar a un tema receptivo para que su sitio sea apto para dispositivos móviles, puede optar por un complemento. Sin embargo, la desventaja de usar un complemento es que pierde la personalidad de su blog que puede haber elegido con su tema y tendrá que adaptarse al estilo que proporciona el complemento.

Una característica importante que ofrecen todos estos complementos es permitir que los espectadores cambien al sitio de escritorio, si así lo desean.

Uno de los complementos más populares que hemos encontrado es WPTouch. Revisamos el plugin hace unos años Cómo hacer que tu blog de Wordpress sea móvil con WPtouch Lee mas , y la apariencia del tema del complemento no ha cambiado mucho. WPTouch es un complemento plug-and-play, lo que significa que no hay nada que tenga que hacer para que sus visitantes vean una versión móvil de su sitio. Sin embargo, puede modificar la configuración y personalizar los iconos utilizados en la versión móvil de su sitio. Si tuvimos una queja sobre el complemento, es que su apariencia no ha cambiado en absoluto a lo largo de los años, por lo que parece un poco anticuado.

Así es como se ve su sitio con WPTouch activado:

Detector móvil es otro gran complemento y cuenta con detección por más de 5,000 dispositivos móviles. El complemento también ofrece una variedad de temas para elegir. Algunos de estos temas son elegantes, minimalistas y modernos, lo que le da una ventaja sobre WPTouch. Lo mejor de todo: ofrece las versiones móviles de los temas oficiales de WordPress, Twenty Eleven y Twenty Twelve. El WZ Mobile Theme es otra gran opción que le permite mostrar sus imágenes destacadas en la página de inicio.

Así es como se ve su sitio con Mobile Detector activado, con el tema WZ Mobile:

UppSitese distingue de otros complementos similares al mostrar una página de destino que ofrece a los visitantes elección, la primera vez que cargan su sitio, para navegar por la versión móvil (HTML5) o de escritorio de su sitio. También puede guardar su selección. También es uno de los complementos para los que debe elegir algunas configuraciones, antes de que aparezca en su blog. A medida que configura, puede elegir qué tipo de sitio está ejecutando: un blog, un sitio comercial o una combinación.

A medida que explore la configuración, descubrirá que UppSite es un complemento bastante rico en funciones. Mientras configura el complemento, puede elegir su icono, el texto que lo acompaña y su color.

Después de configurar el complemento, hay otras opciones de personalización, pero algunas de ellas están limitadas a la versión premium del complemento. La versión gratuita le permite cambiar el fondo de su página móvil y la barra superior, entre otras cosas. Con la versión premium, también obtienes una aplicación descargable de iOS, Android y Windows Phone, y puedes personalizar tu página de destino, pero todo eso te costará la friolera de $ 99.99 al mes.

Así es como se ve su sitio móvil con UppSite activado:

De todos estos complementos, si tuviéramos que elegir uno, sería Mobile Detector. Realiza el trabajo en una cantidad mínima de pasos. Si necesita algo un poco más robusto, sobre el que desea tener más control sobre su sitio comercial, UppSite podría ser más adecuado para sus necesidades, si puede permitírselo.

Herramientas extra

Otra forma de asegurarse de que su blog de WordPress sea completamente accesible para dispositivos móviles es mediante el uso de la herramienta gratuita Incrustar Responsivamente. Esta herramienta le permite incrustar videos de YouTube, fotos y videos de Instagram, Google Maps y más, todo mientras asegura que la inserción permanezca dentro de los límites de su diseño. Descubrirá que con algunas imágenes o videos incorporados puede superponer contenido. Incrustar Responsivamente pone fin a estos problemas.

Para obtener más información sobre Embed Responsively, echa un vistazo a nuestra revisión en profundidad Cómo incrustar YouTube, Vimeo, Instagram y Google Maps de manera receptivaUna de las palabras de moda más importantes en el mundo del diseño en línea en los últimos dos o tres años tiene que ser "receptiva". Con la llegada de navegar en todo, desde una pantalla de teléfono inteligente de 4 pulgadas hasta ... Lee mas .

¿Cuál deberías elegir?

Si desea ofrecer a sus visitantes una experiencia fluida en la que el diseño de su sitio web en un navegador de escritorio se extiende al diseño en un navegador móvil, debe elegir un tema receptivo. Esto también te facilitará la vida, eliminando la necesidad de actualizar complementos que eventualmente ya no serán compatibles.

Si desea tener más control sobre cómo ven los visitantes su sitio web en su versión móvil, y querer pensar en detalles adicionales como la monetización y la participación, un complemento probablemente sea el mejor para tú.

¿Tienes algún consejo o truco sobre cómo asegurarte de que tu blog de WordPress esté listo para dispositivos móviles? Háganos saber en los comentarios.

Credito de imagen: Luc Legay