Haciendo tu WordPress compatible con dispositivos móviles con WPtouch Pro

Dependiendo de la demografía de tu sitio, podría ser importante para ti tener un sitio web compatible con dispositivos móviles. Puedes hacer esto usando un tema responsivo de WordPress que se adapta a diferentes tamaños de pantalla / dispositivos, o puedes crear una versión específica para móviles de tu sitio si no quieres cambiar el diseño de tu sitio. En este artículo, te mostraremos cómo crear un sitio de WordPress compatible con dispositivos móviles con WPTouch Pro.

WPtouch Pro es un plugin comercial de WordPress que puede transformar tu sitio de WordPress en una experiencia móvil nativa para los navegadores modernos de smartphones. Es rápido, tiene soporte completo de internacionalización, integración con la pantalla de inicio de iOS y muchas otras formas de mejorar la experiencia del usuario móvil.

Una vez que hayas comprado WPtouch Pro, recibirás una clave de licencia y el archivo de descarga del plugin. Necesitas instalarlo en tu blog (sigue nuestra sencilla guía de instalación de plugins), y luego activarlo desde tu panel de control.

Al activarse, el plugin mostrará una notificación recordándote que ingreses tu clave de licencia. Necesitas ingresar la clave de licencia para recibir actualizaciones del plugin, descargar temas y complementos. Haz clic en el enlace ‘activar tu Licencia’ para ingresar tu clave de licencia.

En la siguiente pantalla, simplemente ingresa la dirección de correo electrónico de tu cuenta (la que usaste para comprar el plugin) y tu clave de licencia del producto, luego haz clic en el botón de activar. WPTouch ahora verificará tu clave de licencia y mostrará un mensaje de éxito.

Al activarse, el plugin agrega un elemento de menú WPTouch Pro en tu barra de administración de WordPress. Para configurar el plugin, debes ir a WP Touch Pro » Ajustes Principales.

En la pantalla de ajustes principales, puedes configurar varias opciones para la versión móvil de tu sitio. La primera opción en esta pantalla es cambiar el título y la descripción del sitio. Esto es particularmente útil si tu sitio tiene un título y una descripción largos que no encajan bien en las pantallas móviles.

La siguiente opción en esta pantalla es Regionalización. WP Touch Pro detecta automáticamente el idioma de tu sitio desde tu instalación de WordPress, sin embargo, también puedes seleccionar manualmente el idioma usando esta opción.

La opción de Pantalla en la pantalla de configuración principal te permite deshabilitar manualmente el tema móvil sin desactivar el plugin. La configuración predeterminada es Normal, que habilita la visualización del tema móvil para todos los visitantes que acceden al sitio a través de un dispositivo móvil. Puedes cambiarla a Vista previa, de modo que el tema móvil solo se muestre a los administradores del sitio cuando hayan iniciado sesión. También puedes elegir Deshabilitado para desactivar por completo la visualización del tema móvil.

Hay algunas opciones avanzadas disponibles en la página de configuración principal. Por ejemplo, puedes elegir una página de destino personalizada para la versión móvil de tu sitio. Puedes agregar código personalizado que aparecerá en el área del pie de página del tema. También puedes hacer una copia de seguridad de todas las configuraciones de WP Touch Pro y luego importarlas en otro sitio de WordPress con WP Touch Pro. Esta es una buena opción si tienes un sitio de staging o una instalación local.

Una vez que hayas revisado la página de configuración principal, puedes previsualizar tu sitio móvil directamente en tu escritorio haciendo clic en el botón Vista previa del tema en la parte inferior de esta página. Una vez que estés satisfecho con la apariencia de tu tema, puedes hacer clic en el botón Guardar cambios para guardar tu configuración.

Cambiar el tema móvil en WPTouch Pro 3

Por defecto, WPTouch Pro 3 viene con un tema móvil preinstalado. Puedes descargar e instalar temas adicionales desde WPTouch Pro » Temas y extensiones. Bauhaus, CMS, Classic Redux y Simple son los temas disponibles con todos los planes de licencia. Para instalar un tema, simplemente haz clic en el botón Instalar debajo del tema. WPTouch Pro descargará el tema de la nube y lo instalará. Una vez que un tema esté instalado, puedes hacer clic en el botón activar para usar ese tema.

Personalizar tu tema móvil en WPTouch Pro3

Una vez que hayas seleccionado el tema para tu sitio móvil, es posible que desees personalizarlo para que se ajuste a tus necesidades. Para hacerlo, debes ir a WPTouch Pro » Configuración del tema. Los temas móviles de WPTouch Pro son altamente personalizables. Puedes ajustar cada aspecto de tu sitio móvil desde la pantalla de configuración del tema. Te guiaremos a través de las diferentes secciones de Configuración del tema.

En la pestaña del menú superior, puedes ver las diferentes áreas de tu tema que puedes personalizar. Comenzarás con la pestaña General, que contiene opciones para algunas configuraciones básicas como el número de publicaciones a mostrar en la página principal, habilitar el deslizador de categorías, habilitar el deslizador de publicaciones destacadas, etc. La configuración predeterminada debería funcionar para la mayoría de los sitios, pero puedes hacer cambios según sea necesario. También notarás un icono de información junto a algunas opciones; al pasar el ratón sobre el icono, se mostrará ayuda contextual para esa opción.

Una vez que hayas realizado los cambios en tu tema, puedes previsualizar esos cambios haciendo clic en el botón Vista previa del tema en la parte inferior de la página. Cuando estés satisfecho con los cambios que hayas realizado, deberás hacer clic en el botón Guardar cambios para guardar la configuración de tu tema. También hay un botón de restablecimiento en caso de que desees volver a la configuración predeterminada.

Después de configurar los ajustes generales para tu tema móvil, cambia a la pestaña Marca. Aquí es donde puedes subir tu propio logotipo, fondo, fuentes personalizadas, íconos de redes sociales, etc. También puedes cambiar los colores del tema para que coincidan con tu logotipo y los colores de tu marca.

Convirtiendo tu sitio en una aplicación web móvil

WPTouch Pro te permite aprovechar al máximo las funciones de los dispositivos móviles convirtiendo tu sitio en una aplicación web. Primero, debes hacer clic en la pestaña Iconos de marcadores en la pantalla de Configuración del tema. Deberás subir dos íconos, uno para dispositivos Android y otro para dispositivos iOS (iPhone, iPod y iPad).

Después de eso, haz clic en la pestaña Modo de aplicación web en la configuración del tema. Simplemente marca la casilla para habilitar el modo de aplicación web de iOS, y esto mostrará la configuración avanzada para el modo de aplicación web. Puedes usar la configuración predeterminada o puedes subir tus propias pantallas de inicio personalizadas.

Monetiza tu sitio móvil con WPTouch Pro

Los temas de WPTouch Pro también facilitan enormemente la visualización de anuncios en tu sitio móvil. Debes ir a la pestaña Publicidad en la configuración del tema y elegir entre Google Adsense o un servicio de publicidad personalizado.

Para Google Adsense, deberás ingresar tu ID de editor de Google Adsense y el ID de ranura que puedes obtener de tu cuenta de Google Adsense. Después de eso, debes elegir la ubicación donde deseas que se muestren los anuncios. Guarda tus cambios y tu sitio móvil comenzará a mostrar anuncios.

Personalización de menús de navegación para sitios móviles en WPTouch Pro

WPTouch Pro utiliza la funcionalidad de menú predeterminada de WordPress, pero te permite modificar o elegir cómo quieres mostrar el menú en tu sitio móvil. Para configurar los menús, debes ir a WPTouch Pro » Menús. Primero, debes elegir un menú. Puedes optar por mostrar páginas de WordPress en el menú o elegir un menú existente.

En la pestaña Configuración del menú, puedes personalizar aún más tu menú de WordPress. Puedes asociar iconos a cada elemento del menú simplemente arrastrando un icono a un elemento del menú.

Por defecto, WPTouch Pro viene con el conjunto de iconos Elegant diseñado por Elegant Themes. Puedes instalar otros conjuntos de iconos haciendo clic en el botón Instalar junto a ellos o subir tus propios conjuntos de iconos personalizados.

WPTouch es un excelente plugin para convertir cualquier sitio web con WordPress en una aplicación web móvil completa. Con temas atractivos y potentes opciones de personalización, puedes crear sitios móviles de gran apariencia en minutos sin escribir una sola línea de código. Esperamos que este artículo te haya ayudado a crear un sitio compatible con dispositivos móviles con WP Touch Pro. Para comentarios y preguntas, puedes dejarnos un comentario abajo o seguirnos en Twitter.