İyi bir divi düzen paketi ne yapar?
Ücretsiz haftalık düzen paketimiz Divi tasarım girişimimizin büyük bir parçası haline geldi ve şimdiye kadar büyük bir başarı oldular.Divi Düzen Paketi, olağanüstü Divi topluluğumuz için çok değerli bir varlıktır!Bu girişim için ana hedefimiz sizi (Divi Nation) web’deki en güçlü topluluk haline getirmektir.Tasarım ekibimizden ücretsiz bir düzen paketi vermenin yanı sıra, iyi bir Divi düzeni paketini neyin anlamanıza ve daha sonra topluluğumuz için olağanüstü bir düzen yapmak için bilgi ile güçlendirmenize yardımcı olmak istiyoruz.Ayrıca, iyi bir düzen paketinin iç çalışmasının tüketici olarak nasıl göründüğünü ve neyi arayacağınızı ve düzen paketinden maksimum sonuçları nasıl alacağınızı öğrenmeye yardımcı olur.
Bu yazıda, bir düzen paketi oluşturmak için en iyi uygulama yönergelerini ve ayrıca düzen paketinizi daha yüksek bir seviyeye getirmeye yardımcı olacak bazı ipuçları sunarak iyi bir Divi düzen paketini neyin oluşturduğunu açıklamayı umuyorum. Peki, Divi’nin düzen paketini iyi yapan nedir? Bu düzen – tasarım tarafından karşılanan en açık ihtiyaçlarla başlayacağız. Bu, bazı nişler için gerçek tasarım problemlerini çözer İyi bir tasarım yapmak çok zordur ve çok zaman alabilir. Yani, tasarım arka planı olmayan bir işletme sahibiyseniz, sizin için en çok (hepsi olmasa da) tasarım yapan bir düzen arıyorsunuz. Daha spesifik olarak, kullanıcıları için uygun bir tasarım arıyorlar. Sanatçılar için bir fotoğraf galerisi mi, diş hekimleri için yön sayfaları mı yoksa bağlı kuruluş siteleri için bloglar mı, düzen paketi belirli tüketiciler için tasarlanmalıdır. Web sitesi olmayan birinin sahip olduğu en büyük sorun, bir web sitesi olmadığı için değil (herkes web’de birkaç sayfa atabilir), ancak etkili bir web sitesi yoktur. Belirli bir niş için tasarlanmış düzen paketi sorunu çözer.
Ayrıca, tüm düzen tasarımının olağanüstü olduğundan emin olun. Renk birlikte iyi çalışmalıdır. Görüntü anlamlı ve güzel olmalı. Mekanlar boyunca tutarlı olmalıdır. Yazı tiplerinin seçimi de çok büyük. Devam edebilirim ama sapacağım çünkü bence her zaman en iyisi tasarımı profesyonellere göndermektir. Ancak, adanmış ve sınırlı bir bütçeniz varsa, sizi doğru yöne yönlendirmek için blogumuzdan en son makaleleri düşünün. Her web sitesinin her imalatına odaklanması gereken 3 önemli tasarım alanı 3 DeSainer olmayan için 3 Etkili Web Tasarım İlkeleri3 Tasarım için nasıl daha iyi bir göze sahip olacağını öğrenmenin yolları şimdi harika bir tasarımın en önemli yönü olabileceğini belirledik Düzen paketi, iyi bir düzen paketine ne dahil edileceğinden bahsedelim. Bu, her web sitesinin ihtiyaç duyduğu genel sayfaları içerir
“Paket” düzenini söylediğimizde, kastettiğimiz birden fazla sayfa düzeni dahildir. İdeal olarak, bu, web sitesinin aktif ve çalıştırılması için gereken her sayfayı kapsayacaktır. Aşağıdaki sayfa düzeni tüm düzen paketlerine dahil edilmelidir:
Hakkında
İletişim
Blog
İniş
5 sayfanın çoğu web sitesine dahil edildiğini söylemek güvenli olduğunu düşünüyorum. Ancak bunun tüm web sitelerinin ihtiyaç duyduğu tek sayfa olduğunu varsaymak için aptal olacağız. Nişlere göre belirli bir sayfa ekledi
Düzen paketinizi hedeflediğiniz site türüne bağlı olarak, belirli bir site niş için gereken bir veya iki sayfa eklemeniz gerekebilir. İşte bazı örnekler: E-ticaret düzeni için ürün sayfaları Sanatçı düzeni için galeri sayfası
Restoran düzeni için menü sayfası
Düzenin bir niş özel sayfa gerektirip gerektirmediğine karar verirken aşağıdaki soruları sormayı düşünün:
1. Sayfa 5 standart sayfa düzeni kullanılarak kolayca yapılabilir mi? Öyleyse, devam etmek ve oluşturmak için kullanıcıya göndermek isteyebilirsiniz. Düzen paketine olası her sayfayı eklemeniz gerekmez. İyi tasarlanmışsa, iyi bir düzen paketi, kullanıcılara kolayca ihtiyaç duyabilecekleri ek sayfalar oluşturmak için mevcut düzenin kısımlarını karıştırmaya ve eşleştirmeleri için kolayca ilham verir. 2. Sayfa açıkça gerekli mi? İyi sağduyu ve şirketin işe başlaması ve çalışması için neye ihtiyaç duyduğu konusunda biraz araştırma kullanın. Sayfa, bölgedeki web sitelerinin çoğuna açık bir ihtiyaç olarak göze çarpıyorsa, devam edin ve düzen paketine ekleyin.
Divi dostu iyi düzen paketi
Düzeninizi divi ile çalıştırın, buna karşı değil. Divi, her türlü web sitesini oluşturmak için güçlü bir araçtır, böylece düzeniniz Divi’nin iyi yaptıklarını en üst düzeye çıkarmalıdır! Divi düzeninizi dostça yaparken dikkate alınması gereken bazı ipuçları:
Modüldeki kuvvet metnine bir satır CSS eklemeyin (mümkünse) bunu geçmişte yapmak için daha fazla ihtiyaç olabilir, ancak şimdi değil. Tasarım sekmesi ayarları, içerik metnini, başlık metnini (H1, H2, H3, vb.) Hedefleyebilir ve düzenleyebilir ve içerik kutusundaki bağlantılar. CSS’yi HTML üzerinden metne satır eklemek yalnızca sorunu karıştırır. Bir istisna, metin bloğuna veya üstbilgiye birkaç renk eklemektir. Bu durumda, böyle bir şey yapma eğiliminde olabilirsiniz: & amp; amp; amp; amp; amp; amp; amp; bu metin; bu metin siyah ve amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; lt; span style = & amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; gt; bu metin; bu metin; bu metin; bu metin; bu metin kırmızı & amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; ;/h2 & amp; amp; amp; amp; amp; amp; Bunun gibi şeyler yapmaktan kaçınmaya çalışın. Bu, kullanıcıları karıştırır, hatta daha da kötüsü, bunları nasıl taklit edeceklerini bilmedikleri ayarlamalara sunar. İçeriğinizi ayırt etmek için modüller ayarlamanın diğer yollarını düşünmek yerine. Bu seçeneklerle yaratıcı olmak için çok fazla alan var.
Mümkünse özel kod (CSS Custom, PHP veya JavaScript) eklemekten kaçının. Düzeninizi diğerlerinin bir parçası olacak şekilde ayarlamak için özel CSS ve JavaScript/PHP eklemek için cazibeden kaçının. Unutmayın, düzeninizi kullanmak isteyen birçok insan olacak. Yeni başlayanın toza girmesine izin vermeyin. Düzeninizin, kullanıcıyı stil ile denemek yerine görsel oluşturucu tasarım ayarlarında inşa edilecek şekilde kolayca ayarlandığından emin olun ve işlevleri kontrol edemez veya ayarlayamaz. Divi kullanıcıları, kodu bilmek zorunda kalmadan site oluşturmayı kontrol etmeyi umuyor. Tema seçeneklerinde JavaScript gibi özel kodları kullanmaktan kaçının. Özel bir kod eklemeniz gerekiyorsa, mümkünse düzen sayfasının bir parçası olarak kod modülüne koymanız gerekir. Bu, kodun bir sayfaya tecrit edilmesini ve kullanıcılar tarafından işlenmesini kolaylaştırmayı kolaylaştırır.
Tema veya sayfa ayarlarının ayarlanmasına özel CSS eklemeyin Evet, temayı ve sayfa ayarlarını ayarlayarak dışa aktarabilirsiniz, ancak alana eklenen belirli CSS onunla dışa aktarılmayacaktır. Özel CSS eklemeniz gerekiyorsa (ve zamanın% 99’u yapamazsınız), işte sizin seçiminiz:
Seçenek 1: Tema seçenekleriniz altında, genel ayarların altında özel CSS’nize ekleyin ve ardından tema seçeneklerinizi dışa aktarın ve dosyayı düzen paketinize ekleyin. Ancak bu tehlikelidir, çünkü kullanıcılarınız tema seçeneklerini değiştirmek istemeyebilir ve yanlışlıkla yaparlarsa mutlu olmazlar. Seçenek 2: Stil yapmak istediğiniz sayfadaki kod modülüne CSS ekleyin. Bu, yukarıdakilerden daha iyi bir seçenektir, ancak ideal değildir, çünkü kullanıcı kodu ayarlamak veya etkiyi anlamakta zorluk çekecektir. Seçenek 3 (Önerilen): Her bölümdeki, satır ve modüldeki ayarlarınızın devamı sekmesi altına özel bir CSS bloğuna ekleyin. Bu, CSS eklemek için en iyi seçenektir. Bu, başka bir eklenti için zemin hazırladı
Divi’nin web sitesine sunabileceği tüm olağanüstü ve güçlü araçların yanı sıra, üçüncü taraf eklentilerinin gerekli olduğu zamanlar vardır. Bu nedenle Divi, büyük WordPress eklentilerinin çoğunun Divi ile uyumlu olmasını sağlamak için yapıldı. Bu nedenle, tasarlayacakları siteyi tamamlamak için gerekli olan eklenti ile iyi entegre olacak şekilde bir düzen paketi hazırlamanız gerekir. Düzeninizi eklenti entegrasyonu için hazırlamanın iki yolu şunlardır:
Tasarım Öncesi Mağaza Modülü Woocommerce ile bir E-Niaga sitesi oluşturuyorsanız, kullanıcıların Divi Shop modülünü kullanarak sayfayı devam ettirmek ve oluşturmak için mantıklı bir mağaza veya ürün sayfalarına ihtiyaç duyacağı açıktır.Mağaza modülü, WooCommerce kurulana ve ürün eklenene kadar görülmez, ancak en azından kullanıcılar için bir tasarım çalışması yaptınız.Bu, WooCommerce ürünü eklenmeden önce moda mağazası düzenimizde mağaza modülünün görüntülenmesidir. Ancak önce mağaza modülünü tasarlamak için zaman ayırdığımız için, ürün eklendikten hemen sonra görünür.
Gelecekteki entegrasyon için bir eklenti kısa kodu ekleyin, üçüncü taraflı bir eklentiden yardıma ihtiyacınız olduğu veya çoğu insan tarafından istenen veya ihtiyaç duyulan çok yararlı bir şey eklemek için kısaydaya ihtiyaç duyduğunuz zamanlar olabilir. Eklentileri Divi ile entegre etme çalışmalarını yapmak için kullanıcılara göndermek yerine, kullanıcı eklentiyi her yüklediğinde etkin olacak modüller, kısa kodlar veya görüntüler ekleyerek neden sürecine devam etmiyorsunuz ve basitleştirmiyorsunuz? Örneğin, bir E-Niaga düzen paketi oluşturduğunuzu varsayalım. Ödeme işlemini ve hesap bilgilerini işlemek için ihtiyaç duyulacak WooCommerce sayfasını öngörerek, Woocommerce sayfa düzeni paketinize WooCommerce kısa kodunu (Woocommerce sayfası için içerik üretmek için kullanılır) ekleyerek uygun düzeni hazırlayabilirsiniz. Tabii ki, kısa kod içeren sayfa düzeni entegre eklentiden önce tam olarak çalışmaz, ancak en azından kullanıcı tarafından oluşturulacak aşamaları ayarladınız. İşte belirli bir WooCommerce sayfası için oluşturulan bir sayfa örneği. Gördüğünüz tüm içerik (başlık dışında) kısa bir kodla oluşturulur. Ancak Divi, modül ayarlarını kullanarak kısa kodlarla üretilen belirli metin öğelerini düzenleyebilir. Kısa kod içeriğini önceden ayarlayın ve kullanıcı WooCommerce’ı yüklediğinde, kısa kod ortaya çıkan içeriğin içeriğini otomatik olarak ayarlayacak şekilde ayarlayın. Ve WooCommerce, içeriği görüntülemek için kısa kodlar kullanan tek eklenti değil. Kısa kodu, diğer düzen paketleriyle eşleşen harika bir tasarımla çerçeveleme fırsatlarını arayın.
Düzeninizde iyi bir resmin olması şart olduğu sürece optimize edilmiş bir görüntü kullanır. Ancak herhangi bir resim, ancak güzel, yüklenmesi uzun zaman alırsa değersiz. İyi bir düzen, bir kişinin divi düzen paketi için görüntüyü optimize etmek için zaman ayırmasını gerektirir. Bu optimizasyon …
Dosya formatı. Bu genellikle JPG formatları (fotoğraflar için en iyisi) ve PNG (simgeler ve düğmeler ve şeffaf arka plan gerektiren diğer grafik öğeleri için en iyisi) arasında bir seçimdir. Görüntü boyutları. Tüm görüntüler için 16: 9 veya 4: 3 oranını korumanızı öneririm. Ardından, işgal edilecek sütunun maksimum genişliğini belirleyin ve boyutlarınızı buna göre ayarlayın.
Dosya boyutu. Bu, fotoğraf editörlerinin (Photoshop veya GIMP) veya gereksiz şişeleri görüntülerden küçültmek veya kaldırmak için tinypng gibi çevrimiçi yazılımların kullanılmasını içerir. Düzende yayınlanan fotoğrafları optimize etmeniz için önemli bir paketin parçası olarak yüksek çözünürlüklü görüntüler içerir. Bununla birlikte, kullanıcılara gelecekte kullanmak istedikleri fotoğrafı ayarlama olanağı da vermek istersiniz. Bu çok iyi bir değer verir ve düzen paketinizi diğerlerinden ayırır. Bu görüntüleri diğer web sitelerinde (E-Niaga siteleri bile) sınırsız kullanmalarına izin vermek de iyi bir fikirdir. Bu, lisans ücreti ödemek veya bir fotoğrafçıyı bağlama konusunda endişelenmeden fotoğrafları kullanabilecekleri anlamına gelir. Bu görüntüleri paketteki düzeninizin yanındaki ayrı bir klasöre eklemekten çekinmeyin. Her bir düzen paketinin rahat bir içe aktarılması için doğru bir şekilde dışa aktarılır, kolayca erişilebilmesi için bir klasöre doğru bir şekilde dışa aktarılan dosyaları içermelidir. Düzeni gelecekteki kullanıcı içe aktarma için doğru bir şekilde dışa aktarma işlemi aşağıdaki adımları içerir: Düzenin her sayfasını yeni bir düzen olarak Divi kütüphanesine kaydedin. Düzenin her sayfası için ayrı bir JSON dosyası üretmek için Divi kütüphanesinden her bir düzenin tek tek dışa aktarılması.
Tüm mizanpajları içeren bir dosya oluşturmak için tüm düzenlerin divi kütüphanesinden toplu olarak dışa aktarılması. Yeni bir klasör oluşturun ve bireysel düzen sayfanızın JSON dosyasını ve tüm düzen sayfalarını klasöre içeren tek JSON dosyanızı ekleyin.
Web sitenizden kullanıcılara kolayca indirilebilmesi için klasörü zip dosyalarına sıkıştırın.
Düzeni yeni web sitesine doğru aktarma işlemi aşağıdaki adımları içermektedir:
ZIP ZIP Dosya Düzeni Paketini açın ve klasörü açın.
Divi kütüphanesini açın ve İçe/Dışa Aktar düğmesini tıklayın. İthalat Seçin
Tüm mizanpajları içeren tek bir JSON dosyası bulun ve İçe Aktar’ı tıklayın.
Düzen paketlerinin ithalat ve ihracatını ele almanın en iyi yolu hakkında daha fazla bilgi için, kendi Divi kütüphanenizin öğelerini oluşturmak, dışa aktarmak ve paylaşmak için bu ipuçlarını okuyun. Zaten tam olarak test edilmiş bunu görmezden gelmeyin. Başkalarına dağıtmadan (veya satmadan) iyi bir Divi düzen paketinin test edilmesi gerekir. İşte düzeninizi dünyaya sunmadan önce dikkate almanız gereken yararlı bir kontrol listesi (en iyi uygulama için, bu testi WordPress ve Divi’nin yeni kurulumunda yapmaya çalışın): Genel Testler Düzen için optimize edilmiş bir resim kullandığınızdan emin olun. Sorunlar olup olmadığını görmek için her sayfada bir performans testi çalıştırmak isteyebilirsiniz (sayfa açılış saatini yavaşlatan büyük görüntüler gibi). Çarpıcı bir yazım hatası kontrol edin. Kullanıcıların düzeni kullandıktan sonra içeriği güncellemeleri gerektiği doğrudur, ancak sayfa başlığındaki yazım hataları yanlış olabilir. Dosya İndir içeriğini kontrol edin
Tüm düzen dosyalarınızın Düzen Paketi klasörünüzde olduğundan emin olun.
Her düzeni aynı anda içe aktaran bir “tüm” düzen dosyası eklediğinizden emin olun.
Yüksek çözünürlüklü görüntünüz için ayrı bir klasör ekleyin.
Taşınabilirlik İşlem Testi
Her düzeni paketinizden ayrı bir Divi tema kütüphanesine (farklı bir WordPress kurulumunda) aktarın.
Her düzen için yeni bir sayfa oluşturun ve bir divi üreticisi kullanın, her sayfaya uygun düzeni ekleyin.
Düzenin orijinal tasarıma benzemesini ve hiçbir şeyin hasar görmediğinden emin olmak için sayfayı kontrol edin. (Bir şey hasar görürse, önce orijinal dosyayı tekrar dışa aktaracağım ve doğru düzen sürümüne sahip olduğunuzdan emin olmak için tekrar içe aktaracağım.)
Düzeniniz eklentiye bağlıysa, eklentiyi yükleyin ve düzgün oluşturma için düzeni kontrol edin.
Kütüphaneye yeni eklediğiniz düzeni silin ve “Tüm” Düzen Dosyasını Kütüphaneye aktarın.
Ardından, düzenin iyi görünmesini sağlamak için oluşturduğunuz her sayfadaki düzeni test edin.
Düzeninizi bir sonraki seviyeye getirin, düzen paketi tema yerine teknik olarak olmasına rağmen, Divi temasıyla kullanılmasını kolaylaştırarak düzeni paketine değeri ekleyebilirsiniz. Kullanıcılar çabalarınızı takdir edecek ve düzen paketleri diğer harika seviyelere yükselecektir. İşte bazı fikirler. Kullanıcıların bu öğelerle daha kolay ek sayfalar oluşturmaları için daha önce ek kütüphane öğeleri olarak tasarlanmış parçaları, satırları ve modülleri ekleyin. Düzen paketinizi diğerlerinden ayırmanın iyi bir yolu, parçaları, satırları veya kullanıcının başka bir özel sayfa oluşturmak için ihtiyaç duyduğu modülleri düşünmek ve daha sonra düzen paketine koymaktır. Bu öğelerin bazıları Fulwidth başlık modülünü, içerik için metin modülünü, karanlık ve parlak düğmeyi veya harekete geçme davetini içerecektir. Bu küçük öğeleri (sadece sayfa düzeni değil) girmek için zaman ayırırsanız, kullanıcılarınızın daha hızlı bir şey oluşturmasına izin verirsiniz. Varsayılan renk paletini tema seçeneğinde güncellemek için kullanılabilecek bir renk kodu içeren bir renk paleti ekleyin Düzen paketinize ek değerler eklemenin bir başka yolu, Yenide ayarlama yaparken kullanılacak renk paleti kullanıcılarına vermektir. Site orada. Bu, düzen paketi klasöründe renk koduna sahip basit bir metin belgesi olabilir veya kolay referanslar ve kopyalar için kullanılan tüm tasarım öğelerine sahip bir marka düzeni sayfası bile tasarlayabilirsiniz. Divi varsayılan aksan rengini göz önünde bulundurarak düzeninizi tasarlayın.
