Divi Uygulaması Çocuk Temasına Genel Bakış

Yayınlanan: 2021-03-04

Divi Uygulaması, mobil uygulama geliştiricileri için tasarlanmış bir Divi alt temasıdır. Çeşitli bölümlere bağlı bir menü ile tek sayfalık bir tasarıma sahiptir. Görseller, tanıtım yazıları ve CTA'lar, uygulamanın çeşitli özelliklerini sunmak ve satış hunisinden trafiği yönlendirmek için harika çalışır. Bu makalede, ihtiyaçlarınız için doğru çocuk teması olup olmadığına karar vermenize yardımcı olmak için Divi App alt temasının özelliklerine bakacağız.

Divi Uygulaması Çocuk Temasını Yükleme

Divi Uygulaması Çocuk Temasını Yükleme

Divi App alt temasını yüklemek basittir. Herhangi bir WordPress teması gibi çalışır ve içerik tek bir tıklama ile içe aktarılır. Divi etkinleştirildiğinde, WordPress temaları menüsünde Divi Uygulamasını yükleyin ve etkinleştirin.

Alt tema etkinleştirildiğinde, gösterge panosuna Demo İçe Aktar adlı yeni bir menü öğesinin eklendiğini göreceksiniz. Bu menüde Kolay İçe Aktarma Demosu'nu tıklayın ve içe aktarmak istediğiniz öğeleri seçin. Buna gönderiler, medya, menüler, ana sayfa, widget'lar ve Divi tema seçenekleri dahildir. Her şey varsayılan olarak seçilidir. Ancak, içe aktarılacak herhangi bir gönderi veya widget yok. Her şeyi işaretli bırakmanızı tavsiye ederim. Demo İçeriğini İçe Aktar'a tıklayın ve içe aktarmanın bitmesini bekleyin. Bu ekrandan uzaklaşmayın.

İçe aktarma işleminizin tamamlandığını belirten bir mesaj görürsünüz. Web siteniz artık demo gibi görünecek, ancak demodaki resimler yerine yer tutucu resimlerle. Ana sayfa ve menüler zaten kurulmuş ve atanmıştır. Yalnızca içeriğinizi eklemeniz gerekir. Bu, bir çocuk teması kurmanın en sevdiğim yolu. Tek tıklamayla içe aktarma kolay ve sorunsuzdur.

Divi Uygulaması Çocuk Teması Ana Sayfası

Divi Uygulaması Çocuk Teması Ana Sayfası

Divi Uygulaması alt teması, bir ana sayfaya ve ana sayfada sekiz bölüme gezinmeye sahip tek sayfalık bir tasarımdır. Her bölümde birer birer bakacağız. Öğeler, kaydırmalı animasyonlar ve bazı ilginç stiller içerir. Giderken onlara işaret edeceğim.

Modüllerin çoğu, onları biçimlendirmek ve mobil cihazlarda harika çalışmasını sağlamak için CSS sınıfları içerir. Sınıflar, CSS stil sayfasında tanımlanır. Stil sayfasındaki CSS iyi yorumlanmıştır ve hatta bir içindekiler tablosu içerir, bu nedenle CSS'ye aşina iseniz özelleştirmesi kolaydır.

Kahraman Bölümü

Kahraman Bölümü

Kahraman bölümü, yer tutucu bir resim içeren degrade bir arka plan içerir. Solda bir başlık, açıklama ve bir CTA oluşturan iki düğme bulunur. Sağ tarafta, CTA'ya dikkat çekmek için uygulamanın ekran görüntüsünü yerleştirebileceğiniz bir yer tutucu resim bulunur.

Özellikleri

Özellikleri

Divi Uygulaması alt teması Özellikler bölümü, bir başlık, kısa açıklama ve büyük bir resimle başlayarak hedef kitlenize uygulamanızı tanıtır. Tarzlandırılmış tanıtım yazıları simgeleri görüntüler ve belirli özellikleri açıklamak için harika çalışır. Öğelerin her biri, ekranın her iki yanından ve altından bağımsız olarak yerine kayar.

Değişen bir düzendeki üç satır, bir tarafta bir resim ve diğer tarafta bir açıklama ile daha fazla ayrıntı sağlar. Açıklamalar simgeler içerir ve madde işaretleri olarak çalışır. İlk iki görüntü portre modunda, üçüncüsü ise yatay düzende. Orta sıra beyazken ilk ve son pembe bir arka plan görüntüler. Bu, aralarında bazı görsel farklar yaratmaya yardımcı olur. Sonuncusu, görüntü için yuvarlatılmış köşelere sahiptir ve ona daha da benzersiz bir tasarım kazandırır.

Galeri

Galeri

Galeri, uygulamanın ekran görüntülerini görüntülemenin bir yolunu sunar. Bu bölüme ilerlerken dört görüntü tek bir satır olarak yerine oturur. Uygulamanın ekran görüntüleri için harika olan portre modunda bir akıllı telefonla eşleşen bir şekil veren uzun ve dardırlar. Çevredeki arka plan nettir ve gözün dikkati dağılmadan görüntülere odaklanmasını sağlar.

fiyatlandırma

fiyatlandırma

Divi Uygulaması alt temasının fiyatlandırma bölümü, farklı şekillerde bilgi sağlayan birden çok satır içerir.

Fiyatlandırma tabloları, merkezde en popüler olan üç farklı boyutta görüntülenir. Boyutlar, en büyüğü en çok önerilen olmak üzere öneriyle eşleşir. Açılı ayırıcısıyla degrade arka planıyla örtüşürler ve arka plandan ve birbirlerinden öne çıkmaları için bir kutu gölgesi içerirler. Yazı tipi ve düğmelerin renkleri dıştaki iki tabloda eşleşirken ortadaki tablo öne çıkıyor. Bir masanın üzerinde gezinmek onu öne getirir.

CTA, bir tarafında bilgi ve diğer tarafında iki düğme bulunan küçük bir resim görüntüler. Düğmeler, çeşitli uygulama mağazalarının resimleri için yer tutuculardır.

Uygulama istatistikleri, tam genişlikte bir arka plan görüntüsü üzerinde sayı sayaçlarıyla birlikte görüntülenir.

referans

referans

Divi Uygulaması alt teması referansları bölümü, stillendirilmiş bir alıntı simgesi, daire içine alınmış resim, metin, ad ve başlık içeren kartlar olarak üç kullanıcı incelemesini görüntüler. Başlıklar, bir sonraki bölümdeki arka plan gibi alt temanın diğer bölümlerindeki renkleri kullanır. Bu bölüme ilerlerken kartlar yerlerine açılır.

SSS

SSS

SSS yan taraftan içeri kayar ve yanıtları, bölümden biraz daha açık bir arka plana sahip, stil sahibi geçişler içinde görüntüler. Arka plan rengi, alt temadaki diğer öğelerden bazı vurgularla eşleşir. Ayrıca okuyucunun dikkatini çekmek için istediğiniz herhangi bir görsel türünü kullanabileceğiniz bir yer tutucu görsel içerir.

Müşteriler

Müşteriler

Müşteriler bölümü, müşterilerinizin logolarını görüntülemek için tam genişlikte bir alan sağlar. Logolar görüntü modülleridir. Bu bölüme ilerlerken birer birer görünürler.

Temas

Temas

Divi Uygulaması alt temasının iletişim bölümü, SSS bölümüyle eşleşen kırmızı bir arka plan üzerinde birkaç öğe görüntüler. İlk bölüm, iki sütunlu bir satırda biçimlendirilmiş bir iletişim formu ve iletişim bilgilerini içeren iletişim bilgilerini tanıtır. Bilgi, stilize edilmiş simgeler ve metin görüntüler. Her eleman alttan yerine oturur.

Bir haber bülteni bölümü, başlığı ve kısa bir açıklamayı, stil sahibi bir e-posta formunu ve ardından sosyal medya takip simgelerini görüntüler. Bu öğeler yerine soluyor (ya da sanırım solmuyor).

Divi Uygulaması Alt Tema Menüsü

Divi Uygulaması Alt Tema Menüsü

Menü, ana sayfanın ana bölümlerinin her birini içerir. URL'leri olarak farklı bölümlerin bağlantılarını içerirler, böylece her menü bağlantısı tıklandığında bölüme kaydırılır.

Divi Uygulaması Alt Tema Menüsü

Bağlantılar, ana sayfadaki CSS Kimliği alanlarına zaten eklenmiştir. Menü bağlantılarının adlarını değiştirirseniz, eşleşmesi için bölümün Gelişmiş sekmesindeki CSS kimliğini de değiştirmeniz gerekir.

Divi Uygulamasını Nereden Satın Alabilirsiniz?

Divi Uygulamasını Nereden Satın Alabilirsiniz?

Divi App alt temasını Divi Marketplace'ten 19 $ karşılığında satın alabilirsiniz. Sınırsız kullanım ve bir yıllık destek ve güncelleme içerir.

Biten Düşünceler

Divi App çocuk temasına bakışımız bu. Bu tek sayfalık alt tema, uygulamanızın özelliklerini gösterecek birçok öğeye sahiptir ve ziyaretçilerin satın alma işlemi gerçekleştirebilecekleri birkaç CTA sağlar. Öğelerin çoğu, stil vermek ve mobilde nasıl göründüğünü kontrol etmek için CSS sınıfları içerir ve her tür cihazla harika çalışmasını sağlar. Harika bir fiyata basit bir çocuk teması. Uygulamanızın özelliklerini vurgulamak için tek sayfalık basit bir alt temayla ilgileniyorsanız, Divi Uygulaması bir göz atmaya değer.

Senden duymak istiyoruz. Divi App çocuk temasını denediniz mi? Aşağıdaki yorumlarda deneyiminizi bize bildirin.

Julia Tim / Shutterstock.com aracılığıyla Öne Çıkan Görsel