AppPresser ile Divi Sitenizi Mobil Uygulamaya Nasıl Çevirirsiniz?

WordPress web sitenizin mobil kullanıma hazır olduğundan emin olmak hiç bu kadar kritik olmamıştı. Sonuçta, mobil kullanıcılar artık çevrimiçi trafiğin çoğunu oluşturuyor. Bu, deneyimlerinin mümkün olduğunca iyi olduğundan emin olmak için elinizden gelen her şeyi yapmanız gerektiği anlamına gelir.

AppPresser gibi hizmetler sayesinde, bir geliştirme geçmişiniz olmasa bile artık WordPress web siteniz için basit uygulamalar oluşturabilirsiniz. Bu yazıda, bir mobil uygulama geliştirmek için platformu nasıl kullanacağınızı öğreteceğiz. Ancak önce mobil uygulamalardan, web'de gezinmenin geleceğinden ve AppPresser'ın size neler sunabileceğinden bahsedelim.

Mobil Uygulamalar Neden Web'de Gezinmenin Geleceğidir?

İstatistikler göz önüne alındığında, muhtemelen bunu bir mobil cihazdan okuyorsunuz - ve hatta bugünlerde web ile en çok etkileşim kurma şekliniz de bu olabilir. Ne de olsa çoğumuz, internette gezinmek de dahil olmak üzere, her fırsatta akıllı telefonlarımızı çıkaracağız.

Sitenizi duyarlı hale getirmek, onu kullanılabilir hale getirmek için stilden ödün vermeniz gerektiği anlamına gelmez.

Bir site sahibi olarak, akıllı cihaz kullanıcılarına hitap etmenin en basit yolu sitenizi daha küçük görünümler için optimize etmektir. Bu şekilde kullanıcılar, kullandıkları cihazdan bağımsız olarak tutarlı bir deneyime sahip olacaklar. Bununla birlikte, biraz daha fazla çalışma gerektirse de başka bir seçenek daha vardır ve bu, siteniz için bir uygulama oluşturmaktır.

Uygulamaların, normal mobil uyumlu web sitelerine göre birkaç belirgin avantajı vardır:

1. Okuyuculara sitenizin sürekli bir hatırlatıcısını sunarlar. Cihazlarında özel bir uygulamaya sahip olmak, bazı kullanıcıların yeni içeriği kontrol etmeyi düşünmesine neden olabilir. Ayrıca normalden daha yüksek bir ziyaret sıklığı da elde edebilirsiniz.
2. Özel, mobil cihazlara özgü özellikler ekleyebilirsiniz. Birçok uygulama, sosyal oturum açma ve anında iletme bildirimleri gibi ilginç özellikler içerir. Elbette, bunları normal bir sitede uygulamak da mümkündür, ancak bir uygulamanın parçası olarak daha doğal hissettiriyorlar.
3. Profesyonel görünüyor. Web siteniz için bir uygulamaya sahip olmak, web sitenizin profesyonel görünmesini sağlar. Modern ve istikrarlı bir teklif sunduğunuz sürece, kullanıcıların etkilenmiş hissederek çekip gitme olasılığı yüksektir.

Elbette, web siteniz için bir uygulama oluşturmak, onu mobil uyumlu hale getirmekten vazgeçmeniz gerektiği anlamına gelmez. Maruziyetini en üst düzeye çıkarmak için tamamlayıcı bir önlem olarak düşünün. En iyi yanı, bazı ilginç yeni hizmetler sayesinde uygulama oluşturma süreci o kadar da karmaşık değil.

AppPresser'a Giriş

AppPresser, mevcut WordPress web sitenizi alıp modern görünümlü bir mobil uygulamaya dönüştürmenizi sağlayan bir hizmettir. Platformu kullanarak mevcut sayfalarınızdan herhangi birini ekleyebilir, menüler oluşturabilir ve uygulamanızın daha profesyonel görünmesini sağlamak için push bildirimleri gibi gelişmiş özelliklerden yararlanabilirsiniz.

En iyi yanı, hizmeti kullanmanın oldukça basit olmasıdır. Aslında, AppPresser kullanarak çalışan (ve şık) bir uygulamayı birkaç saat içinde çalışır duruma getirmek tamamen mümkündür.

Büyük olasılıkla, tek bir uygulamayı destekleyen aylık 19 ABD doları tutarındaki başlangıç ​​planını tercih etmek isteyeceksiniz. Bundan daha fazlasına ihtiyacınız varsa (veya uygulamanızdan para kazanmayı planlıyorsanız), başka katmanlar da mevcuttur.

Ana Özellikler:

• Android ve iOS için mobil uygulamalar oluşturmanıza olanak tanır.
• Gelişmiş uygulama özelliklerine erişmenizi sağlayan bir WordPress teması ve eklentisi içerir.
• Sosyal giriş ve paylaşım seçenekleri sunar.

Fiyat: Aylık 19$ | Daha fazla bilgi

AppPresser ile Divi Sitenizi Mobil Uygulamaya Nasıl Çevirirsiniz?

Eğiticiye dalmadan önce, hem AppPresser'da (daha önce bahsettiğimiz gibi ücretli bir hizmettir) hem de Phonegap'te (son adım için kullanmanız gerekecek) bir hesap açmanız gerekir.

Birincisine kaydolduktan sonra, AppPresser eklentisine ve tamamlayıcı temasına (başka bir yerde bulunamayan) erişim sağlayan bir e-posta alacaksınız.

Temaya gelince, endişelenmeyin – etkinleştirmeniz gerekmez. Yalnızca AppPresser eklentisinin ve web uygulamasının verilere erişmesini sağlamak için yüklenmesi gerekir ve yalnızca mobil uygulamanız için görünür. Divi kullanıcısıysanız, AppPresser'ın temasını ve eklentisini kullanmak kurulumunuzu etkilemez.

Yüklü ve AppPresser eklentisi etkinleştirdikten sonra, daha sonra adım birinin üzerine, taşıma onun temasını yüklendi (ama bunu etkin değil)!

Adım 1: Yeni Bir Uygulama Oluşturun ve Tarzını Özelleştirin

Başlamak için, kaydolduğunuz aynı kimlik bilgilerini kullanarak AppPresser hesabınızda oturum açmanız gerekir. Hizmet sizden yeni bir uygulama oluşturmanızı isteyecektir, bu nedenle bir başlık ekledikten sonra Uygulama Oluştur 'u tıklayın:

Ardından, özelleştirmeye başlamadan önce web sitenizi uygulamanıza bağlamanız gerekir. Bunu yapmak için, AppPresser panonuzdaki Genel sekmesine tıklayın ve API AYARLARI yazan bölümü arayın :

Hem site bilginizi hem de uygulama kimliğinizi kopyalayın, ardından WordPress kontrol panelinizdeki AppPresser sekmesine gidin. Karşılık gelen iki alan bulacaksınız, bu nedenle verilerinizi buraya yapıştırın ve ardından değişiklikleri kaydedin:

Bunun dışında, uygulamanızın özelleştirmesi üzerinde çalışmaya başlayabilirsiniz. AppPresser panonuza dönün, Özelleştir seçeneğine gidin, ardından Özelleştir ve Uygulamayı Oluştur düğmesine tıklayın:

Bir sonraki ekran, WordPress canlı özelleştiricisinden sonra modellendiği için tanıdık görünmelidir ve ayrıca uygulamanızın bir prototipini gösteren bir mobil cihazın maketini de göreceksiniz. Bitirdiğimizde, tamamen çalışan bir sürümünü indirebileceksiniz.

Sonraki birkaç adımda, özelleştiricideki en kritik bölümleri ele alacağız, ancak şimdilik Renk sekmesine odaklanalım. Burada, uygulamanızın renklerini ve her birinin ne yaptığına ilişkin açıklamaları değiştirmek için birden çok seçenek bulacaksınız:

Uygulamanızın renk paletini değiştirdikten ve sonuçlardan memnun kaldığınızda, menünüze bakmanın zamanı geldi.

2. Adım: Uygulamanızın Menüsünü Değiştirin

Her AppPresser uygulaması aynı varsayılan menü ile başlar: Bir ana ekran, giriş ve Hakkında sayfaları ve hizmetin ana sayfasına bir bağlantı. Bunları değiştirmek için özelleştiricinizdeki Menüler sekmesine gitmeniz ve Uygulama Menüsü seçeneğine tıklamanız gerekir:

Bir sonraki ekranda, soldaki menüden öğeleri seçebilirsiniz. Bu durumda, Ana Sayfa, Giriş ve Hakkında düğmelerinin tümü sizi özel sayfalara yönlendirir ve Kaldır seçeneğini tıklayarak menü öğelerinin şimdi silinip silinmeyeceğini seçebilirsiniz:

Ayrıca bu menü öğelerini saklayabilir ve ilgili sayfalarını özelleştirebilirsiniz (daha fazlası bir dakika içinde). Şimdilik, istemediğiniz herhangi bir menü öğesini kaldırın ve menünüzü diğer sayfalarla doldurmak için Öğe Ekle seçeneğini kullanın. Bunun için mevcut WordPress sayfalarını, gönderilerini veya özel olanları (AppPresser kullanılarak oluşturulmuş) seçebileceksiniz…

…ve WordPress/Harici Bağlantılar düğmesine tıklamak size WordPress sitenizin sayfalarından birine bağlantı ekleme seçeneği sunar :

Menünüz doldurulduğunda (ve AppPresser teması yüklendiğinde), uygulama sitenizin içeriğini 'dışa aktarabilecek' ve otomatik olarak görüntüleyebilecektir:

Bir dakikadan kısa bir süre içinde uygulamanıza mobil kullanıma hazır yeni bir sayfa eklediniz. Özel sayfalar oluşturmaya bakmadan önce işlemi diğer sayfalarınız için gerektiği kadar tekrarlayın.

3. Adım: Uygulamanıza Özel Sayfalar Ekleyin

Özel sayfalar ayarlamak için özelleştiricide uygun sekmeye gidin. Standart menünüzde olduğu gibi, mevcut üç sayfa bulacaksınız: Ana Sayfa, Giriş ve Hakkında. Bu aşamada, her birini kendi uygulamanız için yeniden kullanmayı seçebilir veya bunları yok sayarak yeni sayfalar oluşturabilirsiniz:

Yeni Sayfa Ekle düğmesine tıklamak size iki seçenek sunar: yeni sayfanızı oluşturmak için özel HTML kullanmak…

…veya bir liste formatı ve kart düzeni içeren AppPresser'ın önceden oluşturulmuş stillerinden birini seçin:

Bunlardan herhangi birini kurmak için WordPress API'sini kullanarak özel liste sayfaları oluşturmanız gerekir. Ardından, yeni sayfanızın bağlantısını, uygulamanın yerleşik stillerinden birinin hemen altındaki alana yapıştırmanız yeterlidir:

Özel sayfalarınızla uğraşmayı bitirdiğinizde, uygulamanız için birkaç ekstra ayar yaparak işleri tamamlamanın zamanı geldi.

4. Adım: Uygulamanızın Ayarlarını Özelleştirin

Bu aşamada, çalışan bir uygulamanız olmalıdır - en azından özelleştirici içinde - ancak yine de AppPresser simgesi ve logosunu taşıyan bir uygulama . Bunları değiştirmek için özelleştirici içindeki Ayarlar sekmesine gidin:

Burada, uygulamanızın hangi menüleri kullanmasını istediğinizi belirtebilirsiniz. Şimdilik, başkalarını kurmak istemiyorsanız, daha önce oluşturduğunuza bağlı kalmanızı öneririz.

Aşağı kaydırmaya devam ederseniz uygulamanızın adını, açıklamasını ve yazar bilgilerinizi değiştirme seçeneklerini göreceksiniz. Gerekirse bu alanları doldurun, ardından simgeye ulaşana ve görüntü bölümlerine ulaşana kadar kaydırmaya devam edin:

Mevcut seçeneklerin her biri için PNG dosyalarını buraya yüklemeniz gerekecek. Tamamlandığında, simgeniz ana menünüzün üzerinde görünecek ve uygulamanız yüklendiğinde açılış ekranlarınız görüntülenecektir.

AppPresser'ın yüklemeniz gereken resimlerin boyutu hakkında bazı bilgiler içerdiğini unutmayın, bu nedenle resimlerinizin bozuk görünmesini istemiyorsanız bunlara uymalısınız. Burada işiniz bittiğinde, nihayet uygulamanızı çalışır duruma getirmenin zamanı geldi.

Uygulamanız Başlatmaya Hazır Olduğunda Yapmanız Gerekenler

Uygulamanızı oluşturmayı tamamlamak için özelleştiricideki Oluştur ve Önizleme bölümüne gitmeniz gerekir. Orada, Phonegap kimlik doğrulama jetonunuzu girmek için bir seçenek göreceksiniz. Deneyimsiz olanlar için Phonegap, uygulamanızı bir cihaza almak veya mağazalara göndermek için kullanmanız gereken bir çerçevedir.

Simgenizi güncelledikten sonra, hizmetin sizin için yapacağı uygulamanızı derlemek için bir seçenek göreceksiniz. Ardından, Android ve iOS mağazalarına (veya her ikisine) göndermeniz, onay beklemeniz ve normal web sitenizden onlara bağlantı vermeniz yeterlidir.

Uygulamanızı doğrudan sitenizden dağıtmayı düşünüyorsanız, özellikle güvenlik nedenleriyle buna karşı çıkmanızı öneririz. Dahası, kullanıcılar her iki hizmet tarafından da onaylanmamış uygulamaları indirirken kendilerini güvende hissetmeyebilir, bu nedenle gönderme adımını atlarsanız çabalarınız boşa gidebilir. Tabii ki, Easy Digital Downloads gibi WordPress eklentileri faturaya uyabilir, ancak yukarıdaki aynı hususlar yine de geçerli olmalıdır.

Çözüm

WordPress web siteniz için bir uygulama oluşturmak kulağa fazla abartılmış gibi gelebilir, ancak aslında akıllıca bir fikir olabilir. Sonuçta, AppPresser gibi hizmetler her zamankinden daha kolay hale getirdi. Dahası, bir uygulama, push bildirimleri gibi özellikler sayesinde mobil kullanıcılarınızın ilgisini daha fazla çekmek için tam da ihtiyacınız olan şey olabilir.

Bu yayında, size Divi sitenizi AppPresser kullanarak bir mobil uygulamada nasıl dönüştüreceğinizi gösterdik. Adımları hızlıca tekrarlayalım:

1. Yeni bir uygulama oluşturun ve stilini özelleştirin.
2. Uygulamanızın menüsünü değiştirin.
3. Uygulamanıza özel sayfalar ekleyin.
4. Uygulamanızın ayarlarını özelleştirin.

Divi için mobil uygulamalar oluşturmak için AppPresser'ı kullanma hakkında sorularınız mı var? Aşağıdaki yorumlar bölümünde sorun!

31moonlight31 / Shutterstock.com'dan makale küçük resmi