Kendi Divi Kitaplığı Öğelerinizi ve Özelleştirici Ayarlarınızı Oluşturmak, Dışa Aktarmak ve Paylaşmak İçin İpuçları

Divi 100 Maratonumuzun 92. Gününe hoş geldiniz. Serinin son gününde muhteşem Divi 3.0 sürümüne geri sayarken, 100 gün boyunca muhteşem Divi kaynaklarını izlemeye devam edin!

---

Divi ile ilgili harika şeylerden biri, Divi kitaplığınızda ne kadar çok kullanırsanız ve Divi düzeni koleksiyonları oluşturursanız, tema o kadar kullanışlı olur. Kendi düzenlerinizi yalnızca gelecekte kullanmak üzere kaydetmekle kalmaz, Elegant Themes blogundan ve sayısız başka kaynaktan harika ücretsiz düzenler indirebilirsiniz. Divi Kitaplığından tam olarak yararlandığınızda, kendinizi her yeni müşteri projesinden saatlerce geliştirme süresinden kurtulurken bulacaksınız.

Divi 100 maratonu sırasında, konsepti tanıtmaya yardımcı olmak için her hafta birden fazla ücretsiz Divi düzen paketi yayınlıyoruz ve Divi topluluğundan üyelerin liderliğimizi takip ettiğini ve güzel ücretsiz (ve ücretli) düzen paketlerini yayınladığını görmek hoş bir sürpriz oldu. onların kendi. Bu makalede, Divi Kitaplığı'nın derinliklerine inmek ve belki de kitaplığı kullanmanın belki de düşünmemiş olabileceğiniz bazı yollarının ana hatlarını vermek istiyorum.

Divi Taşınabilirlik Sistemi

Başlamadan önce Divi Library'nin temellerini öğrenmek önemlidir. Bu video Divi Belgelerimizden alınmıştır ve içinde Nick, bu makalede ele almayacağımız pek çok temel konuyu kapsayan tüm taşınabilirlik sisteminde size yol gösterir. Bu nedenle, Divi içindeki her şeyin taşınabilirliği söz konusu olduğunda, arazinin tam yerleşimini elde etmek için bir saat verdiğinizden emin olun.

YouTube Kanalımıza Abone Olun

Divi Düzenlerinizi Kaydetme ve Dışa Aktarma

Divi 2.6'da, Tema Seçenekleri, Tema Özelleştirme Ayarları, Divi Düzenleri ve Divi Kitaplığı öğelerini bir web sitesinden kaydedip diğerine yüklemek için kendi kapsamlı içe ve dışa aktarma aracımız olan Divi Taşınabilirlik sistemini tanıttık. Divi'deki taşınabilirlik sisteminin harika yanı, her yerde çalışması ve görüntüler dahil her şeyi aktarması. Bu, özellikle Divi düzenleri ve Divi Kitaplığı öğeleri için kullanışlıdır, çünkü her bir düzen, herhangi bir Divi web sitesinde kullanılabilecek bağımsız çalışan bir tasarımdır.

Divi Builder'ı kullanarak yeni bir sayfa oluşturduğunuzda, oluşturucu arayüzünün sağ üst köşesindeki taşınabilirlik simgesine tıklayarak düzen taşınabilirlik sistemine erişebilirsiniz. Bir kez tıkladığınızda iki sekme göreceksiniz; biri düzenleri dışa aktarmak için ve diğeri önceden dışa aktarılan düzenleri içe aktarmak için. Bu yöntem kullanılarak dışa aktarılan düzenler, yeni bir gönderi veya sayfa oluştururken aynı simgeye tıklanarak içe aktarılabilir.

Taşınabilirlik sistemi hakkında hatırlanması gereken önemli bir şey, bir bağlamda dışa aktarılan şeylerin farklı bir bağlamda içe aktarılamayacağıdır. Bu, ait olmayan şeylerin yüklenmesini önlemek içindir. Bu nedenle, bir Tema Seçenekleri dosyasını dışa aktardıysanız, Tema Özelleştirici'ye aktarılamaz. Divi Kitaplığınızdan dışa aktardığınız öğeler varsa, bunlar doğrudan Divi Düzeni olarak sayfaya aktarılamaz.

Bu nedenle, başkalarının Divi Kitaplıklarına aktarabilmelerini istediğiniz bir sayfa düzeniniz varsa – seri boyunca neredeyse tüm ücretsiz indirmelerimiz olduğu gibi – o zaman aşağıdakileri yapmak isteyeceksiniz.

Adım 1: Düzeni gönderi/sayfa oluşturucu aracılığıyla kaydedin.

Adım 2: Divi > Divi Kitaplığı'na gidin. Buraya az önce kaydettiğiniz dosyayı bulun ve onay kutusunu seçin.

Adım 3: Sayfanın üst kısmındaki İçe/Dışa Aktar düğmesini tıklayın. İndirme işleminize bir ad verin, yalnızca seçili öğeleri dışa aktarmayı seçin ve Dışa Aktar'ı tıklayın.

Ortaya çıkan dosya, seçtiğiniz öğeleri içeren sıkıştırılmış bir klasör olacaktır. Tek tek gönderiler veya sayfalar değil, yalnızca Divi Kitaplığı'na aktarılabilir. Bu aynı kaydetme ve dışa aktarma işlemi, aşağıda ele alacağımız birkaç küçük farkla ayrı bileşenlerle kullanılabilir.

Düzenlerinizi Bireysel Bileşenlere Bölme

Tüm Divi düzenleri harika olsa da, çeşitli web siteleri oluştururken bazen tek tek öğeler biraz daha yararlı olabilir. Mizanpajınızı bölümler, sıralar ve modüller şeklinde ayrı bileşenlere ayırarak "yerleşim kitleri" oluşturmaya başlayabilirsiniz. Bu bileşenler daha sonra çok sayıda tasarım oluşturmak için karıştırılabilir ve eşleştirilebilir.

---

Profesyonel İpucu : Çoğu zaman yeni bir müşteri web sitesi oluştururken, web sitesinin tasarımını ilk önce bir yerleşim kiti biçiminde kavramsallaştırmak yararlıdır. Bu şekilde, sitelerini oluşturmaya başladığınızda, her bileşen (özel yazı tipleri ve renkleriyle birlikte) web sitenizin benzersiz stilini baştan oluşturmak yerine, yalnızca birkaç tıklamayla herhangi bir sayfada yeniden kullanılabilir. ve tekrar tekrar.

---

"Düzen seti" fikri, ilk olarak Divi 100 maratonunun 2. Gününde burada blogda tanıttığımız bir şeydir, bu yüzden neden bahsettiğimi daha iyi anlamanıza yardımcı olacak iyi bir örnek arıyorsanız, sizi teşvik ediyorum. paketi indirmek ve bir göz atmak için.

Bireysel Bölme Satırlarını ve Bölümleri Kitaplığa Kaydetme

İlk yerleşim kitinizi oluşturmak için, kitaplığınıza ayrı Divi bölümlerini ve satırlarını kaydederek başlayabilirsiniz. Birkaç bölüm ve satır oluşturup bunları kitaplığınıza kaydettikten sonra, farklı web sitelerinde ve projelerde kullanılmak üzere kategorilere ayrılabilir ve birlikte dışa aktarılabilir.

Kitaplığınıza bir satır veya bölüm kaydetmek kolaydır. Divi Builder'daki herhangi bir öğeye sağ tıklayın ve “Kütüphaneye Kaydet” bağlantısını tıklayın. Bu, yeni kitaplık öğenizi kaydetmek için çeşitli seçenekler içeren bir açılır pencere açacaktır.

• Düzenleri Kategorize Etme : Yazılara çok benzeyen Divi Düzenleri, belirli kategorilere kaydedilebilir. Bu kategoriler daha sonra öğeleri sayfanıza eklerken filtrelemek için kullanılabilir. Koleksiyonunuz kontrolden çıkmasın diye kitaplığınıza kaydettiğiniz her şeyi kategorilere ayırmanızı tavsiye ederim!
• Selective Sync : Select Sync, yalnızca belirli modül seçeneklerini kitaplık öğenizin bir parçası olarak kaydetmenize olanak tanır. Üç ana ayar etiketinden herhangi birini veya tümünü kaydetmeyi seçebilirsiniz: Genel Ayarlar, Gelişmiş Tasarım Ayarları ve Özel CSS. Özellikle öğeyi çeşitli farklı içeriklere sahip çeşitli sayfalarda yeniden kullanacaksanız, yalnızca tasarım ayarlarını kaydetmek ve içeriğinizi senkronize edilmeden bırakmak genellikle zaman kazandırabilir.
• Global Öğeler : Bir Global öğeyi kitaplığa kaydettiğinizde, tek bir öğe sitenizdeki birden çok sayfaya eklenebilir ve hepsi arasında senkronize edilebilir. Modül herhangi bir sayfadan veya Divi Kitaplığı içinden güncellenirse, modülün tüm örnekleri güncellenir. Web sitenizde altbilgiler ve harekete geçirici mesajlar gibi yinelenen öğeler varsa, bu öğeleri genel kitaplık öğelerine dönüştürmeniz önerilir.

Satırları ve bölümleri, yerleşim paketiniz için yeniden kullanılabilir bileşenlere dönüştürmenin birçok harika yolu vardır. Yeni bileşenler oluşturmaya başlamanın en iyi yolu, bir web sitesinin tamamında ne tür öğeleri yeniden kullanma eğiliminde olduğunuzu düşünmektir. Başlamak için bazı iyi yerler şunlar olabilir:

• Kahraman Bölümleri : Belirli bir sayfanın üst bölümü. Ziyaretçinin dikkatini çekmek ve onları içeri çekmek için.
• Özellik Listeleri : Ürün veya hizmetinizin çeşitli özelliklerini ve faydalarını sergilemek için tasarlanmış özellik listesi bölümleri.
• Harekete Geçirici Çağrı : Tek amacı birisinin istenen bir eylemi gerçekleştirmesini sağlamak olan bir bölüm. Abone olmak, satın almak veya en azından bir satın alma sayfasına gitmek gibi.
• Görüşler : Bir ya da iki sürümü kitaplığınıza kaydedip içeriğini değiştirmek varken neden bir referansı tekrar tekrar biçimlendiresiniz?
• Ürün Bölümleri : İster mecazi ister gerçek anlamda herkes bir şeyler "satıyor" ve iyi bir ürün bölümü yardımcı olabilir.
• Galeriler : Görünüşe göre Divi ile galeriler oluşturmanın birçok farklı yolu var. En sevdiğiniz birkaç tanesini kütüphaneye kaydetmek size tonlarca zaman kazandırabilir.
• Altbilgiler : Özel Divi altbilgileri için boş sayfa şablonuyla birlikte oluşturucuyu kullanmayı da seçebilirsiniz.

Ayrı Divi Modüllerini Kitaplığa Kaydetme

Bireysel modüller de kitaplığınıza kaydedilebilir ve yeni sayfalarda yeniden kullanılabilir. Düzenlerin yeniden kullanılabilir küçük satırlara ve bölümlere ayrılabilmesiyle aynı şekilde, tek tek sıralar ve bölümler yeniden kullanılabilir modüllere bölünebilir. Yine, farklı durumlarda faydalı olacak modüllerden bileşenler oluşturmak akıllıca olacaktır. İşte başlamak için birkaç güzel yer:

• Özel Düğmeler : Düğmeler son derece önemlidir ve bu nedenle sıklıkla kullanılır. Bu, daha önce oluşturduğunuz tasarımları yeniden kullanmıyorsanız, muhtemelen bunlara çok fazla gereksiz zaman harcıyorsunuz demektir.
• Özel Metin Modülü : Tüm özel metin stillerinizin uygulandığı bir metin modülü veya modülleri oluşturmak faydalı olabilir.
• Sayfa Bölüm Başlıkları : Çoğu durumda, özelleştiricinizdeki başlıklar için boyut ve diğer tasarım ayarları, örneğin ana sayfanızda, sayfanızda vb. başlıklarınızda kullanmak istediklerinizden farklıdır. Bu başlık metin stilleriyle özel metin modülleri oluşturma önceden kaydedilmiş olması, web sitenizin tamamında tutarlı bir tasarıma sahip olmanızı kolaylaştırır.
• Başlıklar ve Yazı Başlıkları : Yeniden kullanılabilir yazı başlıkları veya sayfa başlıkları oluşturmak, her yeni sayfada veya blog yazısında kullanıldıkları için son derece kullanışlıdır.
• Blog Yazısı Altbilgi Reklamları : Çoğu zaman, bu blog yazısında olduğu gibi, her blog yazısının altına özel bir reklam koymak isteyeceksiniz. Divi Kütüphanesi ve Global Modüller bunu özellikle kolaylaştırır.
• Kenar Çubuğu Öğeleri : Sayfalarınızı nasıl kurduğunuza bağlı olarak, özel mizanpajlarınızda kullanmak üzere kenar çubuğu öğeleri oluşturmak büyük bir zaman tasarrufu sağlayabilir.

Divi Özelleştirici Ayarlarınızı Kaydetme ve Dışa Aktarma

İçe ve dışa aktarılabilen tek şey Divi düzenleri değildir. Tema Özelleştirici ayarları ayrıca taşınabilirlik sistemiyle birlikte gelir; bu, tema özelleştirmelerini yalnızca birkaç tıklamayla bir web sitesinden diğerine aktardığınız anlamına gelir.

Tek yapmanız gereken Görünüm > Özelleştir altında kişiselleştirici ayarlarınızı yapılandırmak. İstediğiniz gibi bir şeye sahip olduğunuzda, sol üst köşedeki taşınabilirlik simgesini tıklayın. Artık tanıdık olan taşınabilirlik modeli açılır ve ayarlarınızı tek bir tıklamayla dışa aktarabilirsiniz. Bununla birlikte, bu dosyayı Dalış Kitaplığı veya başka herhangi bir yere değil, yalnızca özelleştirici bağlamında içe aktarabileceğinizi unutmamak önemlidir.

Divi 100 serisi için burada başvurabileceğiniz böyle bir ücretsiz indirme ve öğretici oluşturduk.

Divi Kitaplık Paketlerini İçe ve Dışa Aktarma

Divi düzenleri, bölümleri, satırları ve modüllerinden oluşan bir koleksiyon oluşturduktan ve bunlara açıklayıcı adlar verdikten ve anlamlı gruplara ayırdıktan sonra, bunları yeniden kullanılabilir bir kitaplık paketine aktarmanın zamanı geldi.

Bunu yapmak için Divi Kütüphanesine gitmenizi ve şu adımları izlemenizi öneririz:

• Her düzeni ayrı ayrı seçin ve dışa aktarın.
• Her bölümü veya tek bileşeni ayrı ayrı seçin ve dışa aktarın.
• Her şeyi bir kerede seçin ve dışa aktarın.
• Tüm bu dosyaları indirilenler klasörünüzde bulun. Bireysel bölüm dosyanızın, çoklu düzen dosyalarınızın ve “Tümü” dosyanızın uygun şekilde etiketlendiğinden emin olun. Bunları bir klasöre koyun, sıkıştırın/sıkıştırın ve ardından uygun gördüğünüz gibi paylaşın veya satın.

Şimdi, bir başkası bu paketi indirdiğinde, Divi Kitaplıklarına gitme ve tek tek dosyaları (veya All.json dosyasını) Divi 100 paketlerimizle tam olarak aynı şekilde içe aktarma olanağına sahip olacaklar.

Bu adımlar aşağıdaki gibidir:

• İndirilenler klasörünüzde sıkıştırılmış Divi Layout Pack'i bulun ve açın.
• Divi > Divi Kitaplığı'na gidin ve “İçe Aktar ve Dışa Aktar” düğmesini tıklayın.
• Taşınabilirlik modu açıldığında, içe aktarma sekmesine gidin ve “Dosya Seç” düğmesini tıklayın.
• “All.json” dosyasını veya ilgilendiğiniz dosyayı seçin.
• Mavi renkli "Divi Builder Düzenlerini İçe Aktar" düğmesini tıklayın

Divi İhracatlarınızı Paylaşma (veya Satma)

Divi topluluğuna katılmanın ve katkıda bulunmanın en iyi yollarından biri, kendi yerleşim paketlerinizi vermek veya satmaktır. Bir dizi farklı tasarımcıdan ücretsiz tasarımlar bulabileceğiniz pek çok harika yer var, ancak bence topluluk daha yeni başlıyor.

Düzen paketlerinizin topluluğa yardımcı olduğundan emin olmak için birkaç ipucu:

• Tasarım problemlerini çözün. Topluluktaki diğerlerinin web tasarımının hangi yönlerini elde etmek için uğraştığını öğrenin ve (eğer mümkünse) onlar için bunu yapan bir indirme oluşturun.
• Özel kod ekleyin. Bölümlerde, satırlarda, modüllerde ve hatta sayfa ayarlarında bulunabilen özel CSS sekmelerinden ve panellerinden tam olarak yararlanarak benzersiz bir değer sağlayabileceksiniz. JavaScript için kod modülünün yaratıcı kullanımlarından bahsetmiyorum bile!
• Güncel tasarım trendlerini takip edin. İlham almak ve kendiniz için yüksek tasarım standartları belirlemek için Awwwards, codepen, dribbble ve behance gibi web tasarım ve geliştirme vitrin sitelerini kullanın.
• Özgün tasarımlar oluşturun. İlham kaynakları ve diğer kişilerin yerleşim kitleri/paketleri harika başlangıç ​​noktalarıdır, ancak giderek daha fazla insan Divi Yerleşim Paketleri ve Kitleri oluşturmaya başladıkça öne çıkacak olanlar benzersiz bir şeye katkıda bulunanlar olacaktır.
• Paketlerinizi kullanımı kolay hale getirin. Bu, her şeyi düzgün bir şekilde organize ve etiketli tutmak anlamına gelir.

Yarın: Divi Tel Kafes Düzen Kiti Vol. 03

Divi Layout paketlerinden bahsetmişken, yarın size bir tane daha geliyor. Mario, Divi Tel Çerçeve Düzen Kitinin üçüncü cildini yayınlayacak ve Divi modüllerini kullanmanın ve birleştirmenin yeni yollarını arayanlar için harika bir kaynak olacak. Yeni fikirler edinmenin ve bir sonraki projenizi başlatmanın harika bir yolu. Kesinlikle kaçırmak istemezsiniz!

Büyük bir duyuruyu, faydalı ipucunu veya Divi freebie'sini asla kaçırmamak için e-posta bültenimize ve YouTube kanalımıza abone olmayı unutmayın!