Divi Ürün Öne Çıkanlar: Divi Den Pro – Düzen Kitaplığı

Divi Den Pro – Layout Library, web sitelerini daha hızlı oluşturmanıza yardımcı olmak için önceden tasarlanmış Divi öğelerinden oluşan devasa bir kitaplığa sahip üçüncü taraf bir eklentidir. Düzenleri bulmayı kolaylaştıran aranabilir ve sıralanabilir benzersiz bir kullanıcı arabirimi içerir. Bu yazıda, Divi tasarım araç kutunuz için doğru ürün olup olmadığına karar vermenize yardımcı olması için Divi Den Pro – Düzen Kitaplığı'na bir göz atacağız.

Divi Den Pro Kurulumu – Düzen Kitaplığı

Divi Den Pro – Layout Library'yi kurmak basitti. Herhangi bir eklenti yüklemekle aynı şekilde çalışır, ancak Divi'de kullanılabilmesi için Divi Marketplace Hesabınızda oturum açmanız gerekir. İlk olarak, yüklemek için şu adrese gidin:

1. Eklentiler
2. Yeni ekle
3. Eklentileri Yükle
4. Dosya seçin
5. Şimdi kur

Ardından, eklenti yüklendikten sonra, her zamanki gibi etkinleştirin ve kontrol panelinize eklenen yeni bir menü göreceksiniz.

1. Eklentiyi Etkinleştir

Düzen Kitaplığı İçeriği

Divi Den Pro – Düzen Kitaplığı, 2615 kitaplık öğesiyle birlikte gelir. Buna 1988 bölüm ve modül, 631 düzen, 39 menü ve 18 tam web sitesi tasarımı dahildir. Tüm öğeler önceden şekillendirilmiştir. Düzenler, farklı ekran boyutları için etiketlenir, test edilir ve optimize edilir.

Bunları Divi düzenlerinizde kullanmanın birkaç yolu vardır. Düzenleri Divi Den Pro DM menüsünde ve Divi Theme Builder'da bulabilirsiniz. Divi Den Pro DM menüsü, bunları kullanmanın en kolay yoludur. Bunları anahtar kelimeye ve kategoriye göre arayabilir ve Divi Kitaplığınıza aktarabilirsiniz.

Divi Den Pro DM Menüsü

WordPress panonuzda Divi Den Pro DM adlı yeni bir menü öğesi bulacaksınız. Menü, menünün içinde sekmeler olarak da bulabileceğiniz birçok bağlantı içerir.

Düzen Bulucu

İlk sekme Düzen Bulucu'dur. Buna, solda filtreler ve sağda sonuçlar içeren bir arama kutusu dahildir. Ayrıca tüm düzenleri, yalnızca ücretsiz düzenleri veya yalnızca profesyonel düzenleri görüntüleyebilmeniz için sekmeler içerir. Filtreler, o türdeki düzenlerin sayısını gösterir. Düzenlere, bölümlere, modüllere, kategorilere, koleksiyonlara, Divi Theme Builder ve Plugin Theme Builder'a ayrılırlar.

Sonuçlar alanı, mizanpajın küçük resmini gösterir. Düzen kaptan daha büyükse, küçük resim fareyle üzerine gelindiğinde kayar. Düzeni başka bir sekmede görüntüleyebilir, düzeni Divi Kitaplığınıza kaydedebilir veya düzeni bir JSON dosyası olarak bilgisayarınıza indirebilirsiniz.

Bir filtre seçildiğinde, seçenekler gösterilecek şekilde açılır. Divi Den'deki düzenlerin adlarını gösteren Koleksiyonları açtım. Birini seçmek, sağdaki alanda o koleksiyondaki düzenleri gösterir.

Bir düzeni görüntülemek için tıkladım ve Divi Den sayfasındaki demoyu başka bir sekmede açtı. Sayfa birden fazla düzen, bölüm vb. gösteriyor. Fareyle üzerine gelme etkilerini göstermek için üst ortadaki görüntünün üzerine geliyorum.

En sonuncu

En Son sekmesi, Divi Den blogundaki en son gönderileri gösterir. Bu, Mizanpaj Kitaplığındaki yenilikleri öğrenmenin iyi bir yoludur.

Öğreticiler

Öğreticiler sekmesi, Divi Den Pro – Düzen Kitaplığı'nın nasıl kullanılacağını öğreten tüm öğreticileri içerir. Bir eğiticiye tıkladığınızda gösterilen gömülü videolar içerirler, böylece WordPress'ten ayrılmadan doğrudan Divi Den panosundan öğrenebilirsiniz. Bu, kullanılabilirliğe yardımcı olur, bu nedenle yardıma ihtiyacınız olan bir şey varsa, onu burada bulabilirsiniz.

Tema Oluşturucu

Tema Oluşturucu sekmesi, düzenleri Divi Tema Oluşturucu ve Eklenti Tema Oluşturucu olarak ayırır. Koleksiyonları, sayfa türlerini vb. gösterir. Bunlar ayrıca Divi Theme Builder'a eklenir. Tema Oluşturucu'yu buradan da başlatabilirsiniz.

Eklenti Tema Oluşturucu, Tema Özelleştiriciyi açmak için bir bağlantıya sahiptir.

Tema Özelleştirici, sayfa, blog ve genel ayarlar için üç yeni özelleştirici sekmesi ekler. Bu, bir açılır pencere özelleştirici, bir yapışkan çubuk, daha fazla simge, başa dön düğmesi, yakında gelecek sayfası, şablon özelleştirmeleri ve çok daha fazlası gibi eklenen özellikleri içerir.

Özel CSS Dosyaları

Özel CSS Dosyaları sekmesi, Divi Den düzenlerinden kopyalayıp değiştirebileceğiniz özel CSS sağlar. Birine tıklamak CSS'yi başka bir sekmede açar. Gömülü bir video, özel CSS'nin nasıl kullanılacağını gösterir.

Gelişmiş

Gelişmiş sekmesi, Beyaz Etiket sekmesini ve Daha Fazla Seçenek sekmesini içerir. Beyaz Etiket, eklentiyi markanıza uyacak şekilde yeniden markalamanıza olanak tanır.

Daha Fazla Seçenek sekmesi, Divi Den Pro sekmesini Divi Builder öğeleri içinde taşımanıza olanak tanır. Bu varsayılan olarak etkindir.

Divi Builder'da Divi Den Pro Düzen Kitaplığı

Modüller kipine Divi Den Pro – Düzen Kitaplığı için bir sekme eklenir.

Sekmeyi seçmek, istediğiniz düzeni seçebileceğiniz menüyü açar. Düzenler JSON dosyaları olarak indirilir, dolayısıyla kullanmak istiyorsanız bunları sayfalara ve gönderilere yüklemeniz gerekir.

Divi Theme Builder'daki Divi Den Pro Düzen Kitaplığı

Divi Den Pro – Düzen Kitaplığı arayüzü de Divi Theme Builder ekranının altına eklenir. WordPress kontrol panelinde olduğu gibi çalışır.

Tema Oluşturucu'da sayfalarda ve gönderilerde olduğu gibi çalışır.

Divi Den Pro Düzen Kitaplığı Örnekleri

Divi Den Pro – Düzen Kitaplığı arayüzünün nasıl kullanılacağını gördüğümüze göre, şimdi birkaç örneğe bakalım. Her türden birkaç tanesine bakacağız.

Düzenler

Ardından, birkaç düzene bakacağız. Onları Divi Theme Builder'a yükleyeceğim. Düzenleri Divi Kitaplığınıza kaydettikten sonra, düzenlerinizde kullanılabilirler. Onları arayın ve soldaki kategorileri seçin.

Mağaza Açılış Sayfası V3 Ragnar

Bu, Shop Landing Page V3 Ragnar'ın üst kısmıdır. Bir e-posta CTA'sı olan bir kahraman bölümü içerir. Bir mağaza bölümü, öne çıkan ürünleri gösterir ve fareyle üzerine gelindiğinde büyük metin halinde bir mesajı kaydıran animasyonlu bir kaplama içerir.

İşte Shop Landing Page V3 Ragnar'ın alt kısmı. Ekstra büyük resimler, mağaza CTA'ları oluşturur ve animasyonlu düğmeler içerir. Benzersiz bir blog bölümü, öne çıkan resmi bir tarafta görünen metnin arkasında görüntüler.

Kariyer Sayfası V1 Tina

Bu, Kariyer Sayfası V1 Tina'nın üst kısmıdır. Çakışan bir başlığa sahip bir kahraman resmi, belirtme çizgisine sahip bir giriş ve iki metin sütunu içerir. Bunu takiben, kartlar olarak görüntülenen açık pozisyonların bir bölümü yer alır.

Bu, Kariyer Sayfası V1 Tina'nın alt kısmıdır. Vurgulu animasyonlu tanıtım yazıları, CV ve şirket avantajlarının bir bölümünü göndermek için bir CTA tarafından takip edilen bilgileri sağlar.

Eski Zamanlar Blog Sayfası

Bu örnek, Eski Zamanlar Blog Sayfasının üst kısmıdır. Arka plan resmi üzerinde mesaj içeren bir kahraman bölümü ve fareyle üzerine gelme animasyonlu bir düğme içerir. Bir blog bölümü, solda büyük, öne çıkan bir resim içeren bir blog gönderisini ve sağda bir kenar çubuğu olarak daha küçük bir öne çıkan görsel içeren gönderileri gösterir. Blog bölümünü kahraman bölümünden sarı bir çizgi ayırır. Tüm blog kartları tilt animasyonları içerir.

Bu, Eski Zamanlar Blog Sayfasının alt kısmıdır. Ayrıca ayırma için sarı çizgiler kullanır ve üç sütunlu iki blog bölümü, büyük bir e-posta formu ve bir alt bilgi içerir.

Menü Sayfa Düzeni Jamie

İşte Menü Sayfa Düzeni Jamie'nin üst kısmı. Çeşitli yemek menüsü kategorilerine bağlanan simgeler içeren bir kahraman bölümü içerir. Vurgulu animasyonları içerirler. Bunu, solda bir resim ve sağda bir açıklama ile iki sütunlu bir yemek menüsü takip eder. Yiyecekler kategorilere ayrılmıştır.

Menü Sayfa Düzeni Jamie

Bu, Menü Sayfası Düzeni Jamie'nin alt yarısıdır. Yemek menüsüne devam eder ve tam genişlikte bir harita ile iletişim bilgilerini içerir.

Showreel Ana Sayfa Düzeni

Bu, Showreel Ana Sayfa Düzeninin üst kısmıdır. Kahraman bölümü, gömülü bir videoyu ve tam ekran bir arka plan görüntüsü üzerinde birkaç tanıtım yazısı oynatan bir düğme içerir. Bunu takiben bilgileri görüntülemek için bir dizi sekme bulunur. Animasyonlu bindirmeli büyük resimler hizmetlere bağlanır.

Bu, Showreel Ana Sayfa Düzeninin alt kısmıdır. Büyük resimlere devam eder ve eğik yer paylaşımlı animasyonlara sahip hizmetler için başka bir resim bölümü içerir. Ayrıca, stilize sayı sayaçları, bir e-posta formu ve bir alt bilgi içerir.

Görsel İlerleme Çubuğu Sayfası Freddie

Bu, Görsel İlerleme Çubuğu Sayfası Freddie. Zarif bir düzeni var ama benim göstermek istediğim ana unsur ilerleme çubuğu. Bu, mizanpajın kahraman bölümüdür. Ekranın altında bir menü bulunur. Kaydırdığınızda, menü ekranın üst kısmına eklenir ve düzendeki ilerlemeyi gösterir.

Bu örnekteki bölüm vaka çalışmalarıdır. İlerleme çubuğu, kaydırarak geçtiğim her bölüm için sarı gösteriyor. Bu bölüm için resimler eğim efektleri içerir.

Bölümler

Divi Kitaplığınıza kaydedilmiş Divi Den Pro – Düzen Kitaplığı bölümleriniz varsa, Bölüm kipinize bir Divi Den Pro DM sekmesi eklenir.

Greatest Hits Müzik Modülü Freddie

Greatest Hits Müzik Modülü Freddie, siyah bir arka plana ve sarı vurgulu efektlere sahip, tarz sahibi bir müzik çalar bölümü sağlar.

Stil Galerisi Demosu

Stil Galerisi Demosu, farklı kenarlık şekillerine ve görüntüleri ayırmak için bir renk bloğuna sahip ilginç bir resim galerisi sağlar.

Lintang Süreci Grace

Stil Galerisi Demosu, adımların bir listesini sağlar. Yatay olarak yerleştirilirler ve şekilli resimler veya renkler ve üzerine gelme efektleri içerirler.

Thunderbolt Ürünü Freddie

Thunderbolt Ürünü Freddie, bir tarafında ürün kaydırıcısını, diğer tarafında stil bilgilerini görüntüleyen bir ürün bölümüdür.

Alula Zaman Çizelgesi Grace

Alula Zaman Çizelgesi Grace, bir tarafında resimler, diğer tarafında bilgi bulunan alternatif bir dikey zaman çizelgesi oluşturur.

Modüller

Panodaki Modüller seçeneği düğmeleri gösterir. İşte indirdiklerimden birkaçı.

İndirdiğim tüm butonları tek bir sayfaya ekledim. Düğmelerin her biri ilgi çekici fareyle üzerine gelme animasyonları içerir.

Divi Den Pro Düzen Kitaplığı Nereden Satın Alınır?

Divi Den Pro – Mizanpaj Kitaplığı, Divi Marketplace'te 189$ karşılığında edinilebilir. Sınırsız web sitesi kullanımı, bir yıllık destek ve güncellemeler ve 30 günlük para iade garantisi içerir.

Divi Den Pro Düzen Kitaplığı Üzerine Son Düşünceler

Divi Den Pro – Düzen Kitaplığı'na bakışımız bu. Bu kütüphanede birçok düzen var. Kullanıcı arayüzü basittir. Düzenleri aramak, sıralamak, içe aktarmak ve indirmek sezgiseldir. Bölümler ve modüllerdeki bağlantının panodan daha sınırlı olduğunu gördüm, düzenler kitaplığa girdikten sonra, Kitaplıktan Ekle seçeneklerini seçerek kullanılabilirler. Divi Kitaplığınıza profesyonelce tasarlanmış birkaç bin düzen eklemekle ilgileniyorsanız, Divi Den Pro – Düzen Kitaplığı bir göz atmaya değer.

Senden duymak istiyoruz. Divi Den Pro – Düzen Kitaplığı'nı denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.