Divi 2.4 Geldi! Divi'nin Tarihindeki En Büyük Yükseltmeye Hoş Geldiniz


Divi'nin tarihindeki en büyük yükseltmeye hoş geldiniz. Ekibimiz hiçbir üründe Divi'den daha fazla zaman, çaba ve sevgi göstermedi ve bir Divi güncellemesi hiçbir zaman 2.4'ten daha kapsamlı olmamıştı.

Bu, 1.000'den fazla yeni modül tasarım ayarı ve tema özelleştirici kontrolünün yanı sıra tamamen yeni bir akışkan ızgara ve her zamankinden daha çok yönlü ve özelleştirilmesi kolay yeniden tasarlanmış esnek modüller setini içeren anıtsal bir güncellemedir. Kendi Divi Builder düzen koleksiyonunuzu kaydetmenin, kullanmanın ve düzenlemenin yepyeni bir yolu olan Divi Kitaplığı sayesinde bu ultra özelleştirilebilir düzenlerin kullanımı her zamankinden daha kolay. Yeni web tasarım araç setinize merhaba deyin.

Divi Builder'a eklediğimiz tüm harika şeyler, Divi Builder'ın artık tüm yazı tiplerine genişletildiğini düşündüğünüzde daha da harika. Oluşturucu artık sayfalarla sınırlı değil, yani oluşturucuyu güzel blog gönderileri oluşturmak için kullanmakta özgürsünüz!

Tabii ki, bu birkaç şey sadece Divi 2.4'ün sunduğu şeylerin yüzeyini çiziyor. Konuşacak çok şey var ve geçen yıl üzerinde çalıştığımız tüm harika şeyleri sizinle paylaşmak için sabırsızlanıyorum. O yüzden rahat olun, bir içki alın ve gerçekten destansı bir güncelleme hakkında korkunç bir gönderiye hazır olun!

divi-2-4_bread-post-thumb Canlı Demo
divi-2-4_bread-post-thumb Canlı Demo
divi-2-4_bread-post-thumb Canlı Demo
divi-2-4_bread-post-thumb Canlı Demo

oklar-2

İşte ana yemekten önce küçük bir meze. Başlamak için, bu temanın ne kadar çok yönlü hale geldiğini size göstermek için 4 yepyeni Divi Demosu oluşturduk. Tüm bu demolar, yalnızca standart tema ayarları kullanılarak baş tasarımcımız Kenny Sing tarafından oluşturulmuştur. Özel kod veya Alt Tema yok! Artık tek bir temayla oluşturulabilen düzen çeşitliliği gerçekten etkileyici. Daha fazla veda etmeden, bu güzel tasarımları mümkün kılan yeni özelliklere ayrıntılı bir göz atalım.

özelleştirici-bölüm-başlığı

Yeni Global Ayarlar ve %100 Akışkan Izgarası

Divi 2.4'ün omurgası, tamamen yeni akışkan ızgarası ve her zamankinden daha esnek olan yeniden tasarlanmış bir modül setidir. Bu yeni ızgara, Divi Tema Özelleştirici'ye özel içerik genişlikleri, sütun aralıkları, menü yükseklikleri, menü genişlikleri ve çok daha fazlasını tanımlama yeteneği gibi bazı harika yeni ayarlar eklememize izin verdi.

divi-2-4_theme_customizer

İçerik Genişliğinizi Seçin

Divi'nin web sitesi genişliği artık seçtiğiniz herhangi bir maksimum genişliğe göre özelleştirilebilir, bu da onu süper yüksek çözünürlüklü ekranların geleceği için tamamen hazır hale getirir.

divi-içerik-genişliği

Kenar Çubuğu Genişliğinizi Seçin

Kenar çubuğu sayfa şablonu, arşiv sayfaları, kategori sayfaları ve diğer tüm gönderi türlerini kullanan sayfalar için kenar çubuğunuzun genişliğini ayarlayın.

küresel kenar çubuğu genişliği

Logonuzun Yüksekliğini Ayarlayın

Farklı logolar, optimum okunabilirlik için farklı başlık yükseklikleri gerektirir. Bu yeni seçenek, logonuzun tüm potansiyelini yaşayabilmesi için başlığınızın yüksekliğini ayarlamanıza olanak tanır.

başlık yüksekliği

Gezinme Yazı Tiplerinizi, Metin Boyutlarınızı ve Metin Stillerinizi Tanımlayın

2.4'te navigasyonunuzdaki metin stillerini değiştirmeyi son derece kolay hale getirdik. Divi Tema Özelleştirici'nin içinden birincil ve ikincil gezinme yazı tiplerinizi, yazı tipi boyutlarınızı ve metin renklerinizi seçebilirsiniz.

divi-2-4-navstyles

Sabit Başlığınıza Benzersiz Bir Şekil Verin

Sabit navigasyon etkinleştirildiyse, artık kullanıcı kaydırmaya başladıktan sonra navigasyonunuzun nasıl görüneceği üzerinde tam kontrole sahipsiniz. Bu stiller, navigasyonunuzun birincil stillerinden bağımsız olarak ayarlanabilir; bunların tümü, kullanıcılar kaydırdıkça otomatik olarak geçiş yapacaktır.

sabit navigasyon

Kullanıcı Kaydırana Kadar Gezinmeyi Gizle

Bu ayar etkinleştirildiğinde, ziyaretçiniz sayfayı aşağı kaydırmaya başlayana kadar gezinme çubuğunuz gizli kalır. Bu, Tam Genişlik Kaydırıcısı veya Harekete Geçirici Mesaj gibi sayfanızdaki ilk bölüme tam bir önem vermenin harika bir yoludur.

gizli başlık

Logonuzu Ortalanmış ve Satır İçi Yapın

Divi, yeni bir Ortalanmış Satır İçi Logo başlık stiliyle birlikte gelir. Bu ayar, sahip olduğunuz menü öğelerinin sayısını otomatik olarak hesaplar ve logonuzu gezinme bağlantılarınız arasında ortalar.

divi-2-4-merkezli navigasyon

Navigasyonunuza Tam veya Yarı Şeffaflık Ekleyin

Tema Özelleştirici artık alfa saydamlığını destekleyerek gezinme çubuklarınızı yarı saydam yapma seçeneği sunar. Divi, gezinme çubuğunuzun yüksekliğini otomatik olarak hesaplar ve metninizi engellemeden sayfa içeriğinizi kaplayabilmesi için sayfanızdaki ilk öğeye uygun dolguyu ekler. Yeni benzersiz bir görünüm için navigasyon arka plan renginizi tamamen şeffaf hale getirebilirsiniz.

divi-2-4-şeffaf gezinme

Tüm Harika Yeni Gezinme Özelliklerini Birleştirerek Web Sitenize Benzersiz Bir Yaratıcılık Dokunuşu Verin

Daha önce hiç mümkün olmayan benzersiz görünümlü başlıklar oluşturmak için menü renklerini, yazı tiplerini, metin stillerini ve düzen seçeneklerini birleştirmenin sınırsız yolu vardır. Divi web sitelerinizin her birini öne çıkarmanın bir yolunu arıyorsanız, Tema Özelleştirici'nin kapsamlı yeni Başlık ve Gezinme ayarları setini kesinlikle keşfetmelisiniz.

divi-2-4_navmocks

Tipografi Ayarları

Divi 2.4, başlıklar, gövde, alt başlıklar, alt bilgi metni, gezinme bağlantıları, gövde metni ve hatta bireysel modüller için varsayılan metin stili dahil olmak üzere web sitenizin her bölümünü ayarlamak için kullanılabilecek tipografi için yeni kontroller sunar. Boyut, Renk, Harf Aralığı, Satır Yüksekliği, Yazı Tipi Ağırlığı, Tümü Büyük Harfler ve İtalik gibi şeyler için kontrolleriniz vardır.

tipografi

Sütun Aralığınızı Tanımlayın

Görüntülediğiniz içeriğin türüne bağlı olarak sütun aralığınızın daha geniş, daha dar ve hatta daha az cilt payı olmasını isteyebilirsiniz. Artık global sütun aralığınızı farenizin tıklamasıyla ayarlayabilirsiniz.

divi-2-4_gutters-global


divi-2-4_gutters_global_example

Bu ayar aynı zamanda Galeriler, Portföyler ve Duvarcılık Bloglarını içeren ızgara tabanlı modülleri de etkiler.

Bölüm ve Satır Yüksekliğini Artırın veya Azaltın.

Divi'nin yatay sütun aralığı kontrollerinin yanı sıra, satır ve bölümlerin dikey aralıklarını da tanımlayabilirsiniz. İşleri sıkılaştırmak veya içeriğinize nefes alması için daha fazla alan vermek istiyorsanız, bölüm/satır yüksekliği kaydırıcınızı yukarı veya aşağı sürüklemeniz yeterlidir.

divi-2-4_padding-genel

Yeni Altbilgi Düzenleri ve Widget Stili

Artık alt bilgi alanınız için seçebileceğiniz 8 sütun düzeninin yanı sıra alt bilgi widget başlığı ve gövde metni stili üzerinde tam kontrole sahipsiniz.

divi-2-4-altbilgiler

Düğme Stili

Divi şimdi size web sitenizdeki tüm düğmeler üzerinde tam kontrol sağlıyor. Global temel stilleri ayarlayabilir, hatta bireysel modüller için düğme stillerini ayarlayabilirsiniz. Artık yazı tipi, metin boyutu, metin rengi, arka plan rengi, kontur stilleri, simge seçimi üzerinde tam kontrole ve ayrıca düğme üzerine gelme stilleri için benzersiz bir kontrol grubuna sahipsiniz.

düğmeler

Canlı Web Sitesi Demosu

Web sitenizi diğerlerinden farklı kılmak için Divi'nin bazı yeni Tema Özelleştirici özelliklerinden nasıl yararlanabileceğinizi gösteren canlı bir demoyu görmek için aşağıdaki bağlantıya tıklayın.

divi-2-4-casestudydemo
Canlı Demoyu Görüntüle

modül-özelleştirici-bölüm-başlığı

Divi Modül Özelleştirici

Divi Tema Özelleştirici'ye ek olarak, Divi Modül Özelleştirici, ayrı modüller için temel varsayılanları ayarlamanıza olanak tanır. Her bir modül için yazı tipi stillerini ve modül boyutlarını ayarlayabilir ve bu ayarlamaların tüm web sitenize yansımasını sağlayabilirsiniz. Tüm Kaydırıcılarınızı biraz daha küçültmek ister misiniz? Böyle bir değişiklik, Modül Özelleştirici'de yalnızca bir tık ötede.

Bir alt tema oluşturmadan veya özel CSS yazmadan, Divi Modül Özelleştirici'de varsayılan kaydırıcı yükseklikleri, varsayılan galeri vurgulu kaplama rengi veya varsayılan görüntü gecikmeli yükleme animasyonu gibi 200'den fazla ayara sahipsiniz. Bu seçenekler, web sitenizi tamamen özelleştirmek için size daha fazla yol sunmak ve bunu yaparken size çok zaman kazandırmak için burada.

divi-2-4_moduleözelleştirici

postbuilder-bölüm-başlığı

Yazılarda Divi Builder'ı kullanın!

Divi Builder'ı gönderilerde kullanmak için uzun zamandır beklenen ve çok arzu edilen yetenek artık bir gerçek. Divi'nin yeni akışkan ızgarası sayesinde, Divi Builder ile oluşturulan düzenler, tasarım bütünlüğünü korurken artık her yerde kullanılabilir. Blogunuzda güzel hikaye odaklı gönderiler oluşturmak için Divi Builder'ı kullanmak için artık çok sayıda harika fırsat var.

Divi Builder'ı gönderilerde kullanmak, sol, sağ veya tam genişlikte gönderi düzenlerinizi korumanıza izin verir. Oluşturucu içeriğine ek olarak gönderinizin başlığını, metasını ve öne çıkan resmini görüntüleme seçeneğiniz de vardır. Gönderinizin başlığını, metasını ve öne çıkan görselini daha yaratıcı yollarla nasıl ekleyebileceğinizi öğrenmek için okumaya devam edin.

divi-2-4_post-fw

Tam genişlik

divi-2-4_post-sol kenar çubuğu

Sol Kenar Çubuğu

divi-2-4_post-sağ kenar çubuğu

Sağ Kenar Çubuğu

Canlı Yayın Demoları

Divi Builder ile oluşturulan Blog Yazıları kesinlikle güzel ve büyüleyici olabilir. Yapabildiğimiz harika gönderilerden bazılarına bir göz atın ve okuyucularınız için böylesine zengin ve ilgi çekici bir içerik deneyiminin ne kadar harika olacağını hayal edin. Bu, çevrimiçi yayınınızı kalabalığın arasından öne çıkarmanın mükemmel bir yoludur.

divi-2-4_sandalye sonrası başparmak Canlı Demo
divi-2-4_bread-post-thumb Canlı Demo
divi-2-4_kahve-sonrası başparmak Canlı Demo
satır seçenekleri-bölüm-başlığı

Tüm Yeni Satır Seçenekleri

Divi 2.4'ten önce, Rows herhangi bir seçenekle gelmiyordu. Artık Rows ve sütun yapıları akıcı olduğundan, Rows yeni bir dizi seçenekle güçlendirildi ve onları Divi Builder'daki en çok yönlü öğe haline getirdi. Divi 2.4'teki yeni Satır seçenekleri, daha önce hiç mümkün olmayan tamamen yeni nesil benzersiz düzenlerin yolunu açıyor. Bir satırın mevcut sütun yapısını nasıl düzenleyebileceğinizi, oluk genişliklerini nasıl ayarlayabileceğinizi ve hatta tam genişlikte bir satırı nasıl oluşturabileceğinizi görmek için aşağıya bir göz atın!

Bir Satırın Mevcut Sütun Yapısını Değiştir

Artık düzeninizdeki mevcut herhangi bir Satırın sütun yapısını kolayca değiştirebilirsiniz. Bu Satırların sütunları anında ayarlanır ve içlerindeki Modüller de buna uyum sağlayarak onları mevcut sütunlara yerleştirir veya artık mevcut olmayan sütunlardan kaldırır. Tamamen yeni bir Satır oluşturma ve yalnızca sütun yapısını değiştirmek için tüm modüllerinizi sürükleme günleri geride kaldı!

divi-2-4_adjust-columns
Sütunları Artır…
divi-2-4_increase-sütunlar
veya sütunları saniyeler içinde azaltın.
divi-2-4_decrease-columns

Özel Sütun Aralığı

Tema Özelleştirici'de sütun genişliklerini global olarak ayarlamakla kalmaz, aynı zamanda bunları sütun bazında da ayarlayabilirsiniz. Sütun aralığınızı 0'a ayarlayarak oluksuz bir etki bile elde edebilirsiniz.

divi-2-4_gutters

Tam Genişlik Satırları

Divi'nin yeni Satır seçenekleri, Satırları Tam Genişlik yapma özelliğini de içerir. Tam Genişlik Satırlarını Divi'nin sayısız sütun yapısı ve sütun aralığı seçenekleriyle birleştirmek, yepyeni bir yerleşim olanakları alanı açar.

divi-2-4_fw-satırları

Sütun Arka Plan Renkleri

Bölüm ve Satır arka plan seçeneklerine ek olarak, artık bir Satırın içindeki her bir sütuna kendi arka plan rengini, arka plan görüntüsünü veya arka plan videosunu verebilirsiniz. Bu, gerçekten harika efektler elde etmek için Tam Genişlik Sıraları ile birleştirilebilir.

divi-2-4_column-seçenekleri

Eşit Sütun Yüksekliği Seçeneği

Bir Satırdaki tüm sütun yüksekliklerinin eşit olması için bitişik sütunlara tam olarak doğru miktarda içerik eklemek neredeyse imkansızdır. Bu, sütunlara arka plan renkleri eklerken yapışkan görünebilir. Divi'nin yeni sütun yüksekliği standardizasyonu seçeneği ile, bir satıra sütun yüksekliklerini eşitlemesini söyleyebilirsiniz ve her sütun otomatik olarak aynı yükseklikte görünecektir. Bu, oluksuz sütun aralığı ile birlikte kullanıldığında özellikle yararlı bir seçenektir.

divi-2-4_column-heights

Canlı Web Sitesi Demosu

Tam genişlikte satırlardan ve eşit sütun yüksekliklerinden nasıl yararlanabileceğinizi gösteren canlı bir demoyu görmek için aşağıdaki bağlantıya tıklayın.

divi-2-4-iç demo

Canlı Demoyu Görüntüle

gelişmiş bölüm başlığı

Gelişmiş Modül Tasarım Ayarları

Artık sayfanıza eklediğiniz her bir modülün tasarımıyla ilgili her şeyi kesinlikle özelleştirmek mümkün. CSS ile yapılabiliyorsa Divi Builder'a eklenen yüzlerce yeni tasarım kontrolü ile yapılabilir. Tipografi, boşluk, arka planlar, kenarlıklar, renkler ve çok daha fazlası gibi şeyleri kontrol etmenizi sağlayan sayısız tasarım seçeneği ekledik.

Yeni Sekmeli Ayarlar

Bölüm, Satır ve Modül Ayarlarında artık Genel Ayarlar, Gelişmiş Tasarım Ayarları ve Özel CSS için yeni sekmeli bir düzen var. Gelişmiş Tasarım Ayarları, her modül için daha ayrıntılı stil kontrollerini bulacağınız yerdir. Bu yeni tasarım seçeneklerinin ne kadar güçlü olabileceğini görmek için aşağıdaki örneklere göz atın.

divi-2-4_advsettings

Tipografi Seçenekleri

Artık modüllerinizdeki metnin görünümü üzerinde tam kontrole sahipsiniz. Bir modüldeki her metin parçası için yazı tipini, metin boyutunu, metin rengini, yazı tipi ağırlığını, satır yüksekliğini, harf aralığını, tamamı büyük harfleri, italikleri ve alt çizgiyi ayarlayabilirsiniz.

divi-2-4-moduletext


divi-2-4-slidertext

yani Bir Blurb veya Slider modülünün tipografisini tamamen özelleştirin.

Özel Dolgu ve Kenar Boşluğu

Divi'nin ızgara temeli, yapılandırılmış bir web sitesi için harika bir temeldir, ancak sayfanızdaki öğelerin boyutlandırılması ve aralıkları üzerinde kontrol sahibi olmak, son derece rafine düzenler elde etmek için hayati önem taşır. Bölümler ve Sıralar, Divi Modüllerinin her birinde olduğu gibi artık ayarlanabilir dolgu kontrollerine sahiptir.

divi-2-4-hepsi doldurma


divi-2-4-sliderpadding

yani, herhangi bir Kaydırıcının üst ve alt dolgusunu azaltın veya artırın



divi-2-4-bar tezgahı

yani Bar Sayaçlarının dolgusunu ve tipografisini kontrol edin



divi-2-4-ctapadding

yani Yüksekliğini artırmak için Harekete Geçirici Mesajın dolgusunu artırın



divi-2-4-ctamargin

Veya daha fazla nefes alma alanı sağlamak için çevreleyen kenar boşluğu ekleyin

Arka Plan ve Kenarlık Seçenekleri

Modül arka plan renklerini ve kenarlık stillerini değiştirmek artık Modülün Gelişmiş Tasarım Ayarlarının içinde mevcuttur. Hatta şeffaf veya yarı şeffaf renkleri de seçebilirsiniz!

divi-2-4-fiyat tabloları

yani Bireysel Fiyatlandırma Tablolarının arka plan renklerini özelleştirin



divi-2-4-iletişim formu

yani İletişim Formunuza yarı şeffaf alanlar verin ve/veya bir kenarlık ekleyin



divi-2-4-blurbbgs

yani arka plan resimlerinin üzerine yerleştirildiğinde okunaklı hale getirmek için metne bir arka plan rengi ekleyin.

Canlı Web Sitesi Demosu

Gelişmiş bölüm, satır ve modül ayarlarından nasıl yararlanabileceğinizi gösteren canlı bir demoyu görmek için aşağıdaki bağlantıya tıklayın.

divi-2-4-kafedemo
Canlı Demoyu Görüntüle

divi-e-4_css-bölüm-başlığı

Özel CSS Seçenekleri

Gelişmiş Tasarım Ayarlarımız yeterli değilse, Divi Builder'daki her Modül, Bölüm ve Satırın artık CSS-Savvy tasarımcıları tarafından sayfadaki belirli öğeleri doğrudan kontrol etmek için kullanılabilecek yeni bir Özel CSS sekmesine sahip olduğunu fark edeceksiniz. Gelişmiş Tasarım Ayarları sekmesinde aradığınız şey yoksa, bunun için CSS'yi buraya ekleyin. Her modül için yapısal HTML öğelerini ayırdık ve her biri için CSS giriş alanları verdik. Bir özelleştirme yapmak istiyorsanız, buraya eklemeniz yeterlidir. Tamamen yeni bir Çocuk Teması yapma zahmetine girmenize gerek yok.

divi-2-4_customcss sekmesi

Örneğin, bir görüntü modülüne, altındaki bölümle biraz örtüşmesi için özel stiller verebilirsiniz. Bu, parmaklarınızın ucundaki sonsuz CSS olanaklarının yalnızca tek bir örneğidir!

divi-2-4_customcss-ex

divi-2-4_library-section-header

Divi Kütüphanesi ile tanışın!

Divi Kitaplığı, insanların Divi'yi kullanma (ve genel olarak web siteleri oluşturma) biçiminde devrim yaratacağını bilerek, duyurmaktan son derece heyecan duyduğumuz bir şeydir. Divi Kitaplığı, özelleştirilmiş Modüllerinizi, Bölümlerinizi, Satırlarınızı ve hatta tüm Düzenlerinizi kaydetmeniz için bir yerdir. Bu öğeler daha sonra doğrudan oluşturucuya yeni sayfalarda veya müşterileriniz için yeni web siteleri oluşturmaya başlarken eklenebilir. Yeni Gelişmiş Tasarım Ayarlarımız ve Özel CSS girişlerimizle birleştirildiğinde, bu kaydedilmiş kitaplık öğeleri tamamen yeni bir anlam kazanıyor. Her biri belirli bir web sitesi türü için sizin tarafınızdan özelleştirilmiş bir Divi Modülleri ve Bölümleri klasörünüz olduğunu hayal edin. Bir dahaki sefere benzer bir projeye başladığınızda, Kütüphaneyi yükleyin ve inşa etmeye başlayın. Özel CSS ve tasarım tweaks'leriniz doğrudan Kitaplık öğelerine kaydedilebildiğinden ve Kitaplığınızı nereye götürürseniz götürün anında erişilebildiğinden, bu birçok yönden bir Alt Tema ihtiyacını ortadan kaldırır.

divi-2-4_divi-kütüphane

divi-2-4_save-elements-section-header

Bölümleri, Satırları ve Modülleri Kaydet

Hepimizin beklediği an—Divi artık yalnızca düzenleri değil, aynı zamanda ayrı Bölümleri, Sıraları ve Modülleri de kaydetmenize izin veriyor. Düzenler gibi, bunları da diğer sitelerde kullanmak üzere dışa aktarabilirsiniz.

Kaydet ve Kitaplığa Ekle

Artık herhangi bir Bölümü, Satırı veya Modülü daha sonra kullanmak üzere kaydetmeyi seçebilirsiniz. Kitaplık öğeleri, tek bir modülün birden çok sayfaya yansıtılmasına izin vererek Global hale getirilebilir. Hatta Kitaplığa kaydederken belirli ayarları Seçmeli Olarak Senkronize edebilirsiniz.

divi-2-4_save-element

Seçici Senkronizasyon

Aşağıdaki resimde de görebileceğiniz gibi, ayarlar Kitaplığa kaydedildiğinde seçici olarak senkronize edilebilir. Bu, Genel Ayarlar, Gelişmiş Tasarım Ayarları ve Özel CSS sekmelerinin herhangi bir kombinasyonunu ayrı Kitaplık öğelerine kaydedebileceğiniz anlamına gelir. Seçilmeyen herhangi bir sekme, bir düzene eklediğinizde varsayılan tema değerlerini alır.

divi-2-4_save-adv-ayarları-ex

yani, yerleşiminize her başlık eklediğinizde tam yüksekliği, metin stillerini, düğme stillerini veya arka plan kaplamasını hatırlamak zorunda kalmamak için yalnızca tam genişlikte bir başlık modülünün Gelişmiş Tasarım Ayarları sekmesini kaydedin. Bu, bir ton zaman kazandırır ve tutarlılığı bir esinti haline getirir.

divi-2-4_global-section-header

Küresel Kitaplık Öğeleri

Evet, bu kulağa geldiği kadar şaşırtıcı. Web siteniz genelinde birden fazla konumda tek bir modüle sahip olma seçeneği sonunda burada! Global bir öğeyi Divi Kitaplığınıza kaydettiğinizde, o öğe (bir Bölüm, Satır veya Modül olsun) var olan her sayfada yansıtılacaktır. Öğeyi bir konumda güncellediğinizde, diğer her yerde anında güncellenir. Altbilginizdeki Harekete Geçirici Çağrı Modülü gibi herhangi bir öğeyi web sitenizde tekrarlarsanız, onu Global bir kitaplık öğesine dönüştürün. Her biriniz modülü güncellemek istiyorsanız, bunu düzinelerce, hatta yüzlerce kez yapmak yerine bir kez yapın.

Birden Çok Eleman Hepsi Senkronize

Global öğeler, bir düzen içinde birden çok noktaya veya tamamen ayrı sayfalara eklenebilir. Bu, birden fazla sayfada bulunan “Hakkımızda” metin bloğu gibi bir şey için harika olabilir. Bilgilerinizi güncellemeniz gerekiyorsa, sadece bir kez yapın!

divi-2-4_global-element

Global Öğeleri Kaydetme

Bir Bölümü, Satırı veya Modülü kaydedebilmenin yanı sıra, 'Kaydet ve Kitaplığa Ekle' düğmesinden onu global bir öğe olarak da kaydedebilirsiniz.

divi-2-4_save-genel

Küresel Modüller

Global kitaplık öğeleri, web sitenizde tekrarlanan öğeleri işlemenin mükemmel bir yoludur. Tek bir Modül oluşturabilir, bunu Global Kitaplık Öğesi olarak kaydedebilir ve ardından sitenizin herhangi bir yerine ekleyebilirsiniz. Bu modülü güncellemek isterseniz, sadece bir sayfada değiştirmeniz yeterlidir ve gerisi otomatik olarak güncellenecektir.

global-modül-mor

yani, birden çok sayfada global bir Harekete Geçirici Mesaj kullanın. Başlık, metin, bağlantı veya stilin güncellenmesi artık tek seferlik bir iştir.

Global Satırlar ve Bölümler

Sitenizde kullanmak istediğiniz modül veya satır gruplamanız varsa, Global Satırları ve Bölümleri bile kaydedebilirsiniz.

divi-2-4_globa-bölümleri

yani bir Global Bölüm oluşturun, bunu sitenizin her sayfasının altına ekleyin ve özel olarak oluşturulmuş bir altbilgi olarak kullanın.

Global Öğeler + Seçmeli Senkronizasyon

Daha önce de belirtildiği gibi, bir öğeyi kaydederken hangi ayarları kaydetmek istediğinizi seçebilirsiniz. Bu, özellikle Global öğelerle birlikte kullanıldığında kullanışlıdır. Örneğin, yalnızca Global öğelerin Gelişmiş Tasarım Ayarlarını kaydetmek, her örneğin farklı içeriğe sahip olmasına ve aynı zamanda Global / Seçici Olarak Senkronize Edilmiş tasarım ayarlarını paylaşmasına izin verecektir.

divi-2-4_cond-global-elemanları

Örneğin, bir Global Tam Genişlik Başlık Modülü oluşturabilir ve yalnızca Gelişmiş Tasarım Ayarlarını seçerek eşitleyebilirsiniz. Bu Global Modül artık sitenizdeki tüm sayfaların en üstüne eklenebilir ve Modülün her örneğinde yalnızca Gelişmiş Tasarım Ayarları paylaşılırken, Genel Ayarlar benzersiz (senkronize edilmemiş) kalır. Her sayfaya benzersiz başlık başlıkları ekleyebilirsiniz, ancak tüm sayfaların aynı özel yazı tipi kontrollerini ve renklerini paylaşmasını sağlayın. Sitenizdeki tüm genel başlıklar için kullanılan yazı tipini ayarlamak isterseniz, Global Tam Genişlik Başlık Modülünün Gelişmiş Tasarım Ayarlarını bir kez düzenleyin ve tüm sayfalarınız senkronize edilecektir!

divi-2-4_modules-section-header

Yeni Divi Modülleri

Divi 2.4, modül ailesine 6 yeni üye sunar: Tam Genişlikli Görüntü Modülü, Tam Genişlikli Kod Modülü ve Tam Ekran Başlık Modülü, Tam Genişlikli Posta Başlığı Modülü, Normal Kod Modülü ve Normal Posta Başlığı Modülü.

Tam Genişlikli Görüntü Modülü

Tam genişlikte görüntü modülü, sitenize tarayıcının tüm genişliğini kapsayan ve en boy oranlarını kırpmadan koruyan resimler eklemenize olanak tanır.

fw-image-animasyon

yani Tam Genişlikli Görüntüleri sayfa başlıkları, sayfayı bölmenin yaratıcı yolları olarak veya Divi'nin yeni Tam Genişlikli Satırları ile birlikte kullanın.

Canlı Web Sitesi Demosu

Etkili mizanpajlar oluşturmak için tam genişlikte görüntülerden nasıl yararlanabileceğinizi gösteren canlı bir demoyu görmek için aşağıdaki bağlantıya tıklayın.

divi-2-4-casestudydemo
Canlı Demoyu Görüntüle

Kod Modülü (Normal ve Tam Genişlik Modülleri)

Kod Modülü, esasen web sitenize kod eklemek için size boş bir sayfa sunar. Normal Kod Modülü ile herhangi bir sütuna kod ekleyebilir veya sütun veya satır genişliklerine bağlı olmayan Tam Genişlikli Kod Modülünü kullanabilirsiniz.

divi-2-4-kod modülü

yani, Revolution Slider ve Essential Grid gibi eklentilerden gelen üçüncü taraf kısa kodlarını Tam Genişlik Kod Modülüne yerleştirin.

TAM EKRAN Başlık

Divi'nin Tam Genişlik Başlık Modülü artık resim, logo, harekete geçirici mesaj düğmeleri ve daha fazlasını eklemek için ek seçeneklerle tam ekran yapılabilir!

divi-2-4-tam ekran modülü

24 Yerleşim İmkanı

Farklı içerik yönlendirme ve resim yerleştirme kombinasyonlarıyla, tamamı tamamen duyarlı olan 20'den fazla farklı düzen oluşturabilirsiniz. Tam ekran modunu etkinleştirmemeyi de seçebilirsiniz; başlık, içeriğinin doğal yüksekliğini alacaktır.

divi-2-4-tam ekran tel çerçeveler


divi-2-4-tam ekran taklitleri

Canlı Web Sitesi Demosu

Ziyaretçilerinize sayfanıza çarpıcı bir karşılama sunmak için Tam Ekran Başlık Modülünden nasıl yararlanabileceğinizi gösteren canlı bir demoyu görmek için aşağıdaki bağlantıyı tıklayın.

divi-2-4-casestudydemo
Canlı Demoyu Görüntüle

Posta Başlığı Modülü (Normal ve Tam Genişlik Modülleri)

Divi Builder'ı kullanırken size boş bir tuval sunulur. Bu, Divi'nin harika bir özelliğidir, ancak sayfa veya gönderi başlığı, meta veriler ve öne çıkan resimler gibi sayfaya dinamik öğeler eklemeyi de zorlaştırır. Artık Divi Builder'ı gönderilerde kullanabildiğinize göre, bu tür bilgileri mizanpajlarınıza kolayca ekleyebilmeniz çok önemlidir. Bu modül, tüm bunları diğer modüllerde olduğu kadar kontrol ile yapmanızı sağlar.

divi-2-4-posttitlemodule

9 Düzen Olanakları

Yazı Başlığı Modülünün metin yerleştirme, öne çıkan resim yerleştirme ve metin yönlendirme seçeneklerini bir araya getirdiğinde, başlığınızı, meta ve/veya öne çıkan resminizi görüntülemek için kullanılabilecek 9 farklı düzen vardır.

divi-2-4-posttitletel çerçeveler

divi-2-4-vermek

Ücretsiz Üyelik Kazanmak İçin Girin!

Divi 2.4 için o kadar heyecanlıyız ki, bunu bir Elegant Themes Giveaway ile kutlamak istiyoruz! Ücretsiz Elegant Themes üyeliği veya hesap yükseltmesi kazanma şansı için aşağıya girin.

Divi 2.4'ten daha iyi ne olabilir? Divi 2.4'ü ücretsiz edinmeye ne dersiniz! 10 şanslı kazanana 10 ücretsiz üyelik ve hesap yükseltmesi veriyoruz. Kazanma şansı için aşağıdaki içeriği girebilirsiniz! Çekilişe ne kadar çok bilet girerseniz, ödülü kazanma şansınız o kadar artar.

Rafflecopter çekilişi

Divi Bir Temadan Daha Fazlasıdır

Divi 2.4'ü doğaya salarken, yarattığımız üründen ve onu yaratan muhteşem Elegant Themes ekibinden daha mutlu olamazdım! Ancak en ödüllendirici olan şey, Divi topluluğunun gelişmesini izlemek ve web tasarım ajanslarına, serbest çalışanlara ve web sitesi sahiplerine kendileri ve müşterileri için daha da iyi web siteleri oluşturmalarında yardımcı olabileceğimizi bilmektir.

Bu Divi için sadece bir başlangıç. Uzun bir yol kat ettik, ancak her gün onu nasıl daha iyi hale getireceğimize dair fikirlerle dolup taşıyoruz. İşe geri dönmek için sabırsızlanıyorum! Bizi izlemeye devam edin

Divi Hakkında Daha Fazla Bilgi Edinin
Bugün Katılın ve Divi'yi İndirin

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir