Creación de una aplicación móvil para su sitio de WordPress: una guía de bricolaje

Probablemente haya pensado en lo bueno que sería crear una aplicación móvil para su sitio de WordPress. La ventaja de tener ese ícono en una pantalla inicial, un solo toque para la participación, tal vez solo felicitaciones por decir “Por supuesto que tenemos una aplicación”. Pero revisó las opciones y es demasiado complicado o demasiado caro, por lo que el pensamiento fue arrojado sin corazón en la canasta “demasiado dura”. Bueno, él corre en esa canasta y recupera ese pensamiento, porque aquí hay un enfoque de bricolaje que le permitirá, a un pequeño costo, crear esa aplicación básica.

PhoneGap Build ofrece una forma simple y rentable de llevar su sitio de WordPress a una aplicación móvil que las razones para crear una aplicación móvil han cambiado a medida que ha explotado el gran volumen de aplicaciones de diferentes tiendas de aplicaciones. Los momentos en que puede usar una App Store como una forma de marketing, porque las posibilidades de su aplicación están disminuyendo cada vez más.
Hoy, se trata de dar a sus lectores la oportunidad de elegir: dejarles decidir cómo y dónde interactúan con su contenido. Y, por supuesto, con el aumento continuo en el acceso a Internet a través de dispositivos móviles (en los Estados Unidos, en enero de 2014, el acceso a través de aplicaciones móviles ha superado el acceso al escritorio y fue mucho más popular que la navegación móvil), tener un mueble de aplicación se está volviendo más y más popular. La verdadera noticia es que el tiempo que necesitaban un desarrollador básico, un conocimiento Java o C y una gran reserva de efectivo para construir una aplicación.
Puede crear una aplicación utilizando herramientas gratuitas disponibles y puede obtenerla de forma gratuita en un dispositivo Android; En iOS, Apple es Apple significa que debe inyectarse en el proceso en algún lugar, por lo que tendrá que gastar al menos $ 99/año para unirse al programa de desarrolladores de iOS, para que pueda crear y distribuir la aplicación (directamente o a través de App Store ). Permítame decirle algo más claro: se trata de crear una aplicación móvil para poner su contenido de WordPress en manos de los dispositivos móviles de los lectores. No se trata de crear aplicaciones “correctas” utilizando WordPress como marco de aplicación. Cómo funciona
PGB hace que la creación de aplicaciones más eficientes Esta solución se basa en la creación de la aplicación móvil más simple posible, utilizando el servicio PhoneGap Build (PGB), que de hecho está en el apogeo de su reclamo: eliminar el dolor para desarrollar aplicaciones móviles. El único propósito de la aplicación es iniciar el navegador INAPP del dispositivo y dirigirlo a la página inicial de su sitio casi como si su lector usaría un navegador web móvil. La belleza de este enfoque es que todo se controla efectivamente en WordPress y el uso de herramientas, técnicas y tecnologías con las que ya está familiarizado. Si desea cambiar la apariencia, se trata de actualizar el tema de WordPress, no necesita lanzar una actualización de la aplicación en sí.

La solución es, por lo tanto, el 1% de aplicación, 99% de WordPress, lo que significa que necesita, debe tener cuidado con lo que ofrece su sitio de WordPress. Incluso es probable que el más receptivo de los temas no cumpla con las expectativas de que, con las aplicaciones móviles, es mucho más alta que con la web móvil. Debe asegurarse de optimizar la experiencia móvil, lo que significa pensar en el tema, el contenido, los menús y la interacción. Esta publicación se centrará en construir la aplicación y la configuración de WordPress, por lo que primero le recomendaría a echar un vistazo a los siguientes dos artículos para asegurarse de estar en el camino correcto: 6 pasos para optimizar los dispositivos móviles de su sitio de WordPress
Cómo crear un tema móvil de WordPress y por qué debería
Obtenga primero el WordPress correcto: simplemente puede probar esto navegando en un dispositivo móvil o usando un simulador, antes de crear la aplicación. Y, siempre recuerde que eliminar una aplicación en una pantalla de inicio es más fácil que poner allí, en primer lugar. 4 pasos para una aplicación móvil para ver cómo crear la aplicación. Debido a que Android es más fácil y no requiere registro para los programas, nos centraremos en ese sistema operativo, pero tenga en cuenta que el proceso para cualquier sistema operativo es casi el mismo.
Para esta publicación, creé una aplicación para un antiguo podcast que produje y coanfaté, un juego de dos mitades, porque tenía mucho contenido público. Puede descargar .APK desde la página pública de la aplicación PhoneGap Build. Antes de comenzar, mientras que las aplicaciones web son fáciles de probar con emuladores, las aplicaciones móviles son mucho más fáciles de probar en un dispositivo real. Como se mencionó anteriormente, Android es el sistema de prueba más fácil que se puede probar, por lo que si no tiene un dispositivo Android, use esto como una excusa para tomar uno o usar un dispositivo antiguo que aprieta el polvo en algún lugar. Si nunca ha usado PGB antes , tendrá que crear una cuenta. PGB tiene un plan gratuito que permite una sola aplicación privada (que puede crear cargando un archivo zip) o aplicaciones de código abierto ilimitadas (que deben extraerse de un almacén público de GitHub). Si comienza con PGB, le recomiendo que lo use con GitHub, porque el proceso de actualización y reconstrucción de su aplicación es mucho más fácil. También significa que puede usar sus credenciales de GitHub para iniciar sesión en PGB. Paso 1. Crear archivos de aplicación PGB
¡La mayoría de los archivos para esta aplicación son logotipos y pantallas de salpicaduras! La estructura es muy simple, con un director raíz que contiene un índice.html, el importante config.xml, algunos archivos de formato PNG predeterminado y un director de res contiene iconos específicos para las pantallas iniciales y las páginas iniciales.
Paso 2. Cree los iconos de la aplicación Los iconos de la aplicación son importantes: son lo que utilizará la aplicación al agregar un icono en la pantalla de inicio del dispositivo y lo que usará como pantalla de entrada cuando la aplicación esté abierta. Para generar los iconos, use Un servicio, como el icono de la aplicación o el icono Crear aplicación. Tienden a usar los mismos nombres de archivo, por lo que debe ser cuestión de cargar el diseño del icono bruto (formato PNG, 1024 × 1024 para ambos servicios), para que el servicio se ejecute y luego descargue las imágenes apropiadas en la carpeta correcta .
Paso 3. Configuración de la aplicación Toda la configuración está contenida en el archivo config.xml. Para su propia aplicación, debe cambiar lo siguiente:

Widget @id-convención es revertir el nombre de dominio de su sitio y agregar un sufijo .App
Nombre: el título de su sitio

Descripción-una breve descripción de su sitio
Autor (@email, @href) – sus datos
Contenido @src-cambio esto en la página inicial de su sitio
Access @Origin: esto determina qué sitios web pueden navegar por la aplicación. Los dos extremos son ingresar a su nombre de dominio y, por lo tanto, restringir la aplicación solo al navegar por su sitio o usar “*” y permitir cualquier sitio web
Hay una serie de elementos de brecha: complemento en este archivo de configuración, la mayoría de los cuales no necesita. Sin embargo, vale la pena construir la aplicación con estos complementos, ya que esto le permitirá aprovechar funciones como la geolocalización en la pista sin tener que reconstruir y, por lo tanto, actualizar la aplicación.
También notará que hay varios iconos y elementos de brecha: salpique que la aplicación utilizará para la pantalla de inicio del dispositivo y para la página de introducción de la aplicación. Si ha movido los iconos generados en las carpetas correctas, entonces debe descubrir que no hay nada que cambiar aquí. ¡Tenga en cuenta, sin embargo, que los nombres son sensibles al mayúscula y en minúsculas! Paso 4. Inicie el proceso de construcción PGB Acceda al sitio web de PGB e inicie sesión. Se le presentará la pantalla de aplicaciones, que estará vacía, por supuesto. La compilación de phinegap es mucho más fácil cuando se usa con GitHub, suponiendo que haya conectado con su cuenta GitHub y que creará una aplicación de código abierto. Todos sus almacenes públicos de GitHub estarán disponibles en “Buscar el almacén existente”, así que haga clic en la flecha, seleccione su almacén y haga clic en Extraer del almacén de GitHub. PGB extraerá su almacén y luego le mostrará una pantalla con los detalles de la aplicación
Una vez que el PGB ha extraído los archivos del GitHub, está listo para construir, haga clic listo para construir. La página ahora está cambiando para darle progreso sobre cómo va la construcción. Por defecto, PGB está tratando de crear una aplicación para iOS, Android y Windows 8. Red significa que la construcción ha fallado, mientras que Blue indica una construcción exitosa.
PGB intentará crear para Android, iOS y Windows. El azul es el éxito. iOS siempre fallará, a menos que haya proporcionado a PGB los certificados de desarrolladores de iOS, que requiere adhesión al programa de desarrolladores de iOS que mencionamos anteriormente. Sin embargo, ¡esperamos que la versión de Android haya tenido éxito y esté listo para probar! Puede descargar .APK haciendo clic en el icono de Android. De lo contrario, y quizás una forma más fácil de obtener .APK en un dispositivo Android es navegar por la aplicación de la aplicación en un dispositivo Android (hay un código QR para ayudarlo) y presionar el enlace de Android. Esto se descargará. APK al dispositivo, por lo que es solo cuestión de omitir y tocar el archivo para instalar la aplicación. Otra alternativa es acceder al sitio web de PGB en un dispositivo Android. Independientemente del método que haya utilizado, ahora debe encontrar el icono en su pantalla de inicio (si el icono no es lo que espera, entonces es probable que tenga la URL incorrecta en config.xml). Toque el icono y la aplicación se abrirá y será recibido con la pantalla de apertura y luego con la página principal de su sitio (dependiendo de las especificaciones de su dispositivo, puede haber ligeros retrasos en la transición de la pantalla de introducción del sitio). ¡Felicidades, creaste la primera aplicación! Qué bueno es, dependerá completamente de cómo haya configurado su sitio de WordPress, pero la ventaja ahora es que tiene que trabajar en WordPress solo para hacer mejoras. Si por alguna razón, como una URL de imagen incorrecta, debe reconstruir la aplicación, entonces:
Actualice los archivos de su página de aplicación GitHubacCece en PGB y haga clic en Código de actualización de actualización: esto extraerá archivos de su almacén de GitHub
PGB debe iniciar automáticamente el proceso de reconstrucción: si no hace clic en reconstruir todo

Barest of Bones es el tipo más simple de aplicación móvil, lo que significa naturalmente que habrá un extraño “si fuera …”. o dos. El componente principal que falta son las notificaciones, que son molestas, porque pueden ser increíblemente útiles. Aunque es completamente posible agregarlos a una aplicación PGB (AppPress lo ha hecho a través del servicio Pushwoosh, pero tendrá que comprar el plan inicial de $ 199), esto está más allá de esta publicación. De hecho, si desea aprovechar más las capacidades de su dispositivo móvil, vale la pena echarle un vistazo más de cerca a la Appress. Pero si solo desea dar a sus lectores la oportunidad de elegir, dándoles una aplicación móvil, entonces este proceso hace su trabajo. ¡Es bastante simple para nosotros, WordPress implementa!

¿Alguna vez ha creado una aplicación móvil para su sitio de WordPress? ¡Dinos en los comentarios!

Etiquetas:
móvil