Cómo hacer que su WordPress sea compatible con dispositivos móviles con WPtouch Pro

Dependiendo de la demografía de su sitio, puede ser importante que tenga un sitio web optimizado para dispositivos móviles. Puede hacerlo utilizando un tema de WordPress receptivo que se adapta a diferentes tamaños de pantalla/dispositivos, o puede crear una versión de su sitio específica para dispositivos móviles si no desea cambiar el diseño de su sitio. En este artículo, le mostraremos cómo crear un sitio de WordPress compatible con dispositivos móviles con WPTouch Pro.

WPtouch Pro es un plugin.omercial de WordPress que puede transformar su sitio de 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 de pantalla de inicio de iOS y muchas otras formas de mejorar la experiencia del usuario móvil.

Una vez que haya comprado WPtouch Pro, recibirá una clave de licencia y el archivo de descarga para el plugin. Debe instalarlo en su blog (siga nuestra sencilla guía de instalación de plugin.) y luego activarlo desde su tablero.

Tras la activación, el plugin.ostrará una notificación que le recordará que ingrese su clave de licencia. Debe ingresar la clave de licencia para recibir actualizaciones de plugin., descargar temas y plugin.. Haga clic en ‘activa tu licencia’ enlace para introducir su clave de licencia.

Notificación de licencia

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

Ingrese el correo electrónico de su cuenta WPTouch y la clave de licencia

Tras la activación, el plugin.grega un elemento de menú WPTouch Pro en su barra de administración de WordPress. Para configurar el plug-in necesitas ir a WP Touch Pro » Configuración básica.

Configuración principal de WPTouch Pro

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 y la firma del sitio. Esto es especialmente útil si su sitio tiene un título extenso y una firma que no se adapta bien a las pantallas de los dispositivos móviles.

La siguiente opción en esta pantalla es 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 usando esta opción.

Él Mostrar La opción en la pantalla de configuración principal le permite deshabilitar manualmente el tema móvil sin desactivar el plugin. La configuración predeterminada es Normal que permite la visualización del tema móvil para todos los visitantes que acceden al sitio a través de un dispositivo móvil. Puedes cambiarlo a Avancepor lo que el tema móvil solo se muestra a los administradores del sitio cuando están conectados. También puede elegir Desactivado para apagar completamente la visualización del tema móvil.

Configuración adicional de WP Touch Pro

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 un código personalizado que aparecerá en el área de pie de página del tema. También puede 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 tiene un sitio de prueba 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 Tema de vista previa botón en la parte inferior de esta página. Una vez que esté satisfecho con el aspecto de su tema, puede hacer clic en Guardar cambios botón para guardar la configuración.

WP Touch Pro - Vista previa del tema móvil

Cambiar el 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 con todos los planes de licencia. Para instalar un tema simplemente haga clic en el Instalar botón debajo del tema. WPTouch Pro descargará el tema de la nube y lo instalará. Una vez que se instala un tema, puede hacer clic en el botón de activación para usar ese tema.

Cambiar temas móviles con WPTouch Pro

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 tienes que ir a WPTouch Pro » Configuración del tema. Los temas móviles de WPTouch Pro son altamente personalizables. Puede ajustar todos los aspectos de su sitio móvil desde la pantalla de configuración del tema. Lo guiaremos a través de diferentes secciones de la configuración del tema.

Pantalla de configuración de temas en WPTouch Pro 3

En la pestaña del menú superior, puede ver las diferentes áreas de su tema que puede personalizar. Empezarás desde el General pestaña que contiene opciones para algunas configuraciones básicas como la cantidad de publicaciones que se mostrarán en la página principal, habilitar el control deslizante de categoría, habilitar el control deslizante de publicaciones destacadas, etc. La configuración predeterminada debería funcionar para la mayoría de los sitios, pero puede realizar cambios según sea necesario. También notará un ícono de información junto a algunas opciones, al pasar el mouse sobre el ícono se le mostrará ayuda contextual para esa opción.

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

Obtenga una vista previa de la configuración de su tema móvil antes de guardar

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

Cambie los colores del tema y cargue un logotipo personalizado desde la pantalla de 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 al convertir 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 íconos, uno para dispositivos Android y otro para dispositivos iOS (iPhone, iPod y iPad).

Añadir iconos de marcadores para dispositivos móviles

Después de eso, haga clic en la pestaña Modo de aplicación web en la configuración del tema. Simplemente marque 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. Puede usar la configuración predeterminada o puede cargar sus propias pantallas de inicio personalizadas.

Activar el modo de aplicación web para dispositivos iOS

Monetice su sitio móvil con WPTouch Pro

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

Mostrar publicidad en su sitio móvil

Para Google Adsense, deberá ingresar su ID de editor de Google Adsense y la ID de espacio que puede obtener de su cuenta de Google Adsense. Después de eso, debe elegir la ubicación donde desea que se muestren los anuncios. Guarde sus cambios y su 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 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 optar por mostrar las páginas de WordPress en el menú o elegir un menú existente.

Elija un menú para su sitio móvil

En la pestaña Configuración del menú, puede personalizar aún más su menú de WordPress. Puede asociar iconos con cada elemento del menú simplemente arrastrando un icono a un elemento del menú.

Por defecto, WPTouch Pro viene con un conjunto de íconos elegantes 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.

Elija e instale un conjunto de iconos o cargue el suyo propio

WPTouch es un excelente plugin.ara convertir cualquier sitio web con WordPress en una aplicación web móvil completa. Con hermosos temas y poderosas opciones de personalización, puede crear excelentes sitios móviles en cuestión de minutos sin escribir una sola línea de código. Esperamos que este artículo lo haya ayudado a crear un sitio optimizado para dispositivos móviles con WP Touch Pro. Para comentarios y preguntas, puede dejarnos un comentario a continuación o seguirnos en Gorjeo.

Deja un comentario