Haciendo que su WordPress sea compatible con WPtouch Pro

Dependiendo de la demografía de su sitio, puede ser importante para usted tener un sitio web compatible con dispositivos móviles. Puede hacerlo usando un tema de WordPress que se adapte a diferentes tamaños de pantalla / dispositivos, o puede crear una versión específica para dispositivos móviles de su sitio 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 complemento comercial de WordPress que puede transformar su sitio de WordPress en una experiencia móvil nativa para los navegadores modernos de teléfonos inteligentes. Es rápido, tiene total compatibilidad con la 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 haya comprado WPtouch Pro, recibirá una clave de licencia y el archivo de descarga para el complemento. Debe instalarlo en su blog (siga nuestra sencilla guía de instalación de complementos) y luego activarlo desde su panel de control.

Tras la activación, el complemento mostrará una notificación que le recordará que ingrese su clave de licencia. Debe ingresar la clave de licencia para recibir actualizaciones de complementos, descargar temas y complementos. Haga clic en 'activa tu licencia' enlace para ingresar su clave de licencia.

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

Tras la activación, el complemento agrega un elemento del menú WPTouch Pro en la barra de administración de WordPress. Para configurar el plugin debes ir a WP Touch Pro »Configuración del núcleo.

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 el nombre del sitio. Esto es particularmente útil si su sitio tiene un título y una línea 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 su sitio desde su instalación de WordPress, sin embargo, también puede seleccionar manualmente el idioma con esta opción.

los Monitor La opción en la pantalla de configuración del núcleo le permite desactivar manualmente el tema móvil sin desactivar el complemento. La configuración predeterminada es Normal que permite la visualización de temas móviles para todos los visitantes que acceden al sitio a través de un dispositivo móvil. Puedes cambiarlo a Avance, por lo tanto, el tema móvil solo se muestra a los administradores del sitio cuando están conectados. También puede elegir Discapacitado 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 del 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 Vista previa del tema 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 su configuración.

Cambiando 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 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 activar para usar ese tema.

Personalizando tu 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 eso necesitas ir a WPTouch Pro »Ajustes de 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. Le guiaremos a través de diferentes secciones de Configuración de temas.

En la pestaña del menú superior, puede ver las diferentes áreas de su tema que puede personalizar. Comenzará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ías, 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 mostrará la ayuda contextual para esa opción..

Una vez que haya realizado los cambios en su tema, puede previsualizar esos cambios haciendo clic en el botón Vista previa del tema 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.

Después de configurar los ajustes generales para su tema móvil, cambie a la Marca lengüeta. Aquí es donde puede cargar su propio logotipo, fondo, fuentes personalizadas, iconos de redes sociales, etc. También puede cambiar los colores del tema para que se ajusten a su logotipo y los colores de su marca..

Convirtiendo 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 marcador en la pantalla Configuración de tema. Necesitará cargar dos iconos, uno para dispositivos Android y otro para dispositivos iOS (iPhone, iPod y iPad).

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á las configuraciones avanzadas para el modo de aplicación web. Puede usar la configuración predeterminada o puede cargar sus 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 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.

Para Google Adsense, deberá ingresar su ID de editor de Google Adsense y la ID de ranura 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. Guarda tus cambios y tu 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 de menú de WordPress predeterminada, pero le permite modificar o elegir cómo desea visualizar el menú en su sitio móvil. Para configurar los menús, debes ir a WPTouch Pro »Menús. Primero debes elegir un menú. Puede elegir mostrar las páginas de WordPress en el menú, o elegir un menú existente.

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 elegante conjunto de iconos diseñado por Elegant Themes. Puede instalar otros conjuntos de iconos haciendo clic en el botón Instalar al lado de ellos o cargando sus propios conjuntos de iconos personalizados.

WPTouch es un excelente complemento para convertir cualquier sitio web potenciado por WordPress en una aplicación web móvil de pleno derecho. Con hermosos temas y poderosas opciones de personalización, puede crear sitios móviles de excelente apariencia en cuestión de 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, puede dejarnos un comentario a continuación o seguirnos en Twitter.