Divi Ürün Vurguları: Genişletilmiş Divi Düzenleri
Yayınlanan: 2023-09-25Divi Layouts Extended, Divi için özel bir kontrol paneli aracılığıyla içe aktarılan 1700'den fazla düzen içeren bir üçüncü taraf ürünüdür. Çok çeşitli türleri kapsarlar ve modüller, bölümler ve tam sayfalar içerirler. Bu yazıda Divi araç kutunuz için doğru ürün olup olmadığına karar vermenize yardımcı olmak için Divi Layouts Extended'a bakacağız.
- 1 Divi Layouts Extended'ı Yükleme
- 2 Güncelleme: Yeni Kullanıcı Arayüzü
- 3 Divi Düzeni Genişletilmiş Kontrol Paneli
- 4 Divi Düzeni Genişletilmiş Modüller
- 4.1 Divi Düzenleri Genişletilmiş Düğmeler
- 4.2 Divi Düzenleri Genişletilmiş Kaydırıcılar
- 5 Divi Düzeni Genişletilmiş Bölümler
- 5.1 Başlıklar
- 5.2 Bloglar
- 5.3 CTA'lar
- 5.4 Kahraman Bölümleri
- 5.5 Takım
- 5.6 Görüşler
- 5.7 Zaman Çizelgesi
- 5.8 Portföy
- 5.9 Woo Bölümleri
- 6 Divi Düzeni Genişletilmiş Sayfalar
- 6.1 Ana Sayfa
- 6.2 İniş
- 6.3 Arama Defteri
- 6.4 Mağaza
- 6.5 Gönderi
- 6.6 Çok Yakında
- 6.7 404
- 7 Genişletilmiş Divi Düzenleri Nereden Satın Alınır
- Genişletilmiş Divi Düzenleri Hakkında 8 Son Düşünce
Divi Layouts Extended'ı Yükleme
Divi Layouts'u yüklemek basitti. Herhangi bir eklentiyle aynı şekilde yükleyin ve etkinleştirin. Yüklemek için şu adrese gidin:
- Eklentiler
- Yeni ekle
- Eklentiyi Yükle
- Dosya seçin
- Şimdi kur
Yüklendikten sonra eklentiyi etkinleştirme seçeneğini göreceksiniz. Etkinleştirmek için seçin; kullanıma hazırdır.
- Eklentiyi Etkinleştir
Güncelleme: Yeni Kullanıcı Arayüzü
Ürünün öne çıkan kısmına dalmadan önce, Divi Extended yakın zamanda Divi Layouts Extended'a yeni bir görünüm ve his kazandırdı. Yeni kullanıcı arayüzünden neler bekleyebileceğinizi görmek için aşağıya göz atın. Ayrıca kitaplıklarına 200 düzen daha ekleyerek web sitelerinizi oluştururken aralarından seçim yapabileceğiniz daha da fazla seçenek sağladılar!
Divi Düzenleri Genişletilmiş Kontrol Paneli
WordPress kontrol paneline yeni bir Divi Layouts Extended menüsü eklendi. Tıkladığınızda, istediğiniz düzenleri seçebileceğiniz yeni kontrol paneli açılır. Bu kontrol panelini basit ve son derece sezgisel buldum.
Düzenleri, modülleri, bölümleri veya sayfaları görmek için sekmeler içerir. Ayrıca istediğiniz herhangi bir şeyi arayabilir ve bunları popülerliğe, isme ve tarihe göre artan veya azalan şekilde sıralayabilirsiniz. Düzenler kartlar halinde görünür. Düzeni önizleyebilir veya kitaplığınıza kaydedebilir, görmek için daha büyük düzenleri kaydırabilir ve onlara daha iyi bakmak için düzenleri önizleyebilirsiniz. Bu örnekte modülleri, bölümleri ve sayfaları içeren Tümü sekmesi gösterilmektedir.
Listenin en altına kaydırmak, bir sayfayı seçebileceğiniz veya İlk veya Son'u seçebileceğiniz gezinme alanıdır.
Önizleme tıklandığında öğe Divi Layouts Extended web sitesinde açılır. Düzende gezinebilir, tüm tıklanabilir şeylere tıklayabilir, fareyle üzerine gelme efektlerini görmek için üzerine gelinebilir ve resimler, ürünler vb. içeren düzeni görebilirsiniz.
Kitaplığa Kaydet'i seçtiğinizde düzen içe aktarılır ve düğme mor düğmeden yeşil Kaydedildi düğmesine dönüşür.
Sayfalarınızda, gönderilerinizde ve Divi Theme Builder'da normal şekilde kullanabileceğiniz düzeni kitaplığınızda da göreceksiniz. Kategorileri ve türleri içereceklerdir. Bu örnekte bir ana sayfa kaydettim. Ana sayfa kategorisini ve düzen türünü içerir.
Divi Düzenleri Genişletilmiş Modüller
Divi Layouts Genişletilmiş Modülleri düğmeler ve kaydırıcılar içerir. Birkaç örneğe bakacağız.
Divi Düzenleri Genişletilmiş Düğmeler
Aralarından seçim yapabileceğiniz 55 düğme vardır. Düğmenin metni, düğmenin ne yaptığının veya düzeninin kısa bir açıklaması olarak çalışır.
Tasarımlar arasında düz renkler, renksiz, degradeler, resimler, metinler, kenarlıklı veya kenarlıksız, kare veya yuvarlak kenarlar, simgeli veya simgeli, gölgeli veya gölgesiz, vurgulu efektli veya efektsiz ve daha fazlası bulunur. Çoğu öne çıkmak için yapılmıştır ve iyi bir şekilde öne çıkarlar. Özellikle simgeli ve vurgulu efektli düğmeleri seviyorum.
Divi Düzenleri Genişletilmiş Kaydırıcılar
Aralarından seçim yapabileceğiniz 15 kaydırıcı vardır. Tam ekrandırlar ve düzenleri ve gezinmeleri için farklı tasarımlar içerirler. Bunlar bir harekete geçirici mesaj, resimler, arka planlar, ürünler, navigasyon vb. içerir.
Bu örnekte açılı bir arka plan, stillendirilmiş gezinme, resim, metin ve CTA gösterilmektedir.
Divi Düzenleri Genişletilmiş Bölümler
27 farklı kategoride 855 bölüm bulunmaktadır. Hakkında, blog, CTA'lar, müşteri logoları, üstbilgiler, altbilgiler, üst çubuklar, sayı sayaçları, referanslar, kahraman bölümleri, galeriler, hizmetler ve çok daha fazlası gibi bölümleri içerir.
Başlıklar
130 başlık içerir. Menüler, sosyal medya simgeleri, arama alanları, tıklanabilir telefon numaraları, CTA'lar, stil sahibi açılır menüler ve çok daha fazlasını içerirler. Birçoğunda bir üst çubuk bulunur.
Bu örnek 127-129 başlıklarını göstermektedir. Gezinme, sosyal simgeler, arama, iletişim bilgileri vb. içerirler.
Bu örnekte 101-103 başlıkları gösterilmektedir. Fareyle üzerine gelme animasyonlarına sahip CTA düğmeleri içerirler. Açılır menüyü göstermek için ikinci başlığın menüsünün üzerine geliyorum.
Bloglar
60 adet blog bölümü bulunmaktadır. Bunlar arasında ızgara düzenleri, alternatif düzenler, tek sütunlu düzenler, stil oluşturma, vurgulu efektler vb. bulunur. Blog kartları birçok stil seçeneği sunar.
Bu örnekte iki sütunlu dergi tarzı bir düzen bulunmaktadır. En son blog gönderileri sol sütunda görüntülenir ve öne çıkan görselleri içerir; diğerleri ise sağ sütunda toplanır ve büyük devamını oku düğmeleri içerir.
Bu örnekte, örtüşen başlıklar ve alıntılar içeren bir ızgara düzeni gösterilmektedir. Fareyle üzerine gelme efektini göstermek için ikinci gönderinin üzerine geliyorum.
CTA'lar
Aralarından seçim yapabileceğiniz 38 harekete geçirici mesaj bölümü vardır. Bunlar tam genişliktedir ve birden fazla düzen türünde resimler, mesajlar, düğmeler, formlar, sayı sayaçları ve daha fazlasını içerir.
Bu örnekte kırmızı vurgular ve iletişim bilgileri içeren bir e-posta CTA'sı gösterilmektedir. Telefon numarası tıklanabilir.
Kahraman Bölümleri
60 adet kahraman bölümü içerir. Bunlar arasında CTA'lar, gömülü videolar, geri sayım sayaçları, resimler, arka planlar, formlar, tanıtıcı yazılar, gönderiler, ürünler ve daha fazlası bulunur. Bunlar Divi Layouts Extended'daki favori düzenlerimden bazıları.
Bu örnek, iki arka planla örtüşen bir grafiğe sahip bir CTA'yı göstermektedir. Arka planda öne çıkmak için farklı renklerde şekiller bulunur.
Bu örnek, mağazadaki çeşitli sayfalara giden bağlantıları içerir. Düz renkler ve başlıklar, düğmeler veya indirimler içeren resimler içerirler.
Takım
35 takım düzeni arasından seçim yapın. Stillendirilmiş Kişi Modüllerini farklı şekillerde görüntülerler ve destekleyici metin, düğmeler ve daha fazlasını içerirler. Çoğu bir ızgaraya yerleştirilmiştir, ancak tek sütunlu düzenlere, mozaik düzenlere vb. sahip birkaç tane vardır.
Bu örnekte metin, bir düğme ve dalgalı bir arka plan içeren üç Kişi Modülü gösterilmektedir. Her iki taraftaki bir modülün üzerine gelindiğinde çapraz olarak kayar.
Görüşler
Aralarından seçim yapabileceğiniz 25 referans bölümü vardır. Bunlar ızgara düzenlerini, tek sütun düzenlerini, alternatif düzenleri ve çok daha fazlasını içerir. Bunlar bir tarafta arka plan resimleri veya renk, Referans Modülleri için farklı arka planlar, daire içine alınmış resimler, kare şeklinde resimler vb. içerir.
Bu örnekte bir tarafta bir resim, diğer tarafta ise resimle örtüşen bir referans kaydırıcısı gösterilmektedir. Kaydırıcı en sağda gezinmeyi içerir.
Zaman çizelgesi
Aralarından seçim yapabileceğiniz 5 zaman çizelgesi bölümü vardır. Bunlar süreç adımlarını, yayın zaman çizelgesini vb. göstermek için mükemmeldir. Yatay ve dikey düzenler içerirler.
Bu, proje yönetimi için harika bir üretim zaman çizelgesini gösteriyor. Zaman çizelgesini yukarıdan aşağıya doğru değişen farklı renkli simgelerle görüntüler. Metin simgelerin karşı tarafındadır ve simgelerle aynı renkte başlıklar içerir.
Portföy
10 portföy düzeni arasından seçim yapın. Bunlar Divi Layouts Extended'daki en şık düzenlerden bazılarıdır. Resimler ve renk blokları da dahil olmak üzere çeşitli arka plan tasarımları içerirler. Çeşitli düzenler ve portföy kartı tasarımları içerirler. Bazıları bir CTA veya stilize edilmiş bir filtre içerir. Endüstriyel, tüketici, mağazalar, restoranlar, fotoğrafçılık, tasarım vb. dahil olmak üzere çeşitli endüstrilerde çalışıyorlar.
Bu örnekte bir restoran menüsü oluşturmak için portföy bölümü kullanılmaktadır. Portföy kartlarında gölgeler, kaplamalar ve yuvarlatılmış köşeler bulunur. Arka plan resmiyle örtüşüyorlar. Kaplamayı göstermek için sağdaki öğenin üzerine geliyorum.
Woo Bölümleri
Aralarından seçim yapabileceğiniz 30 Woo bölümü var. Mağazadaki çeşitli kategorilerde CTA olarak çalışırlar ve stilize edilmiş arka planlar, stilize edilmiş görseller, teklifler, geri sayım sayaçları ve birçok düzen tasarımı içerirler. Düzenler içindeki bölümler ve kahraman bölümleri olarak harika çalışırlar.
Bu örnek, ofset kenarlıklara sahip stilize edilmiş görüntüleri gösterir. Izgara içinde iki farklı düzen içerirler. Mağazadaki kategorilere bağlantılar olarak çalışır.
Bu örnekte bir geri sayım sayacı ve mağazayı görmek için bir düğme bulunmaktadır.
Divi Düzenleri Genişletilmiş Sayfalar
Divi Düzenleri Genişletilmiş Sayfalar sekmesi 23 tür sayfa içerir. Bunlar arasında ev, iniş, hakkında, çok yakında, ödeme, fiyatlandırma, ürün, arama, hizmetler, proje, mağaza, ekip, referanslar, SSS'ler, Lookbook, 404 ve daha fazlası yer alır. Her biri için özel stile sahip çeşitli türlerde sayfalar oluşturmak için diğer sekmelerdeki modülleri ve bölümleri kullanırlar. İşte birkaç örnek.
Ev
10 ana sayfa arasından seçim yapın. Mağazalar, ajanslar, müzik grupları, emlak, düğünler ve çeşitli hizmet tabanlı işletmeler için tasarlanmıştır.
Bu örnek, gruplar ve canlı etkinlikler için tasarlanan Divi Konseri'nin ilk yarısını göstermektedir. Arka plan resmi, CTA ve sayı sayacı içeren bir kahraman bölümü içerir. Aynı zamanda bilgi bölümleri, etkinlik programı ve grup üyeleri için bir ekip bölümü de içerir.
İkinci yarı, bir tarafında görselin, diğer tarafında tanıtım yazılarının yer aldığı iki bölümden oluşan bir seyahat planı içerir. Ayrıca bir blog bölümü, fiyat tabloları ve sponsor logoları da bulunmaktadır.
İniş
İş odaklı çeşitli türlerde seçebileceğiniz 40 açılış sayfası vardır. Ajansları, konferansları, yazarları, podcast'leri, web seminerlerini vb. içerirler.
Bu bir podcast'in açılış sayfasıdır. Bir CTA, gömülü bir video, sponsor logoları ve bir e-posta formu içeren bir kahraman bölümü içerir. Ayrıca bilgi, gömülü ses dosyaları ve ana bilgisayarlar için bir bölüm içerir.
Kitap bakmak
Aralarından seçim yapabileceğiniz 3 Lookbook sayfası vardır. Resimlere odaklanan mağaza sayfaları oluşturmak için çeşitli düzenlerde çok sayıda stil sahibi görsel içerirler.
Bu örnek, ürün görsellerinin çeşitli bölümlerini gösterir ve bir geri sayım sayacı ile öne çıkan ürünleri içerir.
Mağaza
Aralarından seçim yapabileceğiniz 30 mağaza sayfası var. Ürünleri ızgaralar halinde, büyük veya küçük görsellerle, kenar çubuklu veya kenar çubuksuz, CTA'lı veya CTA'sız çeşitli şekillerde görüntülerler.
Bu örnekte içerik kırıntıları, ürünler, kategoriler ve etiketler içeren bir kenar çubuğu bulunmaktadır. Sayfanın üst kısmındaki kaydırıcı kategorilere bağlantı verir. Ürünler stil sahibi unsurlar içerir.
Postalamak
25 blog yazısı düzeni vardır. Gönderi öğelerini farklı şekillerde görüntülerler. Kenar çubuğu olan veya olmayan bir düzen seçin.
Bu örnekte öne çıkan görsel sol tarafa, metin ve meta veriler ise sağ tarafa düz bir arka plan üzerine yerleştirilir. İçerik, yazı navigasyonu, etiketler ve yorumlarla birlikte geniş tek sütunlu bir düzende sunulur.
Yakında gelecek
Aralarından seçim yapabileceğiniz 5 yakında sayfa var. Büyük metinler, geri sayım sayaçları, e-posta formları ve sosyal medya takip simgeleri içerirler.
Bu örnekte mesaj sol tarafta bir arka plan resminin üzerinde görüntülenir. Sağda geri sayım sayacı, sosyal medya simgeleri ve e-posta formu için bir düğme yer alıyor; bunların tümü sol kenarı yuvarlatılmış beyaz bir arka plan üzerine yerleştirilmiş.
404
10 404 sayfa var. Grafikler, resimler, tipografi, sosyal takip simgeleri, iletişim bilgileri, arama kutuları ve ana sayfaya bir bağlantının bir kombinasyonunu içerirler. Çoğu, bu öğelerin yalnızca birkaçını içerir, bu da onları basit ve anlaşılması kolay kılar.
Örnekte, Divi Konseri açılış sayfasıyla harika çalışan bir etkinliğin arka plan resmi kullanılıyor. Tam genişlikte bir arka plan resmi, 404 hata mesajı, bir arama kutusu ve sosyal simgeler içerir.
Divi Layouts Extended'ı Nereden Satın Alabilirim?
Divi Layouts Extended, Divi Marketplace'te 49 $ 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 Düzenleri Hakkında Son Düşünceler Genişletildi
Divi Layouts Extended'a bakışımız bu. Bu Divi eklentisinde çok sayıda iyi tasarlanmış düzen var. Kontrol panelinin kullanımı kolaydır ve yalnızca istediğiniz düzenleri içe aktararak Divi Kitaplığınızı temiz tutar. Divi Kitaplığınıza aktarıldıktan sonra herhangi bir Divi düzeniyle aynı şekilde çalışırlar. Divi düzenleri kitaplığınızı genişletmek istiyorsanız Divi Layouts Extended, göz önünde bulundurmanız gereken harika bir seçimdir.
Senden duymak istiyoruz. Divi Layouts Extended'ı denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.