Kendi Divi Kütüphane Öğelerinizi Oluşturmak, Dışa Aktarmak ve Paylaşmak İçin İpuçları & amp;Ayar ayarları
92 Divi 100 maratonumuza hoş geldiniz. Bu serinin son gününde Divi 3.0’ın muhteşem sürümünü geri saydığımızda Divi’nin olağanüstü kaynaklarının 100 gününü takip etmeye devam edin!
Divi ile ilgili olağanüstü şeylerden biri, ne kadar çok kullanırsanız ve divi kütüphanenizde bir divi düzeni koleksiyonu oluşturursanız, tema o kadar kullanışlıdır. Sadece gelecekte kullanım için kendi düzeninizi kaydetmekle kalmaz, zarif tema blogundan ve diğer sayısız kaynaktan olağanüstü bir ücretsiz düzen indirebilirsiniz. Divi kütüphanesini tamamen kullandığınızda, kendinizi her yeni müşterinin projesinden saatlerce geliştirme süresi için tıraş bulacaksınız.
Maraton Divi 100 sırasında, konsepti tanıtmak için her hafta birkaç ücretsiz divi düzen paketi yayınladık ve Divi topluluğunun üyelerinin ayak izlerimizde takip ettiğini ve güzel (ve ücretli) ücretsiz düzen paketlerini kendilerinden yayınladıklarını çok şaşırıyoruz. . Bu makalede, Divi kütüphanesine daha derinlere inmek için bir dakikanızı ayırmak istiyorum ve hatta dikkate alamayacağınız bir kütüphaneyi kullanmanın bazı yollarını tanımlayabilirim. Divi’nin Taşınabilirlik Sistemi Başlamadan önce, Divi Kütüphanesinin temellerini öğrenmek önemlidir. Bu video Divi belgelerimizden geliyor ve Nick size tüm taşınabilirlik sistemi boyunca rehberlik ediyor – bu makalede tartışmayacağımız birçok temel içerir. Divi’deki taşınabilirlik her şeyin tam bir resmini almak için dikkat edin.
YouTube Kanal Mağazamıza Abone Olun ve Divi Düzeninizi Divi 2.6’da Dışa Aktarın. onları başka bir web sitesine. Divi’deki taşınabilirlik sistemi hakkında harika olan şey, her yerde çalışması ve görüntüler de dahil olmak üzere her şeyi aktarmasıdır. Bu, divi düzeni ve divi kütüphane öğesi için çok kullanışlıdır, çünkü her düzen, herhangi bir divi web sitesinde kullanılabilecek bağımsız olarak işlev gören bir işlevdir. Maker’ın sağ üst arayüzündeki taşınabilirlik simgesini tıklayarak. Tıklandıktan sonra iki sekme göreceksiniz; Biri düzeni dışa aktarmak için, diğeri daha önce dışa aktarılan düzeni içe aktarmak için. Bu yöntem kullanılarak dışa aktarılan düzen, yeni bir yazı veya sayfa yapılırken aynı simgeyi tıklatarak içe aktarılabilir. Taşınabilirlik sistemi hakkında hatırlanması gereken önemli bir şey, bir bağlamda ihraç edilen şeylerin farklı bağlamlarda ithal edilememesidir. Bu, ait olmayan şeylerin yüklenmesini önlemek içindir. Tema seçeneği dosyasını dışa aktardıysanız, dosya tema ayarına aktarılamaz. Divi kütüphanenizden öğeleri dışa aktardıysanız, öğe doğrudan Divi’nin düzeni olarak sayfaya aktarılamaz. Bu nedenle, başkalarının bunları Divi kütüphanesine aktarabilmesini istediğiniz sayfanın düzeni varsa, aşağıdakileri yapmak isteyeceksiniz. Adım 1: Düzeni Post/Sayfa Makerinden Kaydet. Adım 2: Divi> Divi Kütüphanesine gidin. Orada kaydettiğiniz dosyayı bulun ve onay kutusunu seçin.
Adım 3: Sayfanın üst kısmındaki İçe Aktar/Dışa Aktar düğmesini tıklayın. İndirmenizi adlandırın, yalnızca seçilen öğeyi dışa aktarmak için seçin ve dışa aktarmayı tıklayın Ortaya çıkan dosya, seçtiğiniz öğeyi içeren bir zip klasörü haline gelecektir. Bu yalnızca Divi kütüphanesine aktarılabilir – yayınlar veya tek tek sayfalar değil. Aynı depolama ve dışa aktarma işlemi, aşağıda tartışacağımız sadece birkaç küçük farklılıkla tek tek bileşenlerle kullanılabilir. Düzeninizi bireysel bir bileşene ayırmak, Divi’nin tüm düzeni iyi olsa da, bazen bireysel öğeler çeşitli web siteleri oluştururken biraz daha kullanışlı olabilir. Düzeninizi parçalar, çizgiler ve modüller şeklinde tek tek bileşenlere bölerek bir “düzen kiti” yapmaya başlayabilirsiniz. Bu bileşenler daha sonra karıştırılabilir ve birçok tasarım yapmak için eşleştirilebilir. Profesyonel ipuçları: Genellikle yeni bir müşteri web sitesi oluştururken, önce bir düzen kiti şeklinde bir web sitesi tasarım konsepti oluşturmak yararlı olacaktır. Bu şekilde, sitelerini oluşturmaya başladığınızda, her bileşen (özel yazı tipleri ve renkleri ile birlikte), web sitenizin benzersiz stilini yeniden oluşturmak zorunda kalmadan sadece birkaç tıklamayla herhangi bir sayfada yeniden kullanılabilir. ve yeniden.
“Düzen Kiti” fikri, burada ilk kez 2 Maraton Divi’de blogda ilk kez 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 indirin ve görün. Bireysel Divi’nin çizgilerini ve bölümlerini kütüphaneye saklayarak İlk Düzen Kitinizi oluşturmak için bireysel divi bölümlerini ve çizgilerini kütüphanenize saklayarak başlayabilirsiniz. Bir dizi parça ve satır yaptıktan ve kütüphanenize sakladıktan sonra, farklı web sitelerinde ve projelerde kullanım için kategorize edilebilir ve birlikte dışa aktarılabilir.
Kütüphanenize satır veya parçalar 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 kütüphane öğelerinizi depolamak için çeşitli seçeneklerle açılır pencereyi başlatacaktır.
Düzeni kategorize etmek: Bir yazı gibi, divi düzeni belirli kategorilerde saklanabilir. Bu kategori daha sonra sayfanıza eklenirken öğeleri filtrelemek için kullanılabilir. Koleksiyonunuzun kontrolden çıkmaması için kütüphanenize kaydettiğiniz her şeyi kategorize etmenizi tavsiye edeceğim! Seçici Senkronizasyon: Sync’i seçin, kütüphane öğenizin bir parçası olarak yalnızca belirli modül seçeneklerini saklamanızı sağlar. Üç ana ayar etiketinden birini veya tümünü kaydetmeyi seçebilirsiniz: Genel Ayarlar, Gelişmiş Tasarım Ayarları ve Özel CSS. Genellikle tasarım ayarlarını kaydetmek için zamandan tasarruf edebilir ve içeriğinizin senkronize olmamasına izin verebilir, özellikle de bu öğeleri farklı içeriğe sahip çeşitli sayfalarda yeniden kullanırsanız Global Öğe: Global öğeleri kütüphanelere sakladığınızda, tek öğeler birkaç sayfaya eklenebilir. Siteniz ve tüm bu sayfalarda senkronize. Modül bir sayfada veya Divi kitaplığından güncellenirse, tüm modül örnekleri güncellenir. Web sitenizde, altbilgi ve harekete geçme daveti gibi tekrarladıysanız, bu öğeyi küresel bir kütüphane öğesine dönüştürmeniz tavsiye edilir. Satırların ve parçaların, düzen paketiniz için yeniden kullanılabilecek bileşenlere dönüştürülebilmesi için birçok harika yol vardır. Yeni bileşenler oluşturmaya başlamanın en iyi yolu, web sitesinde ne tür öğeleri yeniden kullanma eğiliminde olduğunuzu düşünmektir. Başlamak için bazı iyi yerler belki:
Kahraman Bölümü: Belirli bir sayfanın üst kısmı. Ziyaretçilerin dikkatini çekmeyi ve onları çekmeyi amaçladı.
Özellikler Listesi: Ürün veya hizmetinizin çeşitli özelliklerini ve avantajlarını görüntülemek için tasarlanmış özelliklerin listesi.
Harekete geçme daveti: Birinin istenen eylemi yerine getirmesi için tek bir amaç ile. Abone olmak, satın almak veya en azından satın alma sayfasına gitmek gibi.
Referanslar: Kütüphanenize bir veya iki sürüm depolayabileceğiniz ve sadece içeriği değiştirebildiğinizde neden referans stillerini tekrarlayan hale getirir mi?
Galeri: Görünüşe göre Divi ile bir galeri yapmanın birçok farklı yolu var. Favorinizden bazılarını kütüphaneye kaydetmek çok zaman kazandırabilir.
Altbilgi: Özel Divi altbilgisi için boş bir sayfa şablonu ile birlikte bir inşaatçı kullanmayı da seçebilirsiniz.
Bireysel bir divi modülünü tek tek modül kütüphanesine saklamak, kütüphanenize de saklanabilir ve yeni bir sayfada yeniden kullanılabilir. Düzen, yeniden kullanılabilen satırlara ve küçük parçalara ayrılabildiğiyle aynı şekilde, çizgiler ve tek tek parçalar yeniden kullanılabilecek modüllere daha fazla ayrılabilir. Yine, farklı durumlarda yararlı olacak modül bileşenlerini yapmak akıllıca olacaktır. İşte başlamak için bazı iyi yerler:
Özel düğme: Düğme çok önemlidir ve bu nedenle sıklıkla kullanılır. Bu, yaptığınız tasarımı yeniden kullanmazsanız, bunun için gerekli olmayan çok zaman harcayacağınız anlamına gelir.
Özel Metin Modülü: Tüm özel metin stilleriniz uygulanan bir metin modülü veya modül oluşturmak için yararlı olabilir.
Sayfa Başlığı: Birçok durumda, ayarınızdaki başlık için boyut ve diğer tasarım ayarları, başlıkta kullanmak istediğinizden farklıdır, örneğin, ana sayfalar, yaklaşık vb. Metin stili ile özel bir metin modülü oluşturma Bu başlık önceden tanımlanmıştır. Web sitenizde tutarlı bir tasarıma sahip olmanızı kolaylaştırır. Haader & Gönderi Başlığı: Yeniden kullanılabilen bir yazı başlığı veya çekme sayfası oluşturmak çok kullanışlıdır, çünkü her yeni sayfada veya gönderme blogunda kullanılır.
Altbilgi reklamı blog yazısı: Genellikle, bu blog gönderisinde olduğu gibi, her blog yazısına özel reklamlar yerleştirmek istersiniz. Divi kütüphanesi ve küresel modüller çok kolaylaştırır.
Kenar Çubuğu Elemanı: Sayfanızı nasıl ayarladığınıza bağlı olarak, özel bir düzende kullanılacak kenar çubuğu öğesini yapabilirsiniz.
Divi ayarlama divi düzeninizde ayarlamaların depolanması ve dışa aktarılması, içe aktarılabilecek ve dışa aktarılabilecek tek şey değildir. Özelleştirici tema ayarları ayrıca bir taşınabilirlik sistemi ile donatılmıştır, bu da bir web sitesinin tema özelleştirmesini sadece birkaç tıklamayla başka bir web sitesine aktarmanız anlamına gelir.
Yapmanız gereken tek şey ayarlama ayarlarınızı görünüm altındaki> özelleştirme. Senin gibi şeyler olduğunda, sol üst köşedeki taşınabilirlik simgesini tıklayın. Artık bilinen taşınabilirlik sermayesi görünür ve ayarlarınızı tek bir tıklamayla dışa aktarabilirsiniz. Ancak, bu dosyayı yalnızca Dalış kütüphaneleri veya hiçbir yerde değil ayarlamalar bağlamında içe aktarabileceğinizi belirtmek önemlidir.
Burada başvurabileceğiniz Divi 100 serisi için ücretsiz bir indirme ve öğretici yaptık. Divi Kütüphane Paketlerini İçe Aktarma ve Dışa Aktarma Divi’nin düzenleri, bölümleri, satırları ve modüllerinden oluşan bir koleksiyon yaptıktan ve onlara tanımlayıcı isimler verdikten ve anlamlı gruplara grup olarak gruplandırdıktan sonra, bunları yeniden kullanılan kütüphane paketlerine aktarmanın zamanı geldi. Bunu yapmak için Divi kütüphanesine gitmenizi ve şu adımları izlemenizi öneririz: Her düzeni tek tek seçin ve dışa aktarın.
Her bir parçayı veya bir bileşeni tek tek seçin ve dışa aktarın.
Her şeyi aynı anda seçin ve dışa aktarın.
Tüm bu dosyaları indirme klasörünüzde bulun. Bireysel bölüm dosyalarınızın, bazı düzen dosyalarınızın ve “tüm” dosyalarınızın buna göre etiketlendiğinden emin olun. Bir klasöre yerleştirin, fermuar/sıkıştırın, ardından dileklerinize göre paylaşın veya satın.
Şimdi, diğer kişiler bu paketi indirdiğinde, Divi kütüphanesine gidebilecek ve tek tek dosyaları (veya all.json dosyalarını) tam olarak Divi 100 paketimiz olarak içe aktarma olanağına sahip olacaklar. Bu adımlar aşağıdaki gibidir:
Taşınabilirlik sermayesi göründüğünde, İçe Aktarma sekmesini açın ve “Dosya Seç” düğmesini tıklayın.
“All.json” dosyasını veya ilgilendiğiniz herhangi bir ayrı dosyayı seçin.
Mavi düğmesini tıklayın “Divi Oluşturucu Düzenlerini İçe Aktar”
Divi ihracatınızı paylaşmak (veya satmak), Divi topluluğuna katılmanın ve katkıda bulunmanın en iyi yollarından biri kendi düzen paketinizi sağlamak veya satmaktır. Bir dizi farklı tasarımcıdan ücretsiz düzen bulmak için birçok iyi yer var, ancak bence bu topluluk daha yeni başladı. Düzen paketinizin topluluk için yararlı olduğundan emin olmak için bazı ipuçları: tasarım problemlerini çözme. Başkalarının toplulukta elde etmesi için hangi web tasarımı yönlerinin zor olduğunu ve (eğer yapabilirseniz) onlar için yapan indirmeler yapın.
Özel bir kod ekleyin. Bölüm, satır, modül ve hatta sayfa ayarlarında bulunan özel CSS sekmelerini ve panellerini tam olarak kullanarak benzersiz bir değer sağlayabilirsiniz. JavaScript için kod modülünün kullanımından bahsetmiyorum bile!
Mevcut tasarım trendini takip edin. İlham almak ve kendiniz için yüksek tasarım standartları belirlemek için Awwards, Codepen, Dribbble ve davranış gibi Web Tasarım ve Geliştirme sergisi sitelerini kullanın.
Orijinal tasarım yapın. İlham kaynağı ve diğer insanların düzeninin kiti/paketi iyi bir başlangıç noktasıdır, ancak gittikçe daha fazla insan bir paket ve divi düzeni kiti yapmaya başladığından, öne çıkacak olanlar benzersiz bir şey bağışlayanlardır.
Paketinizi kullanmak için sezgisel hale getirin. Bu, her şeyi düzgün bir şekilde düzenlenmiş ve etiketlenmiş tutmak anlamına gelir.
Yarın: Divi Vol. 03 Divi Düzen Paketi hakkında konuşurken, yarın gelecek bir tane daha var. Mario, divi tel kafes düzeni kitinden üç hacmini serbest bırakacak ve bu, divi modülünü kullanmanın ve birleştirmenin yeni yollarını arayanlar için iyi bir kaynak olacaktır. Bu, yeni fikirler almanın ve bir sonraki projenize başlamanın iyi bir yoludur. Kesinlikle kaçırmak istemezsin! E -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece büyük bir duyuru, yararlı ipuçları veya divi freebie! Divi 100 gün 92 Divi 3.0’a geri dönmeyeceksiniz. Bu yazı Divi 100 maratonumuzun bir parçasıdır. Arka arkaya 100 gün boyunca ücretsiz bir divi kaynağı yayınladığımızda takip etmeye devam edin! REACT kullanarak aşağıdan yukarıya inşa edilmiş yeni görsel düzenleyicimiz de dahil olmak üzere Divi 3.0 oyununu değiştiren bir sürümle sona erecek. Divi 3.0 sonsuza dek Divi Builder ile bir web sitesi oluşturma şeklinizi değiştirecek! Geri sayım başlasın.
Divi 3.0 hakkında daha fazla bilgi edinin
