Divi Eklenti Spot Işığı – Pro Stil Yöneticisi
Web boyunca birçok iyi divi tasarımı var. En iyi divi temalarının çoğunu belirleyen bir şey, parçaların bölünmesidir. Parçaların Bölümü, web sitenize bazı görsel fişekler eklemenin iyi bir yoludur. Bunu eklemenin en iyi yolu CSS stilidir, ancak Divi web sitenize eklemek için CSS’yi bilmenize gerek yoktur. Bölüm Stil Manager Pro adlı bir eklenti kullanabilirsiniz. Bölümün düzenlenmesi, ayrı parçalar için benzersiz bir yol katar. Standart Standart Bölüm. Stil düzenlemesi açı, kutu, daire, üçgen ve benzersiz olan diğerleri yapabilir. Bir açı gibi basit bir şey bile web sitenizi öne çıkarabilir ve daha çekici görünebilir. Bu eklenti genel bakışında, Pro Manager bölüm yöneticisinde mevcut stili göreceğiz ve kullanmanın ne kadar kolay olduğunu göreceğiz.
Style Manager Pro bölümü şu adresten ulaşılabilir: Divi modül düzenleyicisinden esinlenen cıvata temaları ve coddrops’ta ayırıcı seçimi olan bu eklenti, Divi web sitesi bölümünüz için 28 benzersiz ayırıcı oluşturmak için CSS stilleri eklemenin kolay bir yolunu sunar. Eklenti, daha sonra doğru CSS sınıfını kullanarak bölüme ayarlayabileceğiniz CSS sınıfını ekler. CSS’yi ve hatta sınıfın ne olduğunu bilmenize gerek yok. Sadece ekranda görüntülenen görüntüden istediğiniz stili seçersiniz. Nasıl yapacağınızı bilmeniz gereken alana bağlanmaktır. Parçanın bölümleri şunları içerir:
3 Üçgen
3 diyagonal
3 yarım daire
2 tur bölünmüş
3 açı
2 vardiya
Devam dahil:
kutu
Kale
puan
Çift çizgi
Katlanmış açı
inç
Biraz üçgen
Yuvarlak kenar
Açıklık
büyük şeffaf üçgen
şeffaf küçük üçgen
Zig Zag
Gösterge paneli menüsü
Örneklemek için, Divi Kütüphanesi’nden temel bir ana sayfa düzeni kullanarak bir test sayfası oluşturdum. İkinci bölüm metin dolu geniş bir başlıktır. Stil ekleyeceğim kısım bu. Bu bölümü vurgulamaya yardımcı olmak için, mavi ile yukarıdaki ve aşağıdaki stili verdim. Şimdi bazı örneklere bakalım. Üst üçgen bölümü Aşağıdaki üçgen bölümü. Bu onu yukarıdaki üçgene yerleştirir. Ayrıca altta veya üst ve altta da mevcuttur. Her ikisinin de diyagonal kısmı
Diyagonal bölüm, üstte, altta veya her ikisinde diyagonal bir eğim ekler. Bu ikisini de kullanır. Yarım daire Bu, üst, alt veya her ikisine yarım daire yerleştirir. Burası aşağıda. Bölünmüş rotasyon bölümü kavisli üst Bu, kavisli bir tepeye sahip yuvarlak bir bölünmüş kuvvettir. Ayrıca kavisli taban için bir seçeneği vardır. Her ikisinin açısı Açılı kuvvet, açıyı sola, sağa veya her ikisini de üstüne yerleştirir. Bu ikisini de kullanır. Bu tam ekran kaydırıcısı, tam ekran kaymasıyla işlev görür ve bir sürücünün tam ekran veya ekranın yarısını yatay olarak kolayca almanızı sağlar. Bu tam ekran vardiyası. Bu bölümde başka bir şey varsa, modül tam ekran veya yarısı olarak görüntülenmez. Yukarıdaki resimde, orijinal satır ve kaydırma aynı kısımda. Kayan çubuğun arka planını öne çıkacak şekilde ayarladım. Arka planın düzenlenmesi Arka planı ayarlamak için, o bölümdeki arka plan rengini seçin. Kuvvet otomatik olarak arka plan renk stiliyle eşleşecektir. Bu, üst ve alt için bir üçgen kullanır. Bu altta çapraz bir bölüm kullanır. Görüntüleri Kullanma Her ne kadar sadece bir renk arka planı ile çalışmayı amaçlamakla birlikte, görüntülerle çalışır, ancak beklenenlerden farklı tepki verir. Deneme yanılma kullanarak bazı ilginç efektler elde edebilirsiniz. Paralaks stil düzenlemesini öldürür. Adil olmak gerekirse, resimlerle kullanmak benim için niyeti değil, bu yüzden eklentide olumsuz değil, ama denemeliyim ve bence denemek uygun. Denemeye karar verirseniz, resimlerinizi birkaç tarayıcıda test etmenizi öneririm. Gelişmiş parça stili Kuvvetin devam eden kısmı ekstra bir ayar seviyesi ekler – daha karmaşık bir desene sahiptirler ve tema ayarı kullanılarak özelleştirilebilirler.
SSM Gelişmiş Temalarının Ayarlanması SSM adlı yeni sekme, temanın ayarlanmasına eklenmeye devam etti ve her takip stili için sekmeyi dahil etti. Burada her stilin rengi bağımsız olarak ayarlayabilirsiniz. Bu küresel bir ayardır, yani bu ayarın kuvvet kullanıldığı her yerde görünecektir. Kutular, kale duvarının etkilerini yaratmak için çok iyi olan iki renge göre ayarlamalar sağlar. Yukarıdaki örnekte, iki parçayı bağlamak için mevcut parçanın rengini ve altını kullanıyorum.
puan
Bir renkten önce ve sonra noktayı ayarlayabilir ve orta noktayı başka bir renkle düzenleyebilirsiniz. Çift çizgi Çift çizgiler bağımsız olarak düzenlenebilir. Burada parçanın arka plan rengi ile birleştirilmek için iki kırmızı varyasyon kullandım. Katlanmış açıAşağıda katlanmış bir açılı ekran bulunmaktadır. Bunu ayarlamak zor buldum çünkü gerçekten sadece parçayı eşleşecek şekilde ayarlarsanız işe yarıyor. Biraz öne çıkması için açının üst kısmını parçanın renginden biraz daha koyu olarak ayarladım. Köşenin arkası çok daha koyu ve parçanın altındaki alan tamamen farklı bir renge sahip. Okuyucunun gözlerinin bölümün altında olduğu gibi kırmızı görmesine yardımcı olmak için, sanki bir göz atmış gibi görünmesini sağlamak için bu kısımda başka bir şey ayarlayabilirim. inç Inczigzag bazı ilginç efektler yapar. Bu bölümün üst üste binen bir etkisini sağlamak için önceki ve bir sonraki bölümün arka plan rengine uyacak şekilde daha düşük arka plan rengini yaptım. Çoklu Üçgen İşte bir çift üçgen ekran. Öne çıkması için koyu kırmızı arka plan rengi ekledim. Açıklık
Aşağıda bir yarık ekrandır. Parçanın üstüne büyük bir bant yerleştirir ve iki renk için bir stile sahiptir. Ana arka planı ana renkten daha koyu olan iki versiyonun kısmına ve arka planına göre yaptım. Bu büyük şeffaf üçgen büyük şeffaf bir üçgendir. Düzenlemek için çekici bir alt ok tasarımı yapmak için aşağıdaki bölümle aynı rengi kullanıyorum. Bu bölümde parçaya koyu mavi bir arka plan ekledim ve şeffaf arka plan rengi için biraz daha parlak bir mavi kullandım. Şeffaf küçük üçgen Aşağıda, aynı renkte iki varyasyonla stil ile şeffaf küçük bir üçgendir. Ön uç bina Eklenti size yalnızca bölümünüze daha önce yapılmış olan CSS sınıfını eklemenin kolay bir yolunu sunduğundan, aslında çelişkili bir kod yoktur veya ön uç üreticisi tarafından sınırlıdır. Yine de ön uç üreticisini kullanarak kendi rolünüzün stilini herhangi bir parça olarak ayarlayabilirsiniz. CSS düzenlemesi temanın ayarlanmasından yapılmalıdır, ancak her şey ön uçtan ayarlanabilir. Beklendiği gibi, CSS sınıfını ön uçtan sağ alana koyabilirsiniz. Ön uç üreticisini kullanmayı tercih ederseniz, Pro Manager bölüm stili yöneticisini kullanmada bir sorun bulamazsınız. Ekstra ile kullanın Sayfalar ve ekstra yayınlama ile iyi çalışır. Kategori üreticisi bana formatla ilgili bazı sorunlar veriyor. Tasarımınız için en uygun olanı görmek için farklı bir stil denemenizi öneririm. Style Manager Pro bölümünün lisansı, belgelenmesi, güncellenmesi ve desteği, siz ve müşterileriniz için sınırsız web sitelerinde kullanılabilir. Bu eklenti ücretsiz bir ömür boyu güncelleme içerir. Reform otomatik olarak yapılır ve eklentiye, güncellemeyi kontrol edebileceğiniz eklentiler listesindeki eklenti eklenir. Belgeler gösterge tablosundaki sayfada verilir ve CSS sınıfının nasıl kopyalanacağı ve ekleneceği ve tema ayarını kullanarak daha fazla stilin nasıl düzenleneceğini içerir. Her iki stil türünü kullanarak size rehberlik etmek için eklenti satış sayfasında iki video eğitimi vardır. Yaşam desteği e -posta yoluyla verilir. Ayrıca satış öncesi sorularla onlara e-posta gönderebilirsiniz. Style Manager Pro bölümünün son zihni, web sitenize bölüm bölümü için 28 stil eklemek için kolay bir yol sağlar. CSS sınıfını istediğiniz parçaya eklemelisiniz, ancak CSS stil düzenleme işlemini basitleştiren gösterge paneli ekranında istediğiniz sınıfı tıklayarak birkaç stil arasından seçim yapabilirsiniz. Programlamaya gerek yok …