Divi ile başlamak için bilmeniz gereken her şey
Nisan 2018’de Pivot’u iş modelimiz hakkında açıkladık. WordPress’teki görsel web tasarımı sorunlarına benzersiz çözümümüz olan Upfront’a veda etmeye karar verdik. Bunu odağımızı daraltmak için yapıyoruz. Sadece her zaman en güçlü seçimimiz olan iş yönlerimizde çalışmak: geliştiricilerin WordPress web sitelerini oluşturmasına ve yönetmesine yardımcı olmak. Bu eksenin ana kısmı, WordPress tasarım odasının ön sıralarında kalan temaları ve eklentileri kucaklamaktır – topluluğumuzun bunu anlamasını ve ürün ve hizmetlerimizin onlarla sorunsuz çalışmasını sağlamaktır. Bunun için Divi temaları için bu kılavuzu yaptık.
Tüm hesaplardan zarif temalardan divi, WordPress’te en yaygın kullanılan görsel sayfalar ve görsel sayfa yapımcılarıdır. Biz kendimiz yıllardır mutlu divi kullanıcılarıyız, WPMU dev için hizmetleriniz olan EDublogs ve CampUSpress web siteleri, Divi çocuklarının temasını ve birçok müşterimiz için oluşturduğumuz siteyi çalıştırıyoruz. Divi’yi seçtik çünkü ekibimize, karmaşık düzenlerle sayfadaki içerik ve güncellemelerde değişiklik yapma esnekliği verdi. Ve kendileri kullananlar için Divi, özel bir web sitesi oluşturmak için herhangi bir kodlama becerisi gerektirmez.
Divi için ana kılavuzda, en çok sevdiğimiz bazı özellikleri ve vahşi doğada bazı Divi örneklerini göreceğiz. Neden Divi’yi seçmelisiniz? Ayarlanmış sayfa temaları veya üreticileri arayan WordPress kullanıcıları için birçok seçenek vardır; Beaver Builder, Elementor, Avada ve daha fazlası var. Peki Divi’yi benzersiz kılan nedir? Ana özellik
Duyarlı ve genişlik ve yüksek ve yüksek ve yüksek tasarım ayarları ile inşa edilmiş görsel ön uç üreticisi
1495+ Hazır Düzen Profesyonel olarak tasarlanmış
Divi kütüphanesi ile her şeyi depolama ve yeniden kullanma yeteneği
Tam tasarım ve içerik ihracatı (paylaşılacak veya satılacak!)
Kullanıcı rolü yönetimi
Basit ayrı A/B testi kuruldu
Büyük ve Tutkulu Topluluk Herhangi bir ürün veya hizmetin boyutlarından biri, arkasındaki topluluktur ve Divi’nin büyük bir topluluğu vardır.
100.000’den fazla kombine üye, WordCamp toplantıları ve Divi Nation ağları olan birkaç Facebook grubu var. Ve bunun ötesinde, üçüncü taraflarca yapılan Divi için ek ekosistemler, eklentiler, çocuk temaları ve diğerleri var. Ürün yıllar içinde sürekli olarak geliştirildi ve her hafta tasarlanan iki yeni düzen paketi, tüm Divi kullanıcıları tarafından ücretsiz olarak indirilecek ve kullanılacak Divi kütüphanesine profesyonelce yayınlandı. Kısacası, Divi, özelliklerle dolu sağlam bir seçimdir ve zarif bir temaya sahip şirketler ve işaretleri yavaşlatmadan büyümeyi ve gelişmeye devam eden çevredeki topluluğa sahip şirketlerdir.
Divi’nin hepsinden başlayarak, Divi sadece bir WordPress temasıdır. Herhangi bir tema gibi, tema dosyasını indirir ve etkinleştirmek için WordPress sitenize yüklersiniz. Divi premium bir temadır ve bir yıllık güncelleme için 89 $ veya sınırsız sitelerde kullanılabilecek ömür boyu erişim için 249 $ ücretlendirilecektir. Şahsen 2009’dan beri üye oldum – bu da beni ne kadar hızlı geçtiğini (ve yaşam için ne kadar değerli erişimin) düşündürdü. Divi’yi indirmek ve yüklemek için tüm yönergeleri yeniden oluşturmayacağız, ayrıntılı videolar bulabilirsiniz ve belge bölümlerinde -by -adım talimatları burada etkinleştirildikten sonra, yeni düzenlerken veya yeni oluştururken ‘Divi Builder’ seçeneğini göreceksiniz. sayfalar ve gönderiler. Maker ve nasıl çalıştığı için alışmak için biraz zaman harcamanız gerekir. Düzeni Divi ile tasarlarken seçtiğiniz ilk parçaları bilmeniz gereken 3 anahtar kelime parçalardır. Sayfalar veya yayınlar bir veya birkaç bölümden oluşur ve tam veya standart geniş bir bölüm arasından seçim yapabilirsiniz. Satırlar – Her bölüm bir veya daha fazla satırdan oluşur ve 4 sütuna kadar satırlar seçebilirsiniz. Modül – Her satır, bazen ‘öğeler’ olarak da adlandırılan bir veya daha fazla modülden oluşur. Başlık görüntüleri, kaydırıcılar, düğmeler, menüler, kenar çubuğu ve video dahil olmak üzere aklınıza gelebilecek her şey için modüller vardır.
Bu araçların ve burada Divi Visual Editor’da nasıl çalıştığı hakkında çok daha ayrıntılı bir özet var. Divi Editor Front-End Vs.’den maksimum sonuçlar alın. Arka uç
Arka uç wordPress’te bir sayfa düzeni oluşturun.
Yeni bir düzen oluşturun, şablondan seçim yapın veya sitenizin ön ucunda klon seçin. Daha etkileyici Divi özelliklerinden biri, divi’nin ön ucunu düzenleme deneyimi gibi ‘kare alanı’ yönetmesidir. Dil, buna ‘Görsel Oluşturucu’ denir. Bazı alışkanlıkları ve farklı sembollerin ve simgelerin anlamı öğrendikten sonra çok iyi çalışır. Sitede tam olarak nasıl göründüğünü görmek için öğeleri çekip yayınlayabilir, sütunlar ve satırlar oluşturabilir ve içerik düzenleyebilirsiniz.
Kod yok, sorun yok.
Çünkü site genelinde tasarım değişiklikleri yapmak istediğinizde, Divi standart WordPress ayarlarına sahip engeller olmadan çalışır. Logolar yükleyebilir, yazı tipleri ve renkler seçebilir ve çeşitli ayarlar ve seçenekler arasından seçim yapabilirsiniz. Koşullar, başlıklar, altbilgiler ve blog yayınları, kaydırıcılar, böcekler ve daha fazlası gibi her ‘modül’ için ayarları içerir. Kütüphaneyi kullanmak
Kütüphane Düzeni Oluşturun. Ana zaman tasarrufu Divi’nin bir parçası olan ‘kütüphane’ işlevidir. Diğer sayfalarda ve yayınlarda yeniden kullanılacak kütüphanelere parçaları, satırları ve modülleri depolayabilirsiniz. Örneğin, tüm yayınları standart metin koleksiyonuyla başlatmak veya bitirmek istiyorsanız, metin modülünü kitaplığa ekleyebilirsiniz. Veya, hepsi benzer bir düzene veya öğeye sahip birkaç sayfa yönlendirme oluşturursanız, sayfa da eklenebilir ve yeniden kullanılabilir. Daha etkileyici olan, her kütüphane öğesinin sadece tek bir tıklamayla ‘Global olarak belirlenmesidir. ‘ öğe. Global öğeler, öğeyi sitenizin bir sayfasında güncellediğinizde, öğenin kütüphane öğelerinin göründüğü her yerde otomatik olarak güncelleneceği anlamına gelir. Biraz planlama ve düşünce ile bu kütüphane öğesi çok yararlı olabilir. Hücresel ve duyarlı tasarım
Diğer ayarlarda belirli cihazlarda modülü kolayca devre dışı bırakın. Kutudan çıkmış, Divi’ye duyarlı, böylece boyutu değiştirecek ve tüm modülleri, satırları ve sütunları yeniden düzenleyecek, hiçbir şey yapmanız gerekmeden.
Ancak, ziyaretçinin ekranının boyutuna göre herhangi bir öğeyi gizleme veya görüntüleme seçeneği vardır. Örneğin, masaüstünde menü ile mobil cihaza karşı farklı bir menü görüntüleyebilirsiniz. Veya dev bir görüntü kaydırmasını gizleyebilir ve hücresel kullanıcılar için başlığa yavaşça yüklenebilir ve onlara daha iyi bir kaşif deneyimi sunabilirsiniz. Her sayfanın görüntülenmesini, çok kullanışlı olan bir divi üreticisinin içinden farklı boyutta bir cihazda da görebilirsiniz. A/B testi gerçekleştirin
Bazı mizanpajları test etmek istediğinizi biliyorsunuz! Sitenizin tasarımının diğer unsurlarını kullanmanız veya test etmeniz gerektiğine karar vermekte zorluk çekiyor musunuz? Divi, daha karmaşık bir A/B test aracına yatırım yapmanıza gerek kalmaz, doğrudan Divi düzenleyicisinden yapılabilir. Divi’de buna, aynı anda ‘ayrı test’ sınırsız versiyonuna izin veren divi uçları denir. Sadece varyasyonunuzu seçin ve harekete geçmeye hazırsınız. Çocuk mu yoksa NA teması mı? Deneyimlerimize göre, CampUSpress müşterileri veya şirket barındırma hizmetleri için Divi kullanırken, neredeyse her zaman çocuk temaları yapıyoruz. Bunun nedeni, markalaşma ve tasarım sitesinin yönlerini kontrol edebilmemiz ve son kullanıcıların bu kılavuzu ihlal etmesini engelleyebilmemizdir. Ayrıca düzen için bir sayfa şablonu uygulayabilir ve menü öğeleri, ekmek kırıntıları, tipografi ve benzerleri gibi şeylerle biraz daha mükemmel olabiliriz. Ama gerçek şu ki, Divi kendi başına çok esnek olabilir – çocuk temasına gerek yoktur. Yönetici erişimi olan tek kişi olacağınız bir site oluşturuyorsanız, sizin için mükemmel olabilir. Ayrıca indirebileceğiniz ve ayarlayabileceğiniz birçok yerleşim paketi de var, bu yüzden başlangıçtan başlamak zorunda değilsiniz ve böylece iki divi sitesi aynı görünmüyor. Çocuk temaları hakkında daha fazla kaynak:
Divi’nin bir çocuğun teması oluşturma görüşüDivi bloglarından birçok divi çocuğunun tema kaynağı
Aşağıdaki mağaza, çocukların teması olmayan ve olmadan inşa edilen divi kullanan örnek siteleri içerir, bu da size seçtiğiniz herhangi bir rota ile neler başarabileceğiniz hakkında iyi bir fikir verebilir. Hava atmak KampUSPress.com-A Divi Çocuk Teması, farklı yön sayfalarında yeniden kullanılmak üzere kütüphaneye öğeler oluşturuyoruz.Üniversite markalaşma yönergelerine uygun olarak.
Recubre.com.mx – WPMU Dev Üye Sitesi, e -ticaret siteleri için de iyi çalışan divi örnekleri.
Roundrockisd.org – Görsel besteci kullanarak temaların aynı görünümünü ve düzenini yeniden kullandığımız çocuk teması.Divi’ye geçmek performansı ve güvenilirliği önemli ölçüde artırır.
Wilcosymphony.org – Hafta sonu yerel olmayan yerel olmayanlar için inşa ettiğim site.
WPGOBY.com – WordPress Ajansları ve WPMU Dev Üyeleri. Arzu Listem Divi Divi hemen hemen her kutuyu kontrol ederken ve ihtiyaçların çoğunu yerine getirirken, Divi Arzu listemde paylaşmaya değer birkaç öğe var. Birincisi, basit görünecek ve 3. tarafın buna izin veren bir divi uzantısı var, ancak genellikle site başlığını başlığa yerleştirmek ve logoyu kullanmamak için hızlı bir yol istiyorum. Birçok durumda, mevcut logo başlıkla eşleşmeyebilir veya kalite kullanmak için yeterince iyi değildir. Koşan veya yanlış görünen logo, kullanıcıları sitedeki içerikten uzaklaştırabilir. Daha da önemlisi, Divi ekibinin Divi Erişilebilirlik eklentisi özelliğini Divi ürününün kendisine birleştirdiğini ve Divi’nin erişilebilirlik standardını karşılayacak ve aşacak şekilde daha kolay kullanılabilmesini sağlamak istiyoruz. Birkaç unsur ve yaklaşımın kullanımını sınırlayabiliriz, ancak geliştirilmesi gereken bazı sorunlar vardır. Ve son olarak, eminim Divi ekibinin bir planı var ve onlarla hiç konuşmadık, ancak Divi’nin yeni ‘Gutenberg’ editörünün deneyimiyle nasıl iyi oynayacağını bilmek istiyorum. çekirdek wordpress. Yeni bir tema arıyorsanız ve özel kodlarla çok fazla zaman harcamak istemiyorsanız, yukarıdaki bağlantılardan bazılarını görün ve bugün Divi ile inşa etmeye başlayın. Ayrıca, Divi kullanıyorsanız – eklentimizle optimize ettiğinizden emin olun. Divi’yi Smush ve Hummingbird ile optimize etme hakkında bir makalemiz var. Divi hakkındaki fikrinizi duymak ve aşağıdaki yorumlarda oluşturduğunuz sitenin bağlantısını kontrol etmek istiyoruz. Etiket: çocuk teması Premium bir tema sayfası oluşturun
