Divi tanıklık modülünüz nasıl değiştirilir yapışkan
Divi ile düzeni inşa etmekle ilgili ilginç şeylerden biri, bir tasarıma yaklaşmanın birçok yoludur. İçerik içeren modül iyi bir örnektir. İçerik seçeneklerini kullanabiliriz veya bazı benzersiz tasarımlar oluşturmak için diğer modüllerle birlikte kullanabiliriz. Örneğin, modül kombinasyonu yapışkan öğeler yapmamızı sağlar. Bu makalede, divi referans modülünüzün yapışkan olacağını ve referans içeriğinin her zamanki gibi yuvarlanmasına izin vereceğini göreceğiz. Aşağıdaki önizleme yapacağımız ekrandır. Bu tasarımın hücresel versiyonu yapışkan olmayacak, bu yüzden sadece önizleme için masaüstü sürümünü görüntülüyorum.
Divi yapışkan referans modülümün örneği örnek olarak, divi’de bulunan ücretsiz elektrik hizmeti düzeni paketinin yön sayfasını kullanıyorum. Bu sayfanın zaten düzenin altına yakın bir referans bölümü vardır, ancak tamamen farklı bir tasarıma sahiptir. Bu bölümdeki referansları değiştireceğim ve yeni bir tasarım stilini yansıtacağım. Başlığı koruyacağım, ancak ayarları göstermeyi geri alacağım.
İlk yapışkan ifadenin başlığını oluşturun, yeni bir parça yapın ve bir sütun satırı ekleyin. Bu satır, ortalanacak olan başlığı barındıracak. Bir sonraki başlık metin modülü, başlık için metin modülünü ekleyin. Ardından, metin modülü ayarlarını açın. Metni Başlık 3 olarak değiştirin ve içerik düzenleyicisine başlığı ekleyin. Metin: Başlık 3
İçerik: Mutlu Müşteri
Bir sonraki tasarım ayarları, tasarım sekmesini açın. Metnin hizalamasını ortalayın. Metnin Hizalanması: Merkezli
Başlık metni için H3’ü seçin. Yazı tipleri için Petch Çakra’yı seçin. Ağırlığı cesur ve renk haline getirin. Yazı Tipi: Chakra Petch
Ağırlık: Kalın
Renk: #000000
Son olarak, metin boyutu için tablet simgesini seçin ve masaüstü boyutunu 50 piksel, tablet boyutu 28 piksel olarak ve telefon boyutunu 20 piksel olarak ayarlayın. Modül ayarlarını kapatın. Boyut: Masaüstü 50px, Tablet 28px, Phone20px
İlk referansa satır ekleyin, başlığın 2/3, 1/3 altındaki satırlar ekleyin. Bu çizgi ilk referansını tutacaktır. Ayarlar Satır Tasarım sekmesini açın ve Sütun Yüksekliklerini Eşitle Etkinleştirin. Yüksek sütunu eşitleyin: evet
Sütun Ayarları Satır ayarlarına sahip ilk sütun için ayarları açın. Sınır stillerine gidin ve üst sınır stilini seçin. Genişliği 2 piksel olarak değiştirin ve rengi #FFD600 olarak değiştirin. Satır ayarlarını kapatın. Bu, yerini aldığımız orijinal referans gibi bir referansa sarı bir çizgi ekleyecektir. Sınır Gücü: Üst
Üst sınır rengi: #ffd600
Genişlik: 2 piksel
Bir sonraki tanıklık metin modülü, referans içeriği için bir metin modülü ekleyeceğiz. Metin modülünü sarı çizginin altına sol sütuna ekleyin. Referans içeriğinizi içerik düzenleyicisine girin. Ardından, Tasarım sekmesini açın. Yazı tipleri için Petch Çakra’yı seçin. Ağırlığı kalın ve renkte siyah olarak ayarlayın. Metin boyutları için masaüstü için 30px ve tabletler için 14px’i seçin. Telefon ayarları tableti otomatik olarak takip edecektir, bu nedenle değiştirmemize gerek yoktur. 2EM metin yüksekliğini ayarlayın. Bu, dikkat çekecek dev bir baskı referansı yaratır. Yazı tipi: Chakra Petch Ağırlık: Kalın
Siyah
Boyut: Masaüstü 30px, tablet 14px
Hat yüksekliği: 2em
Metin hizalamasına gidin ve ortalanmış seçin. Metin modülü ayarlarını kapatın.
Aydınlanma: Merkezlenmiş Bir sonraki tanıklık modülünü ayarlayın, sağ sütuna bir referans modülü ekleyin. Bu yapışkan olacak ve insanların, şirket isimlerinin, pozisyonların ve resimlerin isimlerini gösterecektir.
İçindekiler açma modül ayarlarını ayarlayın ve referans içeriği ekleyin. Vücudun boş içeriğini bırakın. Bunun için metin modülünü kullandık. Yazar
İş ismi
Şirket
Resim
Arka plana doğru kaydırın ve beyaz ayarlayın.
Arka plan: #ffffff
Yapışkan arka plan rengi: #000000 Bir sonraki alıntı simgesi, Tasarım sekmesini açın. Alıntı simgesinin rengi için #ffd600’i seçin.
#FFD600 Görüntü görüntüye doğru ilerleyin ve genişliği ve yüksekliği 150 piksel olarak ayarlayın. Yuvarlak köşeleri 0px olarak değiştirin.
Resim Genişliği: 150 piksel Yuvarlak açı: 0px
Metin Metin hizalamasına doğru ilerleyin ve ortalanmış seçeneği seçin. Bu, şirket adının yazarının, pozisyonunun ve metninin adını odakladı.
Metnin Hizalanması: Merkezli Yazarın metni yazar metni altındaki metin, yazı tipleri için Petch Çakra’yı seçin ve ağırlığı hizalama için kalın ve ortalanmış olarak ayarlayın. Sıradan renkler için Siyah’ı seçin. Pim simgesini seçin ve yapışkan rengi #ffd600 olarak ayarlayın. Masaüstü boyutunu 20 piksel ve tablet boyutunu 14px olarak ayarlayın. Yazı tipi: Petch Chakra
Sıradan metin rengi: siyah Gömülü metnin rengi: #ffd600
Boyut: Masaüstü 20px, tablet 14px
Bir sonraki konum metni, konum metnine gidin. Yazı tipleri için EXO’yu seçin. Sıradan metin renkleri için Siyah’ı seçin. PIN simgesine tıklayın ve beyaza sabitlenmiş rengi ayarlayın.
Yazı Tipi: Exo
Sıradan metin rengi: #000000 Gömülü metnin rengi: #ffffff
Şirket metni şirket metnine doğru ilerleyin. Yazı tipleri için EXO’yu seçin. Sıradan metin renkleri için Siyah’ı seçin. PIN simgesine tıklayın ve beyaza sabitlenmiş rengi ayarlayın.
Yazı Tipi: Exo
Sıradan metin rengi: #000000 Gömülü metnin rengi: #ffffff
Bir kaydırma kutusunun Gölgesine Gölge Gölgesine Gölge ve ilk seçeneği seçin.
Kutu Gölgesi: İlk Gölge Seçenekleri
Son kaydırma efekti, devam eden sekmeyi açın ve kaydırma efektlerine doğru kaydırın. Masaüstü’nü seçin ve yapışkan konum için üste çubuk seçin. Ofset üstü 50 piksel olarak ayarlayın. Yapışkan öğeyi sütuna ayarlayın. Bu, modüllerin nasıl ve nereye yapışacağını anlatır. Yapışkan pozisyon: tepeye sadık kalın
Ofset üst yapışkan: 50px Yapışkan öğe: sütun
Yapma konumu için tablet simgesini seçin ve yapıştırmamayı seçin. Bu, modülün tablet ve mobil cihazlara yapışmamasını sağlar. Modül ayarlarını kapatın.
Yapışkan pozisyon: yapışmayın
Şimdi, kaydırdığınızda, referans modülü ekranın üstüne bağlanır ve rengi değiştirir. Modül sütunun tabanıyla dizildikten sonra sütunla yuvarlandı.
İlk referans çizgisini çoğaltın, ilk satırı kopyalayıp değişiklik yaparak ikinci satırı yapacağız. İmleci satıra gidin ve yinelenen simgeyi tıklayın. Son olarak, metni ve referans modülünü tek tek açın ve önceki içeriği yeni referans içeriğiyle değiştirin. Bir değişiklik yaptıktan sonra modülü kapatın ve sayfanızı kaydedin. Çoğaltma işlemini tekrarlayarak daha fazla referans ekleyin. Artık iki tanınmış referans içeren ilginç bir referans bölümünüz var ve harika görünüyorsunuz. Zihni sona erdirmenin sonuçları, divi referans modülünüzü yapışkan hale getirmek için nasıl değiştireceğimiz konusundaki görünümümüzdür. Divi ayarları herhangi bir öğeyi yapışkan hale getirebilir. Modülleri birlikte kullanırken, içerik için metin modülleri ve destekleyici bilgileri desteklemek için referans modülleri gibi bazı ilginç tasarımlar yapabilirsiniz. Burada yaptığımız referanslar sadece divi modülünün ve yapışkan ayarların nasıl kullanılacağına dair bir örnektir. Senden duymak istiyoruz. Divi referans modülü yapışkan seçeneğini kullanıyor musunuz? Bize yorumlardaki deneyiminizden bahsedin.
