Víte, jak vytvořit aplikaci pro Android nebo IOS váš blog nebo web pod WordPress? Chcete mít také ikonu svého webu v telefonu? Ano ?

Ale všechny možnosti, které jste vyzkoušeli, jsou buď příliš komplikované, nebo příliš drahé a vy jste neochotně hodili ručník, protože “ příliš těžké pro vás “.

Než úplně zahodíme ručník, zkusíme s vámi ještě jednou nový přístup s názvem DIY, který vám umožní levně vytvořit základní aplikaci vašeho webu WordPress.

 PhoneGap-Built-image-tutorial

PhoneGap Postavena: jednoduchý a nákladově efektivní způsob, jak přivést vaše stránky WordPress do mobilního světa vašich uživatelů.

Důvody, proč dnes tvorba mobilních aplikací explodovala, je to, že mít mobilní aplikaci se stala formou marketingu, který by zvýšil šance, že vaši aplikaci objeví nové typy návštěvníků.

Dnes je to všechno o tom, dát svým čtenářům možnost výběru, jak zobrazit váš obsah. A samozřejmě s pokračujícím nárůstem přístupu k internetu prostřednictvím mobilních zařízení je stále oblíbenější mít mobilní aplikaci.

Velmi dobrou zprávou je, že k vytvoření mobilní aplikace pro váš web WordPress již není nutné hledat dobré vývojáře aplikací ovládající CSS nebo Java.

Můžete to udělat zdarma a velmi často zdarma. Můžete také strávit několik $ 99 / rok připojit se ke komunitě vývojářů IOS a vytvářet a distribuovat vaši aplikaci (přímo nebo prostřednictvím App Store).

Dovolte mi také říci něco úplně jiného: jde o vytvoření mobilní aplikace pro zobrazení obsahu vašeho webu WordPress na mobilních zařízeních vašich čtenářů. Nejde o vytváření skutečných aplikací pomocí WordPressu jako aplikačního rámce.  

Jak fungují menstruační kalhotky?

PhoneGap s vestavěnou-how-ca-walking

PGB vytváří aplikace mnohem jednodušeji

Toto řešení je založeno na vytvoření jednoduché mobilní aplikace pomocí služby PhoneGap Build (BMP) kdo opravdu splní jeho požadavky:

Vezměte si trpělivost, pokud chcete vyvíjet mobilní aplikace WordPress.

Hlavním účelem aplikace bude převzetíInAppBrowser zařízení a přejděte na domovskou stránku vašeho webu. Jako by váš čtenář používal mobilní webový prohlížeč. Krása tohoto přístupu spočívá v tom, že vše je ve WordPressu efektivně řízeno pomocí nástrojů, technik a technologií, které již znáte.

Pokud chcete změnit vzhled své aplikace, stačí aktualizovat WordPress téma, není třeba nasazovat aktualizaci samotné aplikace.

Řešením je tedy 1% aplikace, 99% WordPress. Což znamená, že musíte být opatrní, co váš web WordPress přináší jako obsah. Dokonce i nejcitlivější téma pravděpodobně nedosáhne mobilních aplikací. Musíte se ujistit, že máte nejlepší mobilní prostředí, což znamená: přemýšlejte o tématu, obsahu, nabídkách a interakci.

Tento výukový program se proto zaměří na posílení aplikace a nastavení WordPressu.

Nejprve si stáhněte WordPress, poté jej můžete otestovat jednoduchým procházením na mobilním zařízení nebo pomocí simulátoru - před vytvořením aplikace. A vždy si pamatujte, že odebrání aplikace z domovské obrazovky je jednodušší než její nastavení odtamtud.

4 provede vytvoření mobilní aplikace WordPress

Pojďme krok za krokem vytvořit naši aplikaci. Protože Android je snadný, zaměříme se na tento OS, ale mějte na paměti, že proces pro jakýkoli operační systém je téměř stejný.

před zahájením

Zatímco webové aplikace lze snadno testovat pomocí emulátorů, mobilní aplikace se mnohem snáze testují na skutečném zařízení. Pokud tedy nemáte zařízení Android, raději se podívejte, jestli chcete nějaké najít, pokud chcete v tomto tutoriálu pokračovat.

Pokud jste dosud nepoužívali PGB, musíte si vytvořit účet. BMP má bezplatný plán, který vám umožní vytvořit jednu soukromou aplikaci (který můžete vytvořit nahráním souboru zip) nebo neomezené aplikace s otevřeným zdrojovým kódem.

Pokud jste v PGB nováčkem, doporučuji jej používat ve spojení s GitHubem, protože proces aktualizace a přestavby vaší aplikace je mnohem plynulejší. To také znamená, že se budete moci pomocí svých přihlašovacích údajů GitHub přihlásit k PGB.

Krok 1. Vytvářejte soubory aplikací PGB

PhoneGap-Vestavěný vytvořit-the-fochiers-from-app

Většina souborů v této aplikaci jsou loga a spouštěcí obrazovky!

Struktura je velmi jednoduchá, s kořenovým adresářem obsahujícím soubory index.html, config.xml. Velmi důležité!, sada ikonových souborů ve formátu png výchozí a adresář res který obsahuje ikony konkrétního OS pro uvítací obrazovky a titulní stránky.

Můžete Stáhněte si tuto aplikaci a použijte jej ke snadnému spuštění.

Krok 2. Vytvořte ikony aplikací

Ikony aplikace jsou důležité: jsou to ty, které aplikace použije při přidání ikony na domovskou obrazovku zařízení. Chcete-li vygenerovat ikony, použijte jednu z následujících služeb: appiconsizes ou makeappicon. Po vytvoření těchto ikon nahrajte příslušné obrázky do příslušné složky.

Krok 3. Nakonfigurujte aplikaci

Veškeré konfigurace jsou obsaženy v souboru config.xml. Pro svou vlastní aplikaci musíte upravit následující:

  • @ Id widgetu – konvence je obrátit doménové jméno vašeho webu a přidejte k aplikaci příponu
  • název - název vašeho webu
  • Popis - stručný popis vašeho webu
  • autor (@ mail, @ href) - vaše kontaktní údaje
  • src šťastný @ - změňte to a přejděte na domovskou stránku svého webu
  • Přístup @ původ – určuje, které webové stránky může aplikace procházet. Dvě možnosti jsou: zadejte svůj doménové jméno a proto omezte aplikaci pouze na procházení vašich webových stránek nebo použijte „*“ a povolte aplikaci procházet jakýkoli web.

V tomto konfiguračním souboru je řada prvků pluginu, z nichž některé vám nebudou užitečné. Je však stále důležité vytvářet aplikace pomocí některých z těchto doplňků, abyste mohli využívat výhod funkcí, jako je geolokace, aniž byste museli znovu vytvářet aplikaci.

Také si všimnete, že existuje řada ikon aplikací, které se použijí pro domovskou obrazovku zařízení a pro domovské stránky aplikace. Pokud jste vygenerované ikony přesunuli do přesných složek, nebudete zde muset nic dělat.

Uvědomte si však, že jména rozlišují malá a velká písmena!

Krok 4. Začněme proces generování PGB

Přejděte na web PGB a přihlaste se, ocitnete se před obrazovkou Aplikace, která bude samozřejmě prázdná.

PhoneGap-Zabudované START-the-proces-of-tvorby-of-the-realizace

Vytváření PhoneGap je mnohem jednodušší, když se používá ve spojení s GitHub

Za předpokladu, že jste přihlášeni ke svému účtu GitHub a chystáte se vytvořit aplikaci s otevřeným zdrojovým kódem. Všechna vaše veřejná úložiště GitHub budou k dispozici v « Stávající find repo« , stačí kliknout na šipku, vybrat adresář a kliknout na svetr z GitHub úložiště.

PGB přejde do vašeho adresáře a nabídne vám obrazovku s podrobnostmi o aplikaci.

PhoneGap s vestavěnou obrazovkou-of-aplikací

Po načtení PGB do souborů GitHub budete připraveni vytvořit svou aplikaci.

Klepněte na tlačítko Připravený na výstavbu

Stránka se poté změní, aby vám poskytla postup při vytváření vaší aplikace. Ve výchozím nastavení se PGB pokouší vytvořit aplikaci pro iOS, Android a Windows 8, Červená znamená, že generace selhala, zatímco modrá označuje úspěšné vytvoření.

PhoneGap-Zabudované proces-of-tvorby

PGB se pokusí vytvořit aplikaci pro Android, iOS a Windows. Modrá znamená, že vytvoření bylo úspěšné.

iOS vždy selže, pokud jste PGB neposkytli vaše vývojářské certifikáty pro iOS, které vyžadují členství iOS Developer Program jak jsem zmínil dříve.

Doufejme však, že vytvoření aplikace pro Android bylo úspěšné a jste připraveni otestovat!

Soubor si můžete stáhnout APK kliknutím na ikonu Android. Existují však i jiné způsoby obnovení tohoto souboru. Bez ohledu na to, jakou metodu použijete, měli byste ikonu aplikace najít na domovské obrazovce. (pokud ikona nevypadá jako to, co jste očekávali, je pravděpodobné, že jste v souboru config.xml zadali nesprávnou adresu URL).

Klikněte na ikonu vaší aplikace a otevře se a budete uvítáni úvodní obrazovkou a poté první stránkou vašeho webu. (V závislosti na specifikaci zařízení může dojít k mírným zpožděním při přesunutí domovské obrazovky na web).

Gratulujeme, právě jste vytvořili svou první aplikaci WordPress!

Nyní to vše bude záviset na tom, jak nastavíte svůj web WordPress, ale výhodou je, že nyní budete muset na vylepšování pracovat pouze ve WordPressu.

Pokud je adresa URL obrázku z nějakého důvodu nesprávná, musíte aplikaci znovu vytvořit:

  • Aktualizujte soubory v adresáři GitHub
  • Přejděte na stránku aplikací v PGB a klikněte na  aktualizace Code - soubory se nahrají do vašeho adresáře GitHub
  • PGB by měl automaticky zahájit rekreační proces - jinak regenerovat vše

Pokud však chcete využít výhod více funkcí mobilního zařízení, stojí za to se na ně blíže podívat AppPresser.

Pokud však potřebujete pouze dát svým čtenářům výběr tím, že jim poskytnete mobilní aplikaci, tento proces vám to pomůže.

Doufáme, že vám tento návod pomohl vytvořit mobilní aplikaci pro váš web WordPress. Pokud máte nějaké návrhy nebo komentáře, podělte se o ně s námi v naší sekci komentářů.