Divi Ürün Öne Çıkanlar: Avanti – Divi Çok Amaçlı Çocuk Teması
Yayınlanan: 2023-05-15Avanti, ihtiyacınız olan hemen hemen her tür web sitesini oluşturmanıza yardımcı olmak için 9 nişte 60'tan fazla sayfa içeren Divi için üçüncü taraf bir alt temadır. Avanti'yi kullanmak, web sitenizi daha hızlı oluşturmanıza yardımcı olur. Çevrimiçi mağazanızı kolayca kurmanıza yardımcı olacak WooCommerce odaklı tasarımlar da vardır. Bu gönderide, sizin için doğru ürün olup olmadığına karar vermenize yardımcı olmak için bu Divi alt temasının sağladığı bazı düzenleri inceleyeceğiz!
Hadi hadi bakalım.
- 1 Avanti'yi Yükleme
- 2 Avanti Sayfası, Düzeni ve Şablonu
- 3 Avanti Ana Sayfası
- 3.1 Avanti Restaurant Ana Sayfası
- 3.2 Avanti Fotoğrafçılık Ana Sayfası
- 4 Diğer Avanti Sayfası
- 4.1 Ana Sayfa Dükkanı V1
- 4.2 Ana Sayfa Dükkanı V3
- 4.3 Sepet V2
- 4.4 Sepet V3
- 4.5 Kontrol V3
- 4.6 Hakkımızda V4
- 4.7 Hakkımızda V5
- 4.8 Hizmetler V3
- 4.9 Tek Hizmet V3
- 4.10 Bize Ulaşın V4
- 4.11 Bize Ulaşın V5
- 4.12 Görüşler V2
- 4.13 Fiyatlandırma V2
- 5 Avanti Öğesi
- 5.1 Başlıklar
- 5.2 Servis Kutuları
- 5.3 Görüşler
- 6 Avanti Belgeleri
- 7 Avanti Nereden Alınır?
- 8 Biten Düşünceler
Avanti'yi Yükleme
Avanti'yi kurmak basittir. Normal bir WordPress teması kurmakla aynı şekilde çalışır, ancak birkaç adımı daha vardır. Avanti'yi yeni bir WordPress sitesine kurmanız önerilir. Bu bir Divi alt teması olduğu için Divi gereklidir. Kurulum sürecini sezgisel buldum.
- Görünüme Git
- Temaları seç
- Yeni Ekle'yi seçin
- Tema Yükle'ye tıklayın
- Dosya Seç'e tıklayın
- Bilgisayarınızdaki sıkıştırılmış dosyaya gidin, onu seçin ve Şimdi Yükle'ye tıklayın.
- Etkinleştir'e tıklayın
- Avanti Demo İçe Aktarma'ya gidin
- Kolay Demo İçe Aktar'a tıklayın
- Demo İçeriğini İçe Aktar'ı seçin
- Demo İçeriğini Kaldır ve İşlevleri İçe Aktar'a tıklayın
Avanti Sayfaları, Düzenler ve Şablonlar
Sayfaların ve şablonların bir kombinasyonu ile Avanti, 9 nişte 30'dan fazla öğe içeren 60'tan fazla sayfa sağlar. Buna eksiksiz web siteleri, çoklu üstbilgi ve altbilgi tasarımları, mağaza sayfaları vb. İşte bazı sayfalar.
İşte Divi Kitaplığı'na eklenen düzenlerden bazıları.
Ayrıca 11 önceden hazırlanmış ve önceden atanmış şablon içerir.
Avanti Ana Sayfaları
Avanti, farklı işletme türleri için 11 ana sayfa içerir. Onlar içerir:
- İşletme
- Restoran
- Fotoğrafçılık
- Danışma
- web tasarımı
- Diş
- Yenileme
- Tesisatçı
- Mağaza V1
- Mağaza V2
- V3 Alışverişi
Her biri çok sayıda stil öğesi, fareyle üzerine gelme animasyonu, kaydırma animasyonu ve hatta arka plan resimleri için Ken Burns efekti içerir. Görüntü boyutlarıyla birlikte sahte görüntüler içerirler. İşletme ana sayfası varsayılandır. Bu Divi alt teması düzenli güncellemeler alır. En yeni iki ana sayfaya, Restaurant ve Photography'ye ve en son WooCommerce güncellemesine bakacağız.
Avanti Restaurant Ana Sayfa
Restoran düzeni, ana sayfa, hakkında, yemek menüsü, referanslar ve iletişim sayfası dahil olmak üzere 5 sayfadan oluşur. İşte ana sayfanın sahte resimlerin bulunduğu kahraman bölümü.
İşte alt temanın demo sayfasından resimlerle ana sayfaya bir bakış. Bu, özel bir başlık içerir.
İşte demo sayfasının bir parçası. Gördüğünüz gibi bu, birçok öğe içeren büyük bir sayfadır. Tam ekran görüntülerin tümü sabittir. Menüye bağlantı içeren tam ekran bir kahraman bölümü, resim üzerine gelme efektlerine sahip bir hakkında bölümü, yemek kategorilerine bağlantı veren üzerine gelme efektlerine sahip resimler, yemek menüsüne bir CTA, rezervasyon yapmak için bir CTA, iki tanıtım yazıları, özel referans kartları, bir iletişim formu ve daha fazlası ile oluşturulan sütun yemek menüsü.
Avanti Fotoğrafçılık Ana Sayfa
Fotoğrafçılık, ana sayfa, hakkında, hizmetler, tek hizmet, fotoğraf galerisi, tek galeri, referanslar, fiyatlandırma, SSS ve iletişim dahil olmak üzere 10 sayfa içerir. İşte Fotoğrafçılık ana sayfası. Ayrıca şeffaf bir başlık içerir. Bu, alt temanın demo sayfasından görüntülerin yer aldığı kahraman bölümüdür.
İşte demo ana sayfası. Bu görüntü paralaks kaydırma efektleriyle çekilmiştir. Galerilere bağlantı içeren tam ekran bir kahraman bölümü, kategorilere bağlantı veren resimler, tüm hikayeye bağlantı içeren bir hakkında bölümü, özel tasarımlı stilize referanslar, özel blog kartları içeren bir blog, bir iletişim formu içerir. her iki tarafta resimler ve iletişim bilgileri ve bir e-posta formu içeren özel bir altbilgi ile.
Diğer Avanti Sayfaları
Avanti, ana sayfaların yanı sıra 3 WooCommerce mağazası ana sayfası, 5 Hakkımızda, 3 Hizmetler, 3 Hizmet sayfası, 5 Bize Ulaşın, 4 Portföy sayfası ve çok daha fazlasını içerir. Diğer sayfalar arasında bloglar, Teşekkür Ederiz, Görüşler, SSS, Fiyatlandırma, 404 vb.
Ana Sayfa Mağaza V1
Ana Sayfa Mağaza V1, mağazaya CTA içeren tam genişlikte bir kaydırıcı görüntüler. Bu, yer tutucu resimlerin bulunduğu sayfadır. Bu, orijinal düzenlerden biridir, ancak yeni düzenlerin nasıl karşılaştırıldığını görmek için onu dahil etmek istedim.
İşte demodan sayfa. Mağaza için kategoriler, en çok satanlar, CTA'lar ve indirimdeki ürünleri içeren bir bölüm içerir. Bunu, metin kaydırma efektleriyle paralaks içinde tam ekran bir CTA, en son haberler için bir blog bölümü ve bir e-posta aboneliği CTA'sı takip eder.
Ana Sayfa Mağaza V3
Ana Sayfa Mağaza V3 yeni bir mağaza tasarımıdır. İşte yer tutucu resimlerin bulunduğu kahraman bölümü.
İşte demodan sayfa. CTA'lı bir kaydırıcı, bilgi içeren tanıtım yazıları, öne çıkan ve en son ürünleri içeren bir mağaza bölümü, gerçek paralaksta tam ekran bir CTA, stilize bir görselle indirimdeki ürünler, geri sayım zamanlayıcılı günün fırsatı bölümü, CTA'lar içerir. , yeni ürünler, en son haberler ve marka logoları.
Sepet V2
Sepet V2, kullanıcının alışveriş sürecinde nerede olduklarını bildiğini göstermek için sayfanın üst kısmında gezinme simgelerini görüntüleyen yeni bir sepet sayfasıdır. Ayrıca, stillendirilmiş bir alışveriş sepetini, bir satış CTA'sını ve alışveriş sepeti toplamlarını görüntüler.
Sepet V3
Sepet V3 de yeni. Sepet V2 ile aynı stili içerir, ancak sepet toplamlarını sepetin yanına taşır ve satış CTA'sını içermez.
Ödeme V3
Checkout V3, yeni bir ödeme sayfasıdır. Sayfanın üst kısmındaki gezinme simgelerini ve solda bir ödeme formu ve sağda bilgi ve referansları içeren daha küçük bir sütun içeren iki sütunlu bir bölüm içerir.
Hakkımızda V4
Hakkımızda V4, yeni Restoran düzeni için tasarlanmış yeni bir sayfadır.
İşte demodan sayfanın bir parçası. Paralaksta tam genişlikte bir CTA, yakınlaştırma efektlerine sahip bir hakkında bölümü, bir menü CTA'sı ve stilize edilmiş referanslar içerir.
Hakkımızda V5
Hakkımızda V5, yeni Fotoğrafçılık düzeni için tasarlanmıştır.
Sayfa, CTA'lı paralaks bir kahraman bölümü, iletişim sayfasına bağlantı içeren bir hakkında bölümü, bilgileri gösteren tanıtım yazıları, referanslar, bir blog ve stil sahibi bir iletişim formu içerir. Bunların çoğu ana sayfada yer almaktadır.
Hizmetler V3
Services V3, Fotoğraf düzeni için tasarlanmış yeni bir sayfadır. İlginç bir vurgulu efekte sahip hizmetler için resimler içeren bir bölüm içerir. Kartın içindeki resim yukarı doğru sallanır ve metin aşağı doğru sallanarak bir fotoğraf ve daha fazlasını görmek için bir düğme ortaya çıkar. Aynı zamanda stil fiyatlandırma tabloları içerir.
Tek Servis V3
Tek Hizmet V3, Fotoğraf düzeni için yeni bir sayfadır. Metin için geniş bir bölüm ve tek bir hizmeti açıklamak için bir resim içerir. Ayrıca referanslar, bir iletişim formu vb. içerir.
Bize Ulaşın V4
Bize Ulaşın V4, yeni Restoran düzeni için bir iletişim sayfasıdır. İletişim bilgileri, çalışma saatleri ve sol tarafta bir form içeren iki sütunlu bir bölüm içerir. Sağ taraf tek renkli bir harita içerir.
Bize Ulaşın V5
Bize Ulaşın V5, Fotoğrafçılık düzeni için iletişim sayfasıdır. İletişim bilgilerini içeren tanıtım yazılarının bir bölümünü içerir. Sayfanın ana kısmı büyük bir iletişim formu içerir.
Görüşler V2
Referanslar V2, yeni Restoran düzeni için bir referanslar sayfasıdır. Görüntü arka planına sahip stilize edilmiş bir kartta referansları görüntüler.
Fiyatlandırma V2
Fiyatlandırma V2, Fotoğraf düzeni için yeni bir sayfadır. Diğer sayfalardan aynı kahraman bölümünü, referansları ve iletişim bölümünü içerir ve stilize edilmiş bir fiyatlandırma tablosu ekler. Tablo, başlıklar için değişen yüksekliklere ve arka plan renklerine sahip kartları görüntüler.
Avanti Öğeleri
Avanti, kolayca erişebilmeniz için yalnızca öğeleri içeren birkaç sayfa içerir. Üstbilgiler, altbilgiler, slaytlar, açılır kutular, hizmet kutuları, fiyatlandırma tabloları, katılımlar, ekip üyeleri ve referansları içerir. Bunlardan üçü yeni unsurlar içeriyor. Bu üçüne bakacağız.
Başlıklar
Avanti, aralarından seçim yapabileceğiniz 5 başlık içerir. Başlıktaki öğelerle eşleşen arka plana sahip açılır menüler içerirler. İlk başlık varsayılandır. Divi Theme Builder'da genel başlık olarak ayarlanmıştır. Tüm başlıklar Divi Kitaplığına eklenir, böylece isterseniz kolayca farklı bir başlığa geçebilirsiniz.
Servis Kutuları
Avanti'nin hizmet kutuları, hizmetlerinizi sergilemek için altı farklı yol içerir. Çoğu, ilginç kartlar oluşturmak için metin ekleyen, görüntüleri değiştiren, yakınlaştıran vb.
Görüşler
Avanti, 5 referans tasarımı içerir. Bunlar, referanslarınızı stil sahibi kartlarda sunar. Restoran ve Fotoğraf yerleşimleri için yeni tasarımları içerir. İlk referans, vurgulu efektleri içerir.
Avanti Belgeleri
Dokümantasyon, alt temanın ayarlanması ve Ken Burns efektinin devre dışı bırakılması, açılır kutuların içeriğinin değiştirilmesi, iletişim formunun yeniden yönlendirilmesi, içeri kaydırılmasının değiştirilmesi, bir menü rozeti eklenmesi ve daha fazlası gibi belirli görevlerin gerçekleştirilmesine ilişkin adımları içerir.
Avanti'yi Nereden Satın Alabilirim?
Avanti, Divi Marketplace'te 35$'a satılıyor. Sınırsız kullanım, 30 günlük para iade garantisi ve bir yıllık destek ve güncellemeleri içerir.
Biten Düşünceler
Avanti Divi çocuk temasına bakışımız bu. Kullanımı kolay buldum ve sayfa sayısı onu oldukça çok yönlü kılıyor. Yeni sayfalar ve öğeler harika görünüyor. Özellikle yeni Restoran, Fotoğraf ve mağaza ana sayfalarını beğendim. Avanti'nin pek çok alanda çok sayıda sayfası vardır ve bu da onu hemen hemen her tür web sitesi için mükemmel bir seçim haline getirir. Değerinin fiyatından çok daha ağır bastığını hissettim.
Senden duymak istiyoruz. Avanti Divi çocuk temasını denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.