Com convertir el vostre lloc de WordPress en una aplicació, pas a pas

WordPress per a mòbils

Per què fer una aplicació en primer lloc, sento que us pregunta? Pot ser que les aplicacions no siguin de gran utilitat per al màrqueting, però són prou convenients per als vostres clients, oferint-los més opcions sobre com interactuen amb el vostre lloc. Amb l’augment continuat d’internet mòbil (ara hi ha més gent que accedeix a Internet a través d’aplicacions mòbils que d’escriptoris), les aplicacions estan en flor, ja que la majoria no són tan desagradables ni problemàtiques com els navegadors web mòbils..


El cost i la frustració que suposa la construcció d’un també s’han reduït molt. Antigament, moltes empreses estaven interessades en les aplicacions, però la majoria no van poder construir-les. Simplement era massa difícil. O és costós (la majoria de serveis cobren més de 100 dòlars per hora)

Però, per sort, ara les coses són diferents. Ja no necessiteu molts diners ni coneixements de codificació per crear una aplicació competent. I encara millor: tens opcions. Avui veurem:

  • Assegureu-vos que el vostre lloc de WordPress tingui una resposta mòbil
  • Construir (i codificar) la seva pròpia aplicació amb PhoneGap
  • Utilitzeu un complement de WordPress per crear la vostra aplicació (també la manera més fàcil)

Una nota sobre constructors d’aplicacions gratuïtes

Durant els darrers anys, han aparegut un munt d’opcions “gratuïtes” per crear una aplicació, però una de les més fiables és Build PhoneGap d’Adobe. A mesura que el seu lloc fa publicitat, simplement carregueu els vostres fitxers HTML5, CSS i JavaScript i el lloc farà el treball de muntar-los en una aplicació que es pugui descarregar immediatament. El millor de tot és que es pot crear tres simultàniament per a Android, Windows Phone 8 i iOS, estalviant molt de temps.

El resultat no serà gens fantàstic. De fet, tot aquest mètode realment fa és dissimular la vostra pàgina d’inici en forma d’aplicació. Quan el visitant toca la icona, només seran dirigits al mateix lloc web mòbil on veuran si accedirien a través del navegador del telèfon. Per tant, per tal que aquest mètode sigui eficaç, heu de tenir un lloc existent optimitzat per a la visualització mòbil.

1. Assegureu-vos que el vostre lloc WordPress tingui una versió mòbil

Si el vostre lloc de WordPress no està optimitzat per a dispositius mòbils, no hi ha cap sentit en això. Així que optimitzeu-lo Per descomptat, és més senzill utilitzar un tema de WordPress amb resposta mòbil com el Total. Però si el vostre tema no respon, hi ha molts plugins que us poden ajudar.

iThemes mòbil

iThemes mòbil

Informació i descàrrega

iThemes Mobile us permetrà crear temes mòbils senzills, però eficaços, basats en el vostre disseny del lloc actual. El tauler d’administració us permet personalitzar la majoria d’aspectes de la seva aparença sense haver de confondre el codi.

Qualsevol commutador de temes mòbils

Qualsevol commutador de temes mòbils

Qualsevol commutador de temes mòbils és un complement bàsic que detectarà el dispositiu que està utilitzant el vostre espectador i mostrarà un tema específic per a aquest dispositiu. Així que si voleu equilibrar diversos temes (un per a cada sistema operatiu mòbil), podeu fer-ho així.

Paquet mòbil WordPress

Plugin de WordPress Mobile Pack

Finalment, hi ha el WordPress Mobile Pack, que ofereix una sèrie d’aplicacions web mòbils multiplataforma, opcions d’interfície d’interès i opcions de selecció i una fàcil integració amb Google Analytics.

2. Utilitzeu PhoneGap Build per crear una aplicació

Adobe PhoneGap Build

Si sou coneixedors de tecnologia i voleu posar-vos en pràctica, podeu utilitzar Adobe PhoneGap per crear de manera realitzada una aplicació per al vostre lloc web de WordPress. Adobe té una guia pas a pas completa als seus documents, però aquí hi ha una ullada ràpida als passos que haureu de seguir.

Pas 1: Preparació

Abans de començar, assegureu-vos que teniu la manera de provar l’aplicació a mà. Podeu utilitzar eines de desenvolupament del navegador per imitar vistes de dispositius mòbils o provar un servei com Prova de CrossBrowser. Però si es pot gestionar realment és millor tenir un iOS i un dispositiu Android a mà.

A continuació, hauràs de fer-ho instal·leu Adobe PhoneGap Build al vostre ordinador Feu clic per descarregar la versió de Mac o PC i seguiu les indicacions que apareixen a la pantalla. Adobe també suggereix instal·lar un servei gratuït Aplicació per a desenvolupadors de PhoneGap de manera que podeu provar l’aplicació de forma instantània a mesura que creeu.

Pas 2: crea l’aplicació

A continuació, utilitzeu el programa PhoneGap per crear la seva aplicació. Tingueu en compte que PhoneGap es basa en Còrdova, per la qual cosa caldrà que ho enteneu per codificar la vostra aplicació.

Trieu entre els exemples predeterminats de “Hello World”, Framework7, Notificació Push, Reactiva el carregador en calent o la plantilla en blanc. Aleshores, haureu de triar on treballareu el vostre projecte al disc dur local i heu de proporcionar un nom i un ID. Quan hagueu acabat, PhoneGap us proporcionarà una adreça del servidor que podeu utilitzar per visualitzar la vostra aplicació.

Per fer-hi un cop d’ull, el vostre directori arrel necessitarà fitxers clau per a PhoneGap per a crear la vostra aplicació. En concret, les vostres carpetes index.html (com a mínim), config.xml i subdirector (la darrera és específica del sistema operatiu).

Aquí teniu un exemple directament a l’aplicació PhoneGap estructura del projecte pàgina:

Estructura del projecte d'aplicació PhoneGap\

També haureu de crear les vostres pròpies icones. Per descomptat, podeu fer-ho bé o utilitzar una eina en línia gratuïta. IconesFlow és una gran eina per ajudar-vos a crear ràpids icones d’aplicacions professionals mitjançant imatges predefinides, opcions de colors, degradats, etc. Només heu de dissenyar la icona, crear un compte gratuït i descarregar els vostres fitxers. Si ja teniu una icona, però necessiteu la mida de la mida per a tots els dispositius i sistemes operatius, gratuïta App Icon Maker només pot fer això Però si feu una cerca ràpida a Google, trobareu que hi ha molts altres llocs web, serveis i aplicacions per triar per crear la vostra icona.

Pas 3: Prova de la seva aplicació

Amb l’aplicació feta i preparada per començar, podeu provar-la mitjançant l’aplicació per a desenvolupadors de PhoneGap instal·lada anteriorment. Assegureu-vos d’utilitzar l’adreça del servidor que us va proporcionar. Des d’allà, podeu veure la vostra aplicació al dispositiu mòbil, solucionar qualsevol problema, afegir solucions, tornar a carregar i reconstruir fins que quedi perfecte.

Una nota important: PhoneGap Builder només pot funcionar amb iOS si us heu adherit al programa iOS Developer (que tenia un preu de 99 dòlars / any quan es va escriure aquest article) i heu proporcionat els certificats. Amb el programari del programa, realment podeu crear l’aplicació tu mateix. Però la raó per la qual estem suggerint PhoneGap és que podeu estalviar temps fent tres a la vegada, negant la necessitat de fer-ne una de manera separada. Així que sí, pagueu un munt de serveis que potser no utilitzeu, però si voleu que la vostra aplicació tingui algun iProducts, us han passat per sobre d’un barril..

3. Utilitzeu Builders d’aplicacions alternatius per a WordPress

A més de les eines d’iOS, hi ha molts altres serveis i plugins per a la creació d’aplicacions. Aquests són molt més fàcils que crear una aplicació tu mateix. Alguns d’ells també crearan (com a mínim) una aplicació per a Android sense cap cost. Tot i que, segurament, heu de comprovar el lloc principal del desenvolupador per estar segur.

AppPresser

AppPresser

AppPresser és la més gran, la més popular i suposadament la primera aplicació mòbil Framework per WordPress. Ofereix una integració completa: on la majoria dels constructors d’aplicacions només utilitzen un feed del vostre lloc de WordPress, AppPresser us permet utilitzar tots els vostres complements, publicacions i pàgines. A més, actualitza automàticament l’aplicació tan bon punt feu les modificacions al vostre lloc. També ofereix un suport complet per al comerç electrònic.

Aplicació WPMobile

Aplicació WPMobile

L’aplicació WPMobile et permet crear aplicacions Android i iOS per al teu lloc. Si bé el complement base és gratuït, heu de pagar una llicència de tota la vida per crear realment la vostra aplicació (a partir de 79 € per un format d’aplicació o 149 € per a tots dos) Amb l’aplicació WPMobile tindràs opcions de personalització, prova en directe gratuïta, actualitzacions automàtiques d’aplicacions, suport de notificació push, integració social i suport premium (una característica de benvinguda si et queda enganxat).

MobiLoud

Mobiloud

Tot i que és més car (a partir de 120 dòlars / mes), MobiLoud s’encarrega pràcticament de tot per tu (inclòs l’enviament de la teva aplicació a l’App Store i Google Play), de manera que el preu és bastant raonable. Amb MobiLoud, l’aplicació final ofereix una compatibilitat entre dispositius, compartició social fàcil, monetització (mitjançant anuncis o subscripcions), notificacions push i molt més. I quan el servei es combina amb el seu complement (enllaçat anteriorment), podeu gestionar la vostra aplicació i enviar notificacions des de WordPress.

Finalment, hi ha un munt de persones que podeu pagar per fer-ho per vosaltres. Tanmateix, amb tantes maneres de fer bricolatge fàcils i assequibles, no és necessari que aneu a aquesta ruta per obtenir una aplicació bàsica.


Hi ha moltes maneres de crear una aplicació i, tot i que a primera vista sembla intimidant, els mètodes anteriors la fan increïblement senzilla. Només cal assegurar-se que teniu un bon lloc web per a mòbils, d’acord? Ara deixa’m tenir-ho. He passat alguna cosa malament aquí? Hi ha algun altre mètode que hauria de conèixer? No dubteu a deixar els vostres comentaris a continuació!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map