Como convertir su sitio de WordPress en una aplicacion paso

Cómo convertir su sitio de WordPress en una aplicación, paso a paso – Calendae

Hola, un placer verte por aquí. Soy Samuel López y esta vez hablaremos sobre Cómo convertir su sitio de WordPress en una aplicación, paso a paso – Calendae

Cómo convertir su sitio de WordPress en una aplicación, paso a paso

¿Por qué crear una aplicación en primer lugar, te escucho preguntar? Es posible que las aplicaciones ya no sean muy útiles para el marketing, pero son lo suficientemente convenientes para sus clientes, lo que les brinda más opciones sobre cómo interactuar con su sitio. Con el aumento continuo de Internet móvil (ahora más personas acceden a Internet a través de aplicaciones móviles que de escritorio), las aplicaciones están floreciendo, ya que la mayoría no son tan engorrosas o problemáticas como los navegadores web móviles.

El costo y la frustración que implica construir uno también han disminuido. En el pasado, muchas empresas estaban interesadas en aplicaciones, pero la mayoría no podía crearlas. Fue demasiado difícil. O caro (la mayoría de los desarrolladores cobran hasta $ 100 por hora)

Pero afortunadamente ahora las cosas son diferentes. Ya no necesita mucho dinero o conocimientos de programación para crear una aplicación competente. Y aún mejor: tienes opciones. Hoy veremos:

  • Asegúrese de que su sitio de WordPress sea compatible con dispositivos móviles
  • Cree (y codifique) su aplicación con PhoneGap
  • Use un complemento de WordPress para crear su aplicación (que es la forma más fácil)

Una nota sobre los creadores de aplicaciones gratuitas

En los últimos años, ha habido toneladas de opciones «gratuitas» para crear una aplicación, pero una de las más confiables es PhoneGap Build de Adobe. A medida que su sitio se anuncia, simplemente cargue sus archivos HTML5, CSS y JavaScript y el sitio hará el trabajo de ensamblarlos en una aplicación descargable al instante. Lo mejor de todo es que puede construir tres al mismo tiempo para Android, Windows Phone 8 e iOS, lo que le permite ahorrar mucho tiempo.

El resultado no será nada excepcional. De hecho, todo lo que hace este método es disfrazar su página de inicio como una aplicación. Cuando el espectador toca el icono, simplemente se le llevará al mismo sitio web móvil que vería si tuviera que acceder a él a través del navegador de su teléfono. Entonces, para que este método sea efectivo, necesita tener un sitio existente optimizado para la visualización móvil.

1. Asegúrese de que su sitio de WordPress tenga una versión móvil

Si su sitio de WordPress no es compatible con dispositivos móviles, realmente no tiene sentido. ¡Optimícelo! Por supuesto, es más fácil usar un tema de WordPress móvil receptivo como Total. Pero si su tema no responde, hay muchos complementos que pueden ayudarlo.

iThemes Mobile

Información y descargas –

iThemes Mobile le permitirá crear temas móviles simples pero efectivos basados ​​en el diseño de su sitio actual. El panel de administración le permite personalizar la mayoría de los aspectos de su apariencia sin tener que cambiar el código.

Cualquier cambiador de tema móvil

Información y descargas – Ver Demo

Any Mobile Theme Switcher es un complemento básico que detectará el dispositivo utilizado por el espectador y mostrará un tema específico para ese dispositivo. Entonces, si desea equilibrar varios temas, uno para cada sistema operativo móvil, puede hacerlo de esta manera.

Paquete móvil de WordPress

Información y descargas – Ver Demo

Por último, está el WordPress Mobile Pack, que ofrece una serie de aplicaciones web móviles multiplataforma, interfaz de usuario y opciones de tema, y ​​una fácil integración con Google Analytics.

2. Use PhoneGap Build para crear una aplicación

Si eres un experto en tecnología y quieres tener en tus manos, puedes usar Adobe PhoneGap para crear una aplicación para tu sitio web de WordPress. Adobe tiene una guía completa paso a paso en sus documentos, pero aquí hay un vistazo rápido a los pasos que deberá seguir.

Paso 1: preparación

Antes de comenzar, asegúrese de tener a mano una forma de probar su aplicación. Puede utilizar las herramientas de desarrollo del navegador para imitar las vistas del dispositivo móvil o probar un servicio como Prueba de CrossBrowser. Pero si puedes manejarlo, realmente es mejor tener un dispositivo iOS y un dispositivo Android a mano.

A continuación, necesitará instalar Adobe PhoneGap Build en tu ordenador. Haga clic para descargar la versión para Mac o PC y siga las instrucciones en pantalla. Adobe también sugiere instalar un Aplicación para desarrolladores PhoneGap para que pueda probar inmediatamente su aplicación mientras la crea.

Paso 2: crea tu aplicación

Luego use el programa PhoneGap para crea tu aplicación. Nota: PhoneGap se basa en Cordova, por lo que deberá comprenderlo para codificar su aplicación.

Para comenzar, elija entre un ejemplo predefinido «Hello World», Framework7, Notificación Push, React Hot Loader o Plantilla en blanco. Luego, deberá elegir dónde trabajar en su proyecto en su disco duro local y proporcionar un nombre y una identificación. Al finalizar, PhoneGap proporcionará una dirección de servidor que puede usar para ver su aplicación.

Para darle un vistazo, su directorio raíz necesitará archivos clave para que PhoneGap realmente cree su aplicación. En particular, las carpetas index.html (como mínimo), config.xml y subdirectorios (este último es específico del sistema operativo).

Aquí hay un ejemplo directamente de la aplicación PhoneGap estructura del proyecto página:

También necesitará crear sus propios iconos. Por supuesto, puede manejarlo usted mismo o utilizar una herramienta Online gratuita. IconosFlujo es una gran herramienta que le ayuda a crear rápidamente iconos de aplicaciones profesionales utilizando imágenes preestablecidas, opciones de color, degradados, etc. Simplemente diseñe su icono, cree una cuenta gratuita y descargue sus archivos. Si ya tiene un icono pero necesita cambiar su tamaño para todos los dispositivos y sistemas operativos, Aplicación Icon Maker puede hacer precisamente eso. Pero si realiza una búsqueda rápida en Google, encontrará que hay muchos otros sitios web, servicios y aplicaciones para elegir para crear su icono.

Paso 3: prueba tu aplicación

Con su aplicación lista y lista para usar, puede probarla usando la aplicación PhoneGap Developer previamente instalada. Asegúrese de utilizar la dirección del servidor proporcionada. Desde allí, puede ver su aplicación en su dispositivo móvil, solucionar cualquier problema, agregar correcciones, recargar y reconstruir hasta que sea perfecto.

Una nota importante: PhoneGap Builder solo puede funcionar con iOS si te registraste en el programa para desarrolladores de iOS (que costaba $ 99 al año cuando se escribió este artículo) y proporcionaste tus certificados. Con el software del programa, puede crear la aplicación usted mismo. Pero la razón por la que sugerimos PhoneGap es que puede ahorrar tiempo ejecutando los tres al mismo tiempo, eliminando la necesidad de hacerlo por separado. Así que sí, estás pagando por una tonelada de servicios que quizás no termines usando, pero si quieres tu aplicación en cualquier iProduct, casi te tienen un barril aquí.

3. Utilice creadores de aplicaciones alternativos para WordPress

Además de las herramientas de iOS, hay muchas otras aplicaciones y servicios de creación de complementos que puede utilizar. Son mucho más fáciles que crear una aplicación tú mismo. Algunos de ellos incluso crearán (al menos) una aplicación de Android sin costo alguno. Aunque definitivamente debería consultar el sitio principal del desarrollador para estar seguro.

AppMySite

Información y descargas – Ver Demo

Cree una aplicación para su sitio web con AppMySite. Este complemento y servicio fácil de usar hace que sea fácil convertir su sitio de WordPress (o incluso la tienda WooCommerce) en una aplicación en solo unos pocos pasos. Primero, descargue el complemento y registre su cuenta. Así que ponte manos a la obra para personalizar tu aplicación: hay muchos diseños y funciones integrados para elegir. Cuando haya terminado, simplemente envíe para publicar su aplicación (compatible con Android e iOS). Además, AppMySite se sincroniza con su sitio web en tiempo real, para mantener su aplicación actualizada con las nuevas publicaciones o productos que publique.

Otras características incluyen soporte en varios idiomas, carrito de compras e integración de pago, notificaciones push, integración de redes sociales y análisis que puede usar para monitorear el rendimiento de la aplicación.

AppPresser

Información y descargas – Ver Demo

AppPresser es el marco de aplicación móvil más grande, más popular y posiblemente el primer para WordPress. Ofrece una integración completa: donde la mayoría de los creadores de aplicaciones solo usan un feed de su sitio de WordPress, AppPresser le permite usar todos sus complementos, publicaciones y páginas. Además, actualice automáticamente la aplicación tan pronto como realice cambios en su sitio. También ofrece soporte completo para el comercio electrónico.

Aplicación WPMobile

Información y descargas – Ver Demo

La aplicación WPMobile le permite crear aplicaciones para Android e iOS para su sitio. Si bien el complemento básico es gratuito, debe pagar una licencia de por vida para crear su aplicación (desde $ 79 para un formato de aplicación o $ 149 para ambos). Con la aplicación WPMobile, tendrá opciones de personalización, pruebas en vivo gratuitas, actualizaciones automáticas de la aplicación, soporte de notificaciones push, integración social y soporte premium (una característica de bienvenida si se queda atascado).

MobiLoud

Información y descargas – Ver Demo

Si bien es más caro (a partir de $ 120 / mes), MobiLoud maneja prácticamente todo por usted (incluido el envío de su aplicación a la App Store y Google Play), lo que hace que el precio sea bastante razonable. Con MobiLoud, su aplicación definitiva ofrece compatibilidad entre dispositivos, fácil intercambio social, monetización (a través de anuncios o suscripciones), notificaciones automáticas y más. Y cuando el servicio está asociado con su complemento (vinculado arriba), puede administrar su aplicación y notificaciones push de WordPress.

Finalmente, hay muchas personas a las que puedes pagar para que lo hagan por ti. Sin embargo, con tantas formas fáciles y económicas de hacer bricolaje, realmente no es necesario seguir ese camino para una aplicación básica.

Hay muchas formas de crear una aplicación, y aunque parece intimidante a primera vista, los métodos anteriores lo hacen increíblemente simple. Para empezar, asegúrese de tener un buen sitio web móvil, ¿de acuerdo? Ahora déjame tenerlo. ¿Hice algo mal aquí? ¿Existen otros métodos que deba conocer? ¡No dude en dejar sus comentarios a continuación!

Recuerda compartir en una historia de tu Instagram para que tus colegas lo disfruten

👇👇👇 😘 💪 👇👇👇