Divi altbilginizi nasıl sabitleştirirsiniz
Bugünün Divi öğreticisinde, web siteniz için nasıl sabit bir altbilgi yapacağınızı göstereceğiz, olağan olanı değil. Önceki yazıda, ilk başta aynı görünse de, onu kalıcı hale getirmekten aslında nasıl yapışkan hale getireceğinizi gösteriyoruz. Eğer yapışkan yapmak istemiyor, ancak düzeltmek istemiyorsanız, bu yazı size yardımcı olacaktır. Web sitenize sabit bir altbilgi eklemek, müşterilerinizden birinden veya kendi web siteniz için ihtiyaçlarınızdan bir talep olabilir. Sıklıkla kalıcı bir gölgelik olarak kullanılmasa da, savaştığınız şeylerden biri olabilir. Divi web sitenizde altbilginizi yapışkan hale getirmenin iki yolunu göstereceğiz. Birincisi, JQuery kodunu kullanarak birkaç CSS hattı ve ikincisi kullanmaktır. Her iki yol da web sitenizde CSS tarzı sayfa altbilgisinde bir değişiklik yapacaktır.
Burada, aşağı kaydırma sırasında altbilginin nasıl sabit göründüğüne bir örneğiniz var:
YouTube kanalımıza abone olmaya başlayalım, web sitenize iki şekilde nasıl sabit bir altbilgi ekleyeceğimizi göstererek başlayacağız; CSS kodu aracılığıyla ve jQuery kodu aracılığıyla. Her iki yöntem de işlev görür, ancak her şey ihtiyacınız olan web sitesi için kullanmayı istediğiniz konusunda bağlıdır. CSS üzerinden sabit bir altbilgi ekleyin Sabit bir altbilgi yapmanın ilk ve en kolay yolu birkaç sıra CSS eklemektir. Divi Builder ve WordPress ile bu çizgiyi farklı bir yere ekleyebiliriz. Onları görelim. CSS Kodunu CSS Custom aracılığıyla ekleyin, CSS kodunu eklemenin ilk yolu, belirli bir sayfaya eklemektir. Abbitin web sitenizdeki her sayfa için aynı kalmasını sağlamak daha iyi olsa da (web sitenizdeki tutarlılık), belirli bir sayfaya da uygulanmasına izin vermeyi seçebilirsiniz. CSS kod satırını eklemek istediğiniz sayfayı açın ve aşağıdaki oluşturucu divi düğmesini tıklayın.
Aşağı kaydırın ve aşağıdaki kodu CSS özel alanına ekleyin: #Main-footer {
Konum: Sabit; Alt: 0;
Genişlik:%100;
}
Kodu eklemenin başka bir yolunun temasını ayarlayarak CSS kodunu ekleyin Özelleştirici temasıdır. Özelleştirici temasını kullanarak, sonuçların web sitenizde gerçek zamanlı olarak gerçekleştiğini göreceksiniz. Ayarlama temasıyla eklediğiniz kod, web sitenizdeki tüm sayfalar için geçerlidir. Web sitenizdeki optimal temaları açın> Ek CSS> Aşağıdaki CSS kod satırlarını yapıştırın:
#Main-footer {
Konum: Sabit;
Alt: 0;
Genişlik:%100;
}
Tema seçeneğinden CSS kodunu ekleyin CSS kodunu web sitenize eklemenin son yolu tema seçeneğinden geçer. Kodunuzu tema seçeneğinde CSS özel alanına eklediğinizde, kod tüm web siteleri için de geçerlidir. Bu, tüm Divi web sitelerinize özel CSS kodu eklemenin en sık kullanılan yoludur. Divi> Tema Seçenekleri> Genel> Aşağı kaydırın ve aşağıdaki kodu CSS özel alanına ekleyin: #Main-footer {Pozisyon: Sabit;
Alt: 0;
}
JQuery aracılığıyla sabit bir altbilgi ekleyin, sahip olduğumuz diğer olasılıklar, CSS’nin birkaç satır satırından değişiklik yapmaktır. Sabit bir altbilgi kullandığınızda, genellikle web sitenizdeki tüm sayfalar için geçerli olduğundan emin olmak istersiniz. Bu tür bir tutarlılık, ziyaretçilerinizin kafanızın kafasını karıştırmadan gezinmesini kolaylaştırır.
Bir sayfa için JQuery kodunu özel bir kod modülü üzerinden ekleyin, altbilginin uygulanmasını istediğiniz sayfayı açın ve sayfanızın üstüne yeni bir standart parça ekleyin. Ardından, tam geniş bir çizgi seçin ve kod modülünü ekleyin. Kod modülünü açın ve içerik kutusundaki aşağıdaki jQuery kodunu iletin: >
jQuery (işlev ($) { $ (“#Main-footer”). CSS (“konum”, “sabit”). CSS (“Alt”, 0).
});
Belirli bir sayfadaki kod modülü aracılığıyla jQuery kodu ekleyerek kod yalnızca sayfa için geçerlidir. Web sitenizin geri kalanı normal bir altbilgiye sahip olurken, kullandığınız kod modülünün sabit bir altbilgiye sahip olmasıdır.
Altbilgerinizi tema seçeneğinden uzaklaştıran jQuery kodunu eklemek için JQuery kodunu son seçenek tema seçeneğinden ekleyin. Kod satırı hemen tüm web sitelerinize uygulanacak ve web sitenizin ihtiyaç duyduğu tutarlılığı sunacaktır. Divi> Tema Seçenekleri> Entegrasyon> ve web sitenizdeki aşağıdaki kod satırını yapıştırın: jQuery ($) {{
$ (“#Main-footer”). CSS (“konum”, “sabit”). CSS (“Alt”, 0).
Son zihnimiz, önceki yayınlardan birinde nasıl yapışkan bir altbilgi yapacağınızı gösterir. Bu yazı özellikle web siteniz için sabit bir altbilgi nasıl yapılacağını işler. Altbilgi, web sitenizi ziyaret ederken her zaman ziyaretçi ekranının altında olacaktır. Sorularınız veya önerileriniz varsa, iletişim kurabilmemiz için aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
Büyük duyuruları, yararlı ipuçlarını veya divi freebie’yi asla kaçırmayacak şekilde e -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun! Zeeker2526 / Shutterstock.com tarafından Üstün Görüntü
