Stil (ve nasıl) olabileceğinizi göz ardı eden 3 divi modül elemanları
Mevcut Divi kullanıcıları modül sistemine alışkındır. Bu, karmaşık ve şık bir web sitesi tasarlamanın her seviyesindeki kullanıcılara yardımcı olmanın kolay ama etkili bir yoludur. Ancak, her modüle paketlediğimiz seçeneklerin miktarı göz önüne alındığında, bir veya iki anahtar öğeyi kaybederseniz affedilirsiniz. Bu makalede, sizi göz ardı edebileceğiniz küçük Divi modülünün (ancak önemli) üç öğesini tanıtacağız. Size daha iyi bir web sitesi oluşturmanıza nasıl yardımcı olabileceklerini öğretmeden önce nasıl bulacağınızı söyleyeceğiz. Ancak, girmeden önce, genel olarak Divi modülü hakkında bir an konuşalım.
Divi modülü nedir (ve size nasıl yardımcı olabilecekleri) Divi temel olarak modülerdir, yani sitenizin farklı işlevsellik sunan bir blok kullanarak yapıldığı anlamına gelir. Zarif tema üyeleri için bağımsız bir eklenti olarak bulunan entegre bir Divi oluşturucu kullanarak sitenize eklersiniz. Genel olarak, eklenti daha hızlı bir web sitesi oluşturmanıza, sitenize karmaşık özellikler eklemenize ve WordPress düzenleyici ekranınızdan tek tek öğelerle kolayca etkileşime girmenize olanak tanır. Başlamak için, bir sayfada veya herhangi bir yayın üzerinde çalışırken WordPress editörünüzün üreticisini etkinleştirin. Bunu yapmayı bitirdikten sonra, sayfanızı istediğiniz kadar satır ve sütuna (satır başına altıa kadar) ayırabilir ve her birini seçtiğiniz modülle doldurabilirsiniz.
Divi numarası sayma modülüne giriş (ve stilin nasıl ayarlanacağı).
Basit bir zarafetle divi zamanını nasıl düzenlenir.
Bununla birlikte, Divi’ye paketlenen çok fazla işlevsellikle, belirli modüllerin bazı yönleri genellikle unutulur. Bunu düzeltelim!
Divi modülünün 3 temel öğesi ve onunla nasıl etkileşime girileceği Divi modülünün çoğunun anlaşılması kolaydır. Bunu hatırlayarak, test sayfasına bir modül eklemeli ve keşfetmeye başlamalısınız. Ancak, bu bölüm için, web sitesi tasarımınızı mükemmelleştirebilecek CSS kodunu kullanarak uygulayabileceğiniz bazı ek ayarlamalara odaklanıyoruz. Tabii ki, girmeden önce, değişikliklerinizi herhangi bir temanın güncellenmesinden korumak ve ayrıca ayarları bozmanızı sağlayan değişiklikler varsa yedekleme için alt temayı kullandığınızdan emin olun. 1. Akordeon Modülü Modül Modülü modülü, çok fazla bilgiyi kısa bir alana paketlemenizi sağlar. Bu, sık sorulan sorular (SSS) ve kullanıcıların özellikle sağlam bilgiler arasında bir şey aradıkları diğer benzer sayfalar için mükemmeldir:
Bu ince ayar için, size her öğenin sağ tarafındaki simgeyi nasıl değiştireceğinizi öğreteceğiz: Varsayılan olarak, Divi yalnızca hesap simgeniz için rengi ayarlamanıza olanak tanır. Ancak, boyuttan memnun değilseniz, küçük bir CSS kodu ile büyütebiliriz. Bunu yapmak için akordeon modülünüz için ayarları açın ve Özel CSS sekmesine gidin. Buraya vardığınızda, geçiş simgesine ulaşana kadar aşağı kaydırın. Buraya girdiğiniz herhangi bir CSS kodu, söz konusu simgeyi değiştirecektir. Bu simgelerin ön ucunda görüntü olarak görünürken, kaputun altında aslında özel bir yazı tipine benzer. Bu nedenle, her seçmen için varsayılan yazı tipi boyutu özelliğini değiştirmeniz gerekir. Bu görünüyor: Yeni ikonunuzun neye benzediğini görmek için önizleme işlevini kullanabilirsiniz … … ve değişikliklerinizi kaydetmeden önce gerektiği gibi ayarlayın. Kolay, değil mi? Şimdi, her modül için özel CSS bölümünü kullanmak istediğiniz yaratıcı olabileceğinizi unutmayın, bu nedenle diğer stilleri de denemekten çekinmeyin. 2. Sosyal Medya Simgesi Modülü Kişi Modülü, kendinizi veya ekibinizin diğer üyelerini sitenizi ziyaret edenlere tanıtmak için çok uygundur. Bu, çalışmalarının rolü, kısa biyografi ve ilgili sosyal medya profiline bağlantılar da dahil olmak üzere ekip üyeleriniz hakkında ziyaretçiler veya potansiyel müşteriler tarafından bilinmesi gereken önemli bilgiler sağlar: Bu örnek için, biyografik bölüm altında görünen sosyal medya simgeleriyle oynayacağız. Rengi değiştirebilmenize rağmen, renk varsayılan olarak çok belirgin değildir. Buna ek olarak, önceki örnekte yaptığımız gibi boyutlarını kolayca değiştiremeyiz, bu yüzden yaratıcı olmanın zamanı geldi! Başlamak için ilgili kişi modül ayarlarını açın, ardından Özel CSS bölümünü açın. Bir kez, sosyal bağlantılar alanını bulana kadar aşağı kaydırın. Bu kez, simgemizde görünürlükte hafif bir artış sağlamak için metin gölgeli özelliğini kullanacağız: piksel numarası, gölgenin orijinal simgeye göre yatay ve dikey olduğunu belirler ve altıgen kodu rengi belirler. Pozisyonu denemek için tereddüt etmeyin ve ayrıca sayfanızın stiline bağlı olarak rengi değiştirin. İşte örneğimizin görünümü: Yumuşak bir renk seçtik, böylece sosyal medya simgesini yenmeyeceğiz. Ancak, elbette özel tasarımınıza uygun bir şey seçmekte özgürsünüz. 3. Batang Hesaplama Modülünün Yüzdesi Son olarak bir STEM sayımı modülümüz var ve kullanımı çok kolay. Bu, kendi ilerlemesinin başlığı ve göstergesi ile basit bir yatay çubuk kullanarak birkaç yüzdeyi göstermenizi sağlar: Bununla birlikte, kullanımı kolay olmasına rağmen, bu en kapsamlı divi modüllerinden biridir. Başlık, İlerleme Bıçakları ve hatta içindeki yüzde metin dahil hemen hemen her öğeyi değiştirebilirsiniz. Yine de, özel CSS modülü sekmesini kullanarak eğlenebiliriz. Oraya gidin ve önce konteyner sayaç alanını bulun. Yüzde sapımızın yatay ekseni boyunca eğik dönüşüm özelliğini uygulayarak başlayalım. Basitçe söylemek gerekirse, bu yüzünüzün gövdesine küçük bir eğim uygulamanızı sağlar. Uygulamak istediğiniz seviyeyi değiştirerek bu özelliği değiştirebilirsiniz, ancak metni kapta da bozacağını unutmayın. Son olarak, yüzdenizin gövdesini daha fazla açmak istiyorsanız, sıradan renkleri ortadan kaldırabilir ve gradyanları kullanarak düzenleyebilirsiniz. Bunu başarmak için doğrusal gradyan CSS özelliğini kullanacağız ve aşağıdakiler arasındaki geçiş rengini belirleyeceğiz: Uygulayabileceğiniz ayarları anlamak zaman gerektirse de, bu, gradyanı doğru gereksinimlere göre ayarlamanıza izin verebilir. Kısacası, birkaç uygun renkle birlikte gradyanınızın yönünü uygularsınız. Bu örnek için, eğimi bu yönde devam edecek şekilde özelliği sağ alt tarafa uyguluyoruz: Yüzde bıçağınız için iyi görünmesini sağlamak için bir gradyan almak karmaşık olabilir, çünkü işlevini sağlamak için bazı renkleri eşleştirmeniz gerekir. Ancak, bu hileyi kullanarak başarabileceğiniz yaratıcı tarzı çok seviyoruz. Sonuç Divi’nin en büyük özelliği muhtemelen yeni kullanıcıların temaları almanın ve onlarla birlikte karmaşık web siteleri oluşturmaya başlamasının ne kadar kolay olduğudur. Bu, çoğunlukla mümkün olduğunca tasarlanan modül sistemi – Divi Builder – sayesinde mümkündür. Bununla birlikte, her modül için tüm hileleri ve sırları bulmak için zaman gerektirebilir. Bunu hatırlayarak, divi sitenizi daha fazla ayarlamak istiyorsanız, bu üç öğe başlamak için iyi bir yer: akordeon modül simgesi. Sosyal Medya Ikon Kişi Modülü. Kök sayımı modüllerinin kök yüzdesi. Hangi Divi modülünü en kullanışlı mı düşünüyorsunuz? Aşağıdaki yorumlar bölümünde abone olun ve düşüncelerinizi bizimle paylaşın! Makale Küçük Resim Venimo / Shutterstock.com
