Divi Ürün Öne Çıkanlar: Divi Tasarımcı Paketi
Yayınlanan: 2023-03-06Divi Tasarımcı Paketi, bir sonraki web sitenizi zahmetsizce oluşturmak için Divi Builder ile kullanabileceğiniz 720'den fazla tasarım öğesi içeren bir düzen paketidir. Hem açık hem de koyu düzenlerle ve sayfanızın her bölümü için çeşitli tasarımlarla birlikte gelir. Bu gönderide, bunun sizin için doğru ürün olup olmadığını görmek için Divi Tasarımcı Paketi ile gelen bazı düzenlere göz atacağız.
Başlayalım!
- 1 Divi Tasarımcı Paketini Yükleme
- 2 Divi Tasarım Paketi
- 2.1 Divi Designer Tasarım Bölümleri
- 2.2 Divi Designer Tema Oluşturucu Şablonları
- 2.3 Divi Designer Blog Şablonları
- 2.4 Divi Designer Woo Şablonları
- 3 Divi Tasarımcı Paketi Satın Alın
- 4 Son Düşünceler
Divi Tasarımcı Paketini Yükleme
Divi Tasarımcı Paketi, Divi Library .json dosyalarını içeren bir .ZIP dosyası olarak gelir. Düzenler, ihtiyaçlarınıza bağlı olarak tüm düzenleri, belirli bir kategorideki tüm düzenleri veya belirli bir kategorideki tüm açık veya koyu düzenleri kurabilmeniz için paketlenmiştir.
Düzenleri yüklemek için dosya yöneticinizde .ZIP dosyasını açarak başlayın. Ardından, WordPress kontrol panelinizi açın ve Divi Kitaplığı sayfasına gidin. En üstteki İçe ve Dışa Aktar'a tıklayın, ardından içe aktar sekmesini seçin. İçe aktarmak için bir .json düzen paketi dosyası seçin, ardından Divi Builder Düzenlerini İçe Aktar'ı seçin.
Düzen içe aktarıldıktan sonra, sayfanızı Divi Builder'da açın. Yeni bir bölüm eklemek için mavi artı simgesini tıklayın, ardından Kitaplıktan Ekle'yi seçin.
Divi Kitaplığı'nda kullanmak istediğiniz düzeni bulun.
Ardından, düzeni sayfanıza yüklemek için Bu Bölümü Kullan düğmesini tıklayın.
Divi Tasarım Paketi
Divi Tasarımcı Paketi, hem açık hem de koyu tasarımlara sahip çeşitli web sitesi bölümleri için 720'den fazla düzen ile birlikte gelir. Düzenlerin her biri beğeninize göre özelleştirilebilir ve içeriğin tümü sizinkiyle değiştirilebilir. Bu paketle birlikte gelen pek çok farklı düzen olduğundan, bu gönderide hepsini ele alamayız. Divi Tasarımcı Paketi ile hangi tasarımları elde edebileceğiniz konusunda size bir fikir vermek için her kategoriden birkaç düzene göz atacağız. Tüm düzenleri canlı demo web sitesinde de görüntüleyebilirsiniz.
Divi Designer Tasarım Bölümleri
Divi Designer Bölümler Hakkında
Toplamda yaklaşık 25 bölüm düzeni vardır. Mizanpaj 2'de bir resim ve sayı içeren örtüşen bir metin kutusu bulunur. Bazı tanıtıcı modüllerle birlikte sağ tarafta metin var.
İşte düzen 2'nin karanlık versiyonu.
Layout 11, solda biraz metin ve sağda bir resim bulunan iki tonlu bir tasarıma, bir CTA düğmesine ve sosyal medya simgelerini içeren bazı tanıtıcı tanıtım modüllerine sahiptir.
Düzen hakkında 17, bir görüntünün etrafında degrade şekiller kullanır. Solda bir miktar metin ve bir CTA düğmesi ile ok simgeleri içeren bazı tanıtıcı modüller var.
Divi Designer Blog Bölümleri
Koyu ve açık varyasyonlarla toplam 7 blog bölümü vardır. Bu bölümler, blogunuzdaki bir dizi gönderiyi görüntüler. Düzen 1, resimler üzerinde yakınlaştırma vurgulu efekti ve yazı başlığında altı çizili vurgulu efekti ile basit ve minimalist bir tasarıma sahiptir.
Üçüncü blog düzeninde, sağ üstte bir CTA düğmesi ve hafif gölge vurgulu efektli kartlar bulunur.
İşte blog düzeni 5'in karanlık varyasyonu. Gönderi başlığına bir alt çizgi ekleyen ve kartı hafifçe yukarı hareket ettiren bir fareyle üzerine gelme efektine sahiptir.
Blog düzeni 7, üstte gönderi bilgileri, ortada resim ve altta daha fazlasını oku düğmesi bulunan bir kart içerir.
Divi Tasarımcı Karusel Bölümleri
Birkaç farklı karusel tipine sahip 16 farklı karusel tasarımı vardır. İlk örnek, bir ekip üyesi döngüsü olan döngü 4'tür. Her ekip üyesi kartında bir resim, ad, iş unvanı, açıklama ve sosyal medya simgeleri bulunur.
Düzen 7, bir referans bandıdır. Bu karanlık düzendir. Her döngü öğesinde bir profil fotoğrafı, referans metni, ad ve iş unvanı bulunur.
Carousel 13, bir blog gönderisi carousel'idir. Görüntünün sağ üst köşesinde blog kategorisi ve aşağıda yazı başlığı bulunan basit bir kart düzenidir.
Divi Designer İletişim Bölümleri
Divi Designer, 20 iletişim bölümü düzeniyle birlikte gelir. Bu, solda bazı metin ve iletişim bilgilerini ve sağda bir iletişim formunu içeren düzen 4'tür.
Kişi düzeni 6, bir telefon numarası, bazı metinler ve solda bir CTA düğmesi ve sağda bir resim içeren basit bir bölümdür.
Düzen 15, solda iletişim formu ve sağda degrade bir arka plan üzerinde iletişim bilgilerini içerir.
Bu, düzen 15'in karanlık varyasyonudur.
Divi Designer Sayaç Bölümleri
Toplamda 16 sayaç düzeni vardır. İlk düzen, ücretsiz bir fiyat teklifi almak içindir ve solda bir miktar metin ve bir CTA düğmesi ve aşağıda bir resim ve bazı sayı sayaçları vardır.
Mizanpaj 9, üst kısımda bazı metinler ve aşağıda simgeleri olan sayı sayaçları içerir.
Sayaç düzeni 11, sayfa yüklenirken dolan bir sayaç çubuğuna sahiptir. Bu karanlık düzendir.
Sayaç düzeni 15, solda metin ve bir CTA düğmesi, sağda biraz daha metin ve ardından sayı sayaçları içerir.
Divi Designer CTA Bölümleri
Divi Tasarımcı Paketinde 15 CTA düzeni vardır. Bu ilk örnek mizanpaj 5'tir. Bir mobil uygulamayı vurgulayan bir CTA bölümüdür ve Google Play Store ve App Store'a bağlanabilen resimler içerir.
Bu, karanlık varyasyondaki CTA düzeni 7'dir. Bir simge, metin ve iki CTA düğmesi olan koyu renkli bir görüntüye sahiptir.
Mizanpaj 9, biraz metin içeren bir tanıtım yazısı modülü ve köşeleri yuvarlatılmış bir görüntünün üzerine binen bir CTA düğmesi içerir.
Düzen 10, bazı metin ve sosyal medya simgeleri içerir.
Divi Designer SSS Bölümleri
15 SSS bölümü düzeni vardır. Bu SSS birinci bölüm. Bir tarafında büyük bir resim ve sağ tarafında geçiş tarzı SSS soruları bulunur.
Ve bu, SSS birinci bölümün karanlık versiyonu.
SSS düzeni 4, tam genişlikte bir geçiş düzenine sahiptir.
Son olarak, SSS düzeni 7, solda SSS sorularını ve sağda bir resim, bazı metinler ve bir CTA düğmesi arasında geçiş yapar.
Divi Designer Kahraman Bölümleri
Toplamda 30 kahraman bölümü düzeni vardır. İlki, düzen 8, sol tarafta bir miktar metin ve sağda bir kişinin şeffaf bir görüntüsünü içerir.
Hero layout 9, büyük kahraman metni ve bir arama çubuğu içeren koyulaştırılmış bir arka plan görüntüsüne sahiptir. Arama çubuğunun altında, açıklama metnini ve bir daha fazlasını oku düğmesini içeren üç resim kartı bulunur.
Düzen 19, büyük, karartılmış bir arka plan görüntüsü kullanır ve bazı metinler ile iki düğme içerir.
Divi Tasarımcı Fiyatlandırma Bölümleri
Ayrıca 20 fiyatlandırma düzeni vardır. Bu, fiyatlandırma düzeni 7'dir. Pembe bir arka plana ve sağda bir miktar metin bulunan iki fiyatlandırma kartına sahiptir. Her fiyatlandırma kartının bir başlığı ve alt başlığı, fiyatı, ayrıntıları ve şimdi satın al düğmesi vardır.
Fiyatlandırma düzeni 8, üç fiyatlandırma katmanı içerir. Alt başlıkla birlikte başlık ve fiyat soldadır. Özellikler sağda, onay işaretleriyle sunulur ve şimdi satın al düğmesi sağdadır. Ortadaki seçenek yeşil renkle vurgulanır.
Düzen 12, her kartın üstünde bir simge, başlık ve alt başlık ve fiyat bulunan üç kart içerir. Üst kısmı özelliklerden ayıran yeşil bir başlık ve ardından özelliklerin bir listesi ve ardından bir düğme vardır. Her kartın, kartı üzerine gelindiğinde yukarı hareket ettiren bir vurgulu etkisi vardır.
İşte fiyatlandırma düzeni 19'un karanlık versiyonu. Özellikleri vurgulamak için en üstte bazı tanıtıcı simgeler ve üç fiyatlandırma planı bloğu var.
Divi Tasarımcı Hizmetleri Bölümleri
Divi Tasarımcı Paketi, 25 hizmet düzeniyle birlikte gelir. Düzen 3'te bir başlık, koyu bir arka plan üzerinde açıklama metni içeren üç tanıtım yazısı modülü ve bir düğme bulunur.
Hizmetler düzeni 14'te üstte bir simge, bazı açıklama metinleri, numaralandırılmış bir metin listesi ve ayrıntıları görüntülemek için bir bağlantı bulunan üç kart bulunur.
Düzen 19, bazı başlık metinleri ve açıklama metinlerinin yanı sıra her hizmeti temsil eden simgeler içeren altı tanıtıcı tanıtım modülü içerir.
Bu, hizmetler düzeni 25'in karanlık sürümüdür. Kartı karartan vurgulu efektli dört hizmet bölümü içerir.
Divi Tasarımcı Kaydırıcı Bölümleri
Toplam 15 kaydırıcı düzeni vardır. Kaydırıcı düzeni 1, her slaytta bir sayı, metin ve bir düğme bulunan küçük bir metin kaydırıcıya sahiptir. Kaydırıcının üzerinde yeşil arka plana sahip bir başlık bölümü ve sağ tarafta bir resim var.
Kaydırıcı düzeni 8, koyu kaplamalı büyük bir görüntü kaydırıcıdır. Solda metin ve aşağıda bir düğme var.
Kaydırıcı düzeni 12, büyük bir arka plan görüntüsüne ve beyaz bir arka plan üzerinde her slaytta değişen metin slaytlarına sahiptir. Ayrıca her slaytta bir düğme vardır.
Divi Tasarımcı Ekip Bölümleri
Toplamda 25 takım bölümü düzeni vardır. Düzen 8, bir başlık ve üzerine gelme efektli üç ekip üyesi görüntüsü içerir. İmleci resmin üzerine getirdiğinizde karanlık bir yer paylaşımı olur ve ekip üyesinin adı, iş unvanı ve sosyal medya simgeleri gösterilir.
İşte düzen 8'in karanlık versiyonu.
Düzen 13'ün sol tarafında bir CTA düğmesiyle birlikte bir başlık ve metin bulunur. Sağda üç dairesel ekip üyesi resmi var. Son tasarıma benzer şekilde, görselin üzerine geldiğinizde ekip üyesinin adı, iş unvanı ve sosyal medya simgeleri ortaya çıkıyor.
Bu tasarım, düzen 18'dir ve ekip üyelerinin fotoğraflarını, iş unvanlarını ve sosyal medya bağlantılarını içeren kartlar içerir. Sağda bir başlık ve açıklama, ardından bir CTA düğmesi bulunur.
Divi Tasarımcı Referans Bölümleri
25 farklı referans bölümü bulunmaktadır. Bu, düzen 1'dir ve üstte başlık ve gövde metni, ardından üç referans bölümü bulunur. Her referansın bir simgesi, resmi, gövde metni, adı, iş unvanı ve şirketi vardır.
Bu bölüm düzen 2'dir. Koyu kaplamalı bir resim arka planı üzerinde bir alıntı simgesi, metin, bir resim, ad, iş unvanı ve şirket unvanı içeren iki referans kartı içerir. Solda bazı başlık metni, gövde metni ve bir CTA düğmesi bulabilirsiniz.
Bu, müşteri referanslarını içeren renkli bölümleri içeren düzen 5'in karanlık versiyonudur.
Mizanpaj 7'de sol tarafta bir resim, referans metni ve altta bir ad bulunan bir referans kaydırıcısı bulunur. Sağda başlık metni, gövde metni ve bir CTA düğmesi bulunur.
Divi Designer Tema Oluşturucu Şablonları
Sırada tema oluşturucu şablonları var. Bunlar, WordPress panonuzdaki Divi ayarlarındaki tema oluşturucudan yüklenebilen üstbilgi, altbilgi ve gövde şablonlarıdır.
Divi Tasarımcı Alt Bilgi Şablonları
Toplam 20 altbilgi şablonu vardır. Birincisi altbilgi düzeni 4. Bu tasarımda bir logo, sosyal medya simgeleri ve solda bir telif hakkı bildirimi bulunur. Sağda menü öğelerinin iki sütunu vardır.
Altbilgi düzeni 13'te solda bir iletişim formu ve sağda iletişim bilgileri ve sosyal medya simgeleri bulunur. Telif hakkı bilgilerini içeren bir alt altbilgi çubuğu da vardır.
Alt bilgi düzeni 19'da sol tarafta bir logo, adres ve açık saatler bulunur. Ortada bir menü çubuğu ve sağda bir haber bülteni kayıt formu ve sosyal medya bağlantıları var. En altta bir telif hakkı bildirimi var.
Divi Designer Başlık Şablonları
Divi Tasarımcı Paketinde de 20 başlık şablonu vardır. Bu, başlık 7'dir. İletişim bilgilerini ve bir CTA düğmesini içeren yeşil ikincil bir menü çubuğuna sahiptir. Birincil menü çubuğunda solda bir logo ve sağa hizalanmış menü öğeleri bulunur.
Başlık düzeni 8, üstte bir satır içi logo ile iletişim bilgilerini içerir. Menü öğeleri aşağıdadır.
Başlık düzeni 13'te solda bazı sosyal medya simgeleri, ortada bir logo ve sağda bir CTA düğmesi bulunur. Aşağıda, sola hizalanmış menü öğeleri ve sağa hizalanmış bir arama çubuğu bulunmaktadır.
Divi Designer 404 Şablonları
25 farklı 404 sayfa şablonu vardır. İlk tasarım olan düzen 6, 404 hata metninin arkasında "OOPS" harflerini içerir. Bu düzende ayrıca ana sayfaya gitmek için turuncu bir düğme bulunur.
Bu düzen 9. Bazı büyük gölgeli metinler ve 404 hatasının yanı sıra ana sayfaya geri dönmek için bir düğme ve ardından bazı sosyal medya simgeleri içerir.
Düzen 12, 404 rakamlarını büyük bir yazı tipinde içerir ve ana sayfaya geri dönmek için bir düğmeye sahiptir.
Divi Tasarımcı Blog Şablonları
Divi Designer Blog Sayfası Şablonları
Divi Tasarımcı Paketi ile birlikte gelen 20 blog şablonu vardır. Blog düzeni 1, bir başlık ve düğme içeren bir resim başlığına sahiptir. Gönderiler, öne çıkan görsel, gönderi bilgileri ve daha fazlasını oku düğmesiyle solda listelenir. Sağda bir arama çubuğu, son gönderiler ve son yorumlar içeren bir kenar çubuğu vardır. En altta, üzerine metin yerleştirilmiş başka bir resim var.
İşte blog düzeni 1'in karanlık versiyonu.
Blog düzeni 8, bazı kavisli bölüm ayırıcılara ve üstte metin ve bir düğme bulunan bir başlık bölümüne sahiptir. Blog gönderileri, resim, gönderi ayrıntıları ve daha fazlasını oku düğmesi içeren kart stili bir düzene sahiptir. Sayfanın altında başka bir metin bölümü var.
Blog düzeni 18, metin ve düğme içeren bir başlık bölümü ve ardından iki blog sütunu içerir. Sol sütun, büyük bir özellikli görsel içeren gönderileri görüntüler. Sağdaki sütunda yalnızca gönderinin ayrıntıları ve daha fazlasını oku düğmesi bulunur. Son olarak, altbilgide bazı ek metinler var.
Divi Designer Yazı Şablonları
Paketle birlikte gelen 20 farklı gönderi şablonu vardır. Gönderi düzeni 4, sayfanın en üstünde, gönderi başlığı, gönderi bilgileri ve yer paylaşımlı bir düğme ile öne çıkan resme sahiptir. Bunu gönderi içeriği ve yorumlar takip ediyor. Sağda bir arama çubuğu, son gönderiler ve son yorumları içeren bir kenar çubuğu vardır. Sayfanın altında bazı ek metinler var.
İşte yazı düzeni 5'in karanlık versiyonu. Öne çıkan resim, kavisli bir bölücü ile üstte. Gönderi içeriği ve yorumlar koyu bir arka planda, ardından bir teklifi tanıtan resim ve yer paylaşımlı metin içeren bir bölüm geliyor.
Düzen 11, en üstte gönderi başlığıyla başlar, ardından büyük özellikli görsel. Ardından, gönderi içeriğini ve yorumları bulabilirsiniz. Sağda gönderi bilgilerini içeren bir kart var.
Gönderi düzeni 13 ayrıca en üstte başlığı ve ardından öne çıkan görseli içerir. Gönderi bilgileri resmin altında listelenmiştir. Sırada gönderi içeriği ve yorumlar var ve son olarak blogdaki diğer gönderilerle birlikte kartları görüntüleyen ilgili gönderiler bölümü var.
Divi Designer Woo Şablonları
Woo Şablonları, Woo Commerce eklentisiyle çalışan düzenlerdir.
Divi Tasarımcı Sepeti Şablonları
Paketle birlikte gelen 13 sepet şablonu vardır. Sepet düzeni 1, mavi renk temasına sahiptir. En üstte bir başlık vardır, ardından sepet içeriğini görebileceğiniz, kupon uygulayabileceğiniz ve sepeti güncelleyebileceğiniz sepet gelir. Bunun altında mağazaya geri dön butonu var. Sağda alışveriş sepeti toplamı ve ardından ödeme işlemine geç düğmesi bulunur.
Sepet düzeni 2, sepet simgesi olan bir başlığa sahiptir. Ardından ürünleri görebileceğiniz sepet var. Bunu takiben solda bazı kupon bilgileri, sağda ise sepet toplamı ve ödemeye geç butonu yer almaktadır.
Sepet düzeni 8, bir başlıkla başlar ve ardından sepet içeriği gelir. Bunların altında bazı tanıtıcı simgeler ve mağazaya geri dön düğmesi var. Bunun ardından alışveriş sepeti toplamı ve ödeme işlemine devam düğmesi gelir. Bunun sağında bazı SSS'ler içeren bir akordeon modülü var.
Ve işte sepet düzeni 8'in karanlık versiyonu.
Divi Tasarımcı Kontrol Şablonları
Toplamda 13 ödeme şablonu vardır. Ödeme düzeni 3, üstte mağaza ve alışveriş sepeti sayfalarına bağlantılar ve ardından bir kupon giriş bölümü içerir. Aşağıda solda fatura ayrıntıları ve ek bilgiler, sağda ise sipariş toplamı ve ödeme yer almaktadır. Bu karanlık versiyon.
Bu 4. şablon. En üstte sepete ve mağazaya bağlı birkaç simge ve ardından bir kupon kodu girişi bulunur. Solda fatura ayrıntıları ve ek bilgiler, sağda ise sipariş toplamı ve ödeme yöntemi bulunur.
İşte ödeme düzeni 4'ün karanlık versiyonu.
Ödeme düzeni 10, en üstte bir başlık ve kupon girişi, ardından fatura ayrıntıları ve ek bilgiler içerir. Sağda sipariş toplamı, ödeme ve bazı tanıtım yazısı modülleri bulunur.
Divi Tasarımcı Ürün Şablonları
Ayrıca 13 adet ürün şablonu bulunmaktadır. Bu, üstte ürünün büyük bir görüntüsünün yer aldığı düzen 2'dir. Bunun ardından ürün adı, maliyeti, açıklaması ve sepete ekle düğmesi gelir. Aşağıda ilgili ürünler ve yorumlar bulunmaktadır.
Ürün düzeni 6, daha koyu bir arka plana sahiptir ve solda ürün fotoğrafı, sağda ise ürün bilgileri ile sepete ekle düğmesi bulunur. Aşağıda açıklama, incelemeler ve ilgili ürünler bulunmaktadır.
Ürün yerleşimi 10, ürün bilgilerinin ve solda sepete ekle düğmesinin yer aldığı bir kart düzenine sahiptir. Sağda ürün resmi var. Aşağıda incelemeler ve ilgili ürünler bulunmaktadır.
İşte ürün düzeni 10'un karanlık versiyonu.
Divi Tasarım Mağazası Şablonları
Son olarak, Divi Tasarımcı Paketi ile birlikte gelen 10 mağaza şablonu da vardır. Bu, resimli bir başlığın, ardından bir kenar çubuğunun ve ürünlerin bulunduğu düzen 4'tür. Altta, büyük simgeler içeren bazı tanıtıcı modüller var.
Mağaza düzeni 8, metin ve resim içeren bir başlık, altında kenarlıklı ürünler ve ardından bazı tanıtım yazısı modülleri içerir.
Bu, mağaza düzeni 8'in karanlık versiyonudur.
Son olarak, mağaza düzeni 9, resimli bir başlık, ardından solda ürünler ve sağda bir kenar çubuğu, ardından altta bazı tanıtıcı tanıtım modülleri içerir.
Divi Tasarımcı Paketi Satın Alın
Divi Tasarımcı Paketi, Divi Marketplace'te mevcuttur. Sınırsız web sitesi kullanımı ve ömür boyu güncellemeler için 19 ABD dolarıdır. Fiyat ayrıca 30 günlük para iade garantisi içerir.
Son düşünceler
Bu makalede buzdağının görünen kısmına geldik, Divi Tasarımcı Paketinde keşfedilecek çok daha fazla düzen var, hepsi farklı stil ve kullanımlara sahip. Tabii ki, her düzen kendi içeriğinizle tamamen özelleştirilebilir ve özel kullanım durumunuza uyacak şekilde değiştirilebilir ve tam sayfa düzenleri kolayca oluşturmak için birçok farklı bölüm düzenini birleştirebilirsiniz. Divi Tasarımcı Paketi ile elde ettiğiniz tüm farklı düzenleri önizlemek için canlı demoya göz atın.
Sizden haber almak isteriz! Divi Tasarımcı Paketini denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin!