11 formas de crear un sitio WordPress compatible con dispositivos móviles

Dependiendo de la demografía de su sitio, puede ser importante que tenga un sitio web optimizado para dispositivos móviles. Puede hacer esto utilizando un tema de WordPress receptivo 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 de teléfonos inteligentes modernos. Es rápido, tiene soporte de internacionalización completo, 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 del 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 recuerda que ingrese su clave de licencia. Debe ingresar la clave de licencia para recibir actualizaciones de complementos, descargar temas y complementos. Haga clic en ‘active su licencia’ enlace para ingresar 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 utilizó para comprar el complemento) y la clave de licencia de su producto, luego haga clic en el botón activar. WPTouch ahora verificará su clave de licencia y mostrará un mensaje de éxito.

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

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

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 particularmente útil si su sitio tiene un título extenso y una firma que no encaja bien en 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 la instalación de WordPress, sin embargo, también puede seleccionar el idioma manualmente usando esta opción.

los Monitor La opción en la pantalla de configuración principal le permite deshabilitar 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 que el tema móvil solo se muestra a los administradores del sitio cuando inician sesión. También puede elegir Discapacitado para desactivar 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 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 el Vista previa del tema 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 para guardar la configuración.

WP Touch Pro: vista previa del tema móvil

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 con todos los planes de licencia. Para instalar un tema, simplemente haga clic en el Instalar en pc 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.

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 hacer eso necesitas 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 Configuración del tema.

Pantalla de configuración del tema 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á la 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 Vista previa del tema en la parte inferior de la página. Cuando esté satisfecho con los cambios que ha realizado, debe hacer clic en Guardar cambios para guardar la configuración del 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 al 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

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

WPTouch Pro le permite aprovechar al máximo las funciones del dispositivo móvil 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ía cargar dos íconos, uno para dispositivos Android y otro para dispositivos iOS (iPhone, iPod y iPad).

Agregar 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 utilizar 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 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 personalizada.

Visualización de publicidad en su sitio móvil

Para Google Adsense, deberá ingresar su ID de editor de Google Adsense y el 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. 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 debes elegir un menú. Puede elegir 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 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.

Elija e instale un conjunto de iconos o cargue el suyo

WPTouch es un gran complemento para 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 sitios móviles de excelente apariencia en minutos sin escribir una sola línea de código. Esperamos que este artículo le 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 Twitter.

Publicaciones relacionadas

Botón volver arriba