11 maneras de crear un sitio WordPress móvil amigable

Dependiendo de la demografía de su sitio, puede ser importante para usted tener un sitio web para móviles. Puedes hacer esto usando un tema de WordPress que se adapte 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, le mostraremos cómo crear un sitio WordPress para móviles con WPTouch Pro.

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

Una vez que haya adquirido WPtouch Pro, recibirá una clave de licencia y el archivo de descarga para el 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 activarlo, el plugin mostrará una notificación recordándole que debe introducir su clave de licencia. Necesita introducir la clave de licencia para recibir actualizaciones de plugins, temas de descarga y complementos. Haga clic en ‘active su licencia’ para introducir su clave de licencia.

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

Al activarlo, el plugin añade un elemento del menú WPTouch Pro en la barra de administración de WordPress. Para configurar el plugin es necesario ir a WP Touch Pro » Core Settings .

En la pantalla de configuración principal, puede configurar varias opciones para la versión móvil de su sitio. La primera opción en esta pantalla es cambiar el título del sitio y la línea de autor. Esto es particularmente útil si su sitio tiene un título y una línea de autor largos que no encajan bien en las pantallas móviles.

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

La opción Display en la pantalla de configuración principal le permite desactivar manualmente el tema móvil sin desactivar el plugin. La configuración predeterminada es Normal , que permite la visualización de temas móviles para todos los visitantes que accedan al sitio a través de un dispositivo móvil. Puede cambiarlo a Vista previa , de modo que el tema móvil sólo se muestre a los administradores del sitio cuando estén conectados. También puede elegir Desactivado para desactivar completamente la visualización de temas móviles.

Hay algunas opciones avanzadas disponibles en la página de configuración principal. Por ejemplo, puede elegir una página de destino personalizada para la versión móvil de su sitio. Puede agregar código personalizado que aparecerá en el área de pie de página del tema. También puede hacer una copia de seguridad de todos los ajustes de WP Touch Pro y luego importarlos en otro sitio de WordPress con WP Touch Pro. Esta es una buena opción si tiene un sitio de puesta en marcha o una instalación local.

Una vez que haya pasado por la página de configuración principal, puede obtener una vista previa de su sitio móvil directamente en su escritorio haciendo clic en el botón Preview Theme en la parte inferior de esta página. Una vez que esté satisfecho con el aspecto del tema, puede hacer clic en el botón Guardar cambios para guardar la configuración.

Cambio del tema móvil en WPTouch Pro 3

Por defecto, WPTouch Pro 3 viene con un tema móvil preinstalado. Puede descargar e instalar temas adicionales desde WPTouch Pro » Temas y extensiones . Bauhaus, CMS, Classic Redux y Simple son los temas disponibles en todos los planes de licencias. Para instalar un tema, simplemente haga clic en el botón Instalar situado debajo del tema. WPTouch Pro descargará el tema desde la nube y lo instalará. Una vez instalado un tema, puede hacer clic en el botón Activar para usarlo.

Personalización de su tema móvil en WPTouch Pro3

Una vez que haya seleccionado el tema para su sitio móvil, es posible que desee personalizarlo para satisfacer sus necesidades. Para ello, debe ir a WPTouch Pro » Theme Settings . Los temas móviles de WPTouch Pro son altamente personalizables. Puedes ajustar todos los aspectos de tu sitio móvil desde la pantalla de configuración del tema. Le guiaremos a través de las diferentes secciones de la Configuración del Tema.

En la pestaña superior del menú, puedes ver las diferentes áreas del tema que puedes personalizar. Empezará desde la pestaña General que contiene opciones para algunos ajustes básicos como el número de mensajes a mostrar en la página principal, habilitar el deslizador de categoría, habilitar el deslizador de mensajes destacados, etc. La configuración predeterminada debería funcionar para la mayoría de los sitios, pero puede realizar los cambios necesarios. También verá un icono de información junto a algunas opciones, si pasa el ratón por encima del icono le mostrará la ayuda contextual para esa opción.

Una vez que haya realizado los cambios en el tema, puede obtener una vista previa de los mismos haciendo clic en el botón Previsualizar tema en la parte inferior de la página. Cuando esté satisfecho con los cambios que ha realizado, debe hacer clic en el botón Guardar cambios para guardar la configuración del tema. También hay un botón de restablecimiento en caso de que desee volver a los ajustes predeterminados.

Después de configurar la Configuración general del tema móvil, cambie a la ficha Personalización . Aquí es donde puede subir su propio logotipo, fondo, fuentes personalizadas, iconos de medios sociales, etc. También puede cambiar los colores del tema para que se ajusten a su logotipo y a los colores de su marca.

Convertir su sitio en una aplicación Web móvil

WPTouch Pro le permite aprovechar al máximo las funciones de los dispositivos móviles convirtiendo su sitio en una aplicación web. Primero debe hacer clic en la pestaña Iconos de marcadores en la pantalla Configuración del tema. Deberá cargar dos iconos, uno para los dispositivos Android y otro para los dispositivos iOS (iPhone, iPod e iPad).

Después de eso, haz clic en la pestaña Modo Web-App en la configuración del tema. Simplemente marque la casilla para habilitar el modo web-app de iOS, y esto mostrará la configuración avanzada para el modo web-app. Puede utilizar la configuración predeterminada o puede cargar sus propias pantallas de inicio personalizadas.

Rentabilice su sitio móvil con WPTouch Pro

Los temas de WPTouch Pro también facilitan enormemente la visualización de anuncios en su sitio móvil. Tienes que ir a la pestaña Publicidad en la configuración del tema y elegir entre Google Adsense o el servicio de publicidad personalizada.

Para Google Adsense, tendrá que introducir su ID de editor de Google Adsense y el ID de la ranura que puede obtener de su cuenta de Google Adsense. A continuación, deberá elegir la ubicación en la que desea que se muestren los anuncios. Guarde sus cambios y su sitio móvil comenzará a mostrar anuncios.

Personalización de los menús de navegación para el sitio móvil en WPTouch Pro

WPTouch Pro utiliza la funcionalidad predeterminada del menú de WordPress, pero le permite modificar o elegir cómo desea mostrar el menú en su sitio móvil. Para configurar los menús, debe ir a WPTouch Pro » Menús . Primero tienes que elegir un menú. Puede elegir mostrar las páginas de WordPress en el menú, o elegir un menú existente.

En la ficha Configuración del menú, puede personalizar aún más el menú de WordPress. Puede 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. Puede instalar otros conjuntos de iconos haciendo clic en el botón Instalar junto a ellos o cargar sus propios conjuntos de iconos personalizados.

WPTouch es un gran plugin para convertir cualquier sitio web potenciado por WordPress en una aplicación web móvil completa. Con hermosos temas y poderosas opciones de personalización, puedes crear sitios móviles atractivos en cuestión de minutos sin tener que escribir ni una sola línea de código. Esperamos que este artículo le haya ayudado a crear un sitio para móviles con WP Touch Pro. Para comentarios y preguntas, puedes dejarnos un comentario a continuación o seguirnos en Twitter.

Deja un comentario