Divi Ürün Öne Çıkanlar: Avanti – Divi Çok Amaçlı Çocuk Teması

Yayınlanan: 2023-05-15

Avanti, 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.

İçindekiler
  • 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.

  1. Görünüme Git
  2. Temaları seç
  3. Yeni Ekle'yi seçin

Avanti'yi Yükleme

  1. Tema Yükle'ye tıklayın
  2. Dosya Seç'e tıklayın
  3. Bilgisayarınızdaki sıkıştırılmış dosyaya gidin, onu seçin ve Şimdi Yükle'ye tıklayın.

Avanti'yi Yükleme

  1. Etkinleştir'e tıklayın

Avanti'yi Yükleme

  1. Avanti Demo İçe Aktarma'ya gidin
  2. Kolay Demo İçe Aktar'a tıklayın
  3. Demo İçeriğini İçe Aktar'ı seçin

Avanti'yi Yükleme

  1. Demo İçeriğini Kaldır ve İşlevleri İçe Aktar'a tıklayın

Avanti'yi Yükleme

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.

Avanti Sayfaları, Düzenler ve Şablonlar

İşte Divi Kitaplığı'na eklenen düzenlerden bazıları.

Avanti Sayfaları, Düzenler ve Şablonlar

Ayrıca 11 önceden hazırlanmış ve önceden atanmış şablon içerir.

Avanti Sayfaları, Düzenler ve Şablonlar

Avanti Ana Sayfaları

Avanti, farklı işletme türleri için 11 ana sayfa içerir. Onlar içerir:

  1. İşletme
  2. Restoran
  3. Fotoğrafçılık
  4. Danışma
  5. web tasarımı
  6. Diş
  7. Yenileme
  8. Tesisatçı
  9. Mağaza V1
  10. Mağaza V2
  11. V3 Alışverişi

Avanti Sayfaları, Düzenler ve Şablonlar

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ü.

Avanti Restaurant Ana Sayfa

İşte alt temanın demo sayfasından resimlerle ana sayfaya bir bakış. Bu, özel bir başlık içerir.

Avanti Restaurant Ana Sayfa

İş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 Restaurant Ana Sayfa

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.

Avanti Fotoğrafçılık Ana Sayfa

İş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.

Avanti Fotoğrafçılık Ana Sayfa

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.

Diğer Avanti Sayfaları

İş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.

Diğer Avanti Sayfaları

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ü.

Ana Sayfa Mağaza V3

İş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ı.

Ana Sayfa Mağaza V3

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 V2

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.

Sepet V3

Ö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.

Ödeme V3

Hakkımızda V4

Hakkımızda V4, yeni Restoran düzeni için tasarlanmış yeni bir sayfadır.

Hakkımızda V4

İş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 V4

Hakkımızda V5

Hakkımızda V5, yeni Fotoğrafçılık düzeni için tasarlanmıştır.

Hakkımızda V5

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.

Hakkımızda V5

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.

Hizmetler V3

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.

Tek Servis V3

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 V4

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.

Bize Ulaşın V5

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.

Görüşler V2

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.

Fiyatlandırma V2

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.

Başlıklar

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.

Servis Kutuları

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.

Görüşler

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.

Avanti'yi Nereden Satın Alabilirim?

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.