Yapışkan/Sabit Başlık Divi nasıl yapılır (üvey-ucu-adım kılavuzu)
Divi kullanıyor musunuz ve kalıcı bir başlık yapmak mı istiyorsunuz? Doğru yere geldin. Bu kılavuzda, bir Divi başlığını adım adım yapışkan hale getirmenin iki farklı yolunu göstereceğiz. Elementor ile birlikte Divi, oradaki en popüler WordPress temalarından biridir. Yaklaşık 2 milyon site, işleri için özel tasarımlar oluşturmak için kullanıyor. Ayrıca bir Divi kullanıcısıysanız, sizin için özel bir şeyimiz var. Bu öğreticide, bir divi başlığının nasıl birkaç basit adımda kalmasını göstereceğiz. Neden Divi başlık çubukları yapıyorsunuz? Yapışkan bir Divi başlığı yapmanın ana nedenlerinden biri, kullanıcılar için navigasyonu kolaylaştırmaktır. Başlık, sitenizin en üstünde olan şeydir, bu nedenle müşterilerin sitenize geldiklerinde ilk gördüğü şeylerden biridir. Başlık çok önemli bilgiler içerir ve kullanıcıların aradıklarını bulmak için içeriğinizde gezinmelerine yardımcı olur. Başlıkta, genellikle sitenin en önemli kısmını, ana kategoriyi, ürününüze bağlantıyı vb.
Varsayılan olarak, kullanıcı sayfayı eğittiğinde WordPress menüsü görünmez. Bu nedenle, rakiplerinizin bir adım önünde olmak için, başlığınızı düzeltebilirsiniz, böylece kullanıcılar aşağı kaydırdıklarında bile her zaman kolayca erişebilir. Bu, sitenizin gezinmesini artırmanıza yardımcı olabilir. Buna ek olarak, bu kullanıcıya rehberlik etmenize ve istediğiniz yere getirmenize yardımcı olabilir. Dolayısıyla, akıllıca kullanırsanız, başlıklar dönüşüm oranını artırmanıza yardımcı olabilir. En popüler e -ticaret sitesi, başlıkları düzenlemeye ve WordPress menüsüne sosyal medya simgeleri eklemenin yanı sıra, popüler ürün kategorilerini görüntülemek için mega menüyü kullanır. Bu şekilde, alıcıların aradıkları öğeleri kolayca bulduklarından emin olurlar. Divi teması, sitenizde kullanabileceğiniz 600’den fazla hazır şablonla birlikte gelir. Ancak, mağazanızı bir sonraki seviyeye getirmek için başka bir şeye ihtiyacınız var. WordPress’te başlıkların nasıl düzenleneceğini gördük ve bugün size Divi’yi kullanarak yapışkan bir başlık nasıl yapacağınızı göstereceğiz. Avada ve GeneratePress gibi bazı WordPress temaları, başlıkları tema panellerine yapışkan hale getiren araçlarla birlikte gelir. Ancak, Divi’de aynı şeyi yapmak bazı ek ayarlamalar gerektirir. Nasıl yapışkan/sabit bir başlık divi yaparım? Burada, size Divi başlığını düzeltmek için yeni başlayan iki dost yöntemi göstereceğiz.
Kodlama yoluyla
Bu bölümde, her seçenek için atmanız gereken adımları göreceğiz. Her ikisi de oldukça etkilidir, bu yüzden en çok neyi sevdiğinizi seçin. 1) Divi Builder temasını kullanarak yapışkan bir başlık yapın Divi, entegre bir oluşturucu ile birlikte gelir. Bu, Divi temasını etkinleştirirseniz, herhangi bir ek eklenti yüklemenize gerek olmadığı anlamına gelir. Bu gösteri için, sitenizde Divi kullandığınızı varsayacağız. Değilse, Divi’yi devam etmeden önce yükleyin ve etkinleştirin. Ardından, Divi tarafından sunulan birçok hazır şablondan birini içe aktarabilir veya baştan yapabilirsiniz. Tasarımınızı oluşturduktan veya seçtikten sonra, WordPress kontrol panelinizde, Divi> Tema Oluşturucunu Açın.
Burada, siteniz için özel bir şablon oluşturabilirsiniz. Herhangi bir şablonda üç ana unsur olacaktır: başlık Gövde
dipnot
Divi başlığımızı geliştirmek istediğimiz için küresel bir başlık düzenleyin, Global başlık seçin. Yapışkan hale getirmek için, küresel bir başlığı düzenlemeniz gerekir. Bu nedenle, farenizi küresel başlığa yönlendirin ve sol tarafta bir kalem simgesi göreceksiniz. Düzenlemeye başlamak için tıklayın.
Ardından, başlığı düzenlemek için Divi Maker sayfasını göreceksiniz. Burada metin, görüntüler, sosyal simgeler, menüler vb. Farenizi ekranın üstüne gidin ve sol taraftaki dişli simgesini tıklayın.
Yeni açılır kutu farklı seçeneklerle açılacak. Divi temasının en son sürümü Divi’nin pozisyonu adlı bir özellik ile birlikte geliyor. Yapışkan bir başlık yapmak için kullanacağımız özellik budur. Devam sekmesi altında konum seçeneğini göreceksiniz. Açılır menüden sabit bir seçenek açın ve seçin. Ardından, gölgelikleri güncelleyin. Bundan sonra, Sembulan kutusu kaybolacak ve sağ köşedeki kaydet düğmesine basarak küresel değişiklikleri kaydetmeniz gerekiyor. Başlığınızı güncelledikten sonra bu üreticiyi kapatın. Ardından, Divi Maker seçeneğini kaydedin. Şimdi, ön uca kontrol etme zamanı. Web sitenizi yeni bir sekmede açın ve altta kaydırın. Aşağıdaki GIF’de görebileceğiniz gibi, başlık hala düzeltildi! Tek bir kod satır yazmadan, kalıcı bir başlık yaptınız. Başlık öğelerinizi Divi Maker üzerinden her güncellediğinizde, ayarları kaydettiğinizden emin olun. Değilse, web sitesi arayüzünde yeni değişiklikler göremezsiniz. 2) Divi başlığını şimdi kodlamayla geliştirin, kodlama ile yapışkan bir divi başlığının nasıl yapılacağına bakalım. Bunun için bazı CSS kodunu kullanacağız. Bir geliştirici değilseniz endişelenmeyin, kullanacağımız kod satırı oldukça basittir. İlk olarak, WordPress kontrol panelinizde, Divi> Tema Oluşturucuyu Açın ve Başlık Bölümünü açın. Ardından, açılır pencereyi açmak için dişli simgesini tıklayın. Gelişmiş bölüm altında, özel CSS kimlikleri ve CSS sınıfı eklemek için ayarları göreceksiniz. Burada aşağıdakileri kullanın: Kimlik CSS: Ana başlık CSS Sınıfı: ET-Fixed Header
Ve sonra kaydedin.
Bundan sonra, inşaatçıyı kaydedin ve çıkın. Ardından, Divi Maker seçeneğine dönün ve değişiklikleri kaydedin.
Yapmanız gereken bir sonraki şey, siteye bazı CSS kodu eklemektir. Bunu yapmak için iki seçenek var:
Divi Tema seçeneği aracılığıyla
@Media sadece ekran ve (minimum genişlik: 981px) {
#Play-Header.et-Fixed-Header {
Konum: Sabit; Dolgu Top: 30px;
}
#sayfa-yol {
Dolgu Top: 135px;
}
} Kod düzenleyicisini yapıştırın ve değişiklikleri kaydedin. Bundan sonra, ayarları kaydedin ve sitenizde bir divi başlığı yaptığınızı onaylamak için Fretend web sitesini kontrol edin! Not: CSS kodundaki dolguyu ayarladığınızdan ve sitenizin boyutunu ayarladığınızdan emin olun.
WordPress Customer ile yapışkan bir başlık oluşturun Yapışkan bir divi başlığı yapmanın bir başka hızlı yolu WordPress ayarını kullanmaktır. Ayarı açmak için, görünümden açın> Özelleştir, ardından ek CSS’yi açın.
Şimdi, bu kodu kopyalayıp yapıştırın: @media yalnızca ekran ve (minimum genişlik: 981px) {
#Play-Header.et-Fixed-Header {
Konum: Sabit; Dolgu Top: 30px;
}
#sayfa-yol {
Dolgu Top: 135px;
}
}
Not: Bu kod demo sitemiz için işlev görür, ancak CSS kodundaki dolguyu ayarlamanızı ve sitenizin boyutunu ayarlamanızı öneririz.
Sonunda, değişimi kaydet ve hepsi bu! WordPress ayarlamalarını kullanarak Divi başlığını düzelttiniz.
Bonus: Divi menünüzde değişiklik yapın Bu bölümde, herhangi bir CSS kodu olmadan Divi sabit menü seçeneklerinizde nasıl değişiklik yapacağınızı öğreneceksiniz. Bunu yapmak için WordPress ayarını açın. Başlık ve gezinme ayarlarının altında, sabit gezinme ayarları adı verilen ayar seçeneğini göreceksiniz. Aç ve özel bir ayar seçeneği göreceksiniz.
Bu ekranda göreceğiniz ana seçenekler:
Logo resmini gizle Yüksek menü Yazı Boyutu Menü arka plan rengi Menü Bağlantı Rengi
Ve diğerleri
Bu şekilde, yapışkan başlıkta değişiklik yapmanız gerektiğinde, WordPress ayarını açabilir ve değiştirebilirsiniz. Ve en iyi yanı, önizleme bölümündeki her güncellemeyi doğrudan görebilmenizdir. Sonuç Genel olarak, divi gölgeliklerinizi yapışkan hale getirmek, sitenizin navigasyonunu artırmanıza ve potansiyel olarak dönüşüm seviyenizi artırmanıza yardımcı olacaktır. Bu kılavuzda, bunu yapmanın iki farklı yolunu gösterdik:
Divi inşaatçılarıyla
Kodlama ile
Divi Tema seçeneği aracılığıyla
WordPress Ayarını Kullanma
