Divi’de atlama başlığını nasıl düzeltebilirim?(3 yöntem)
Divi’de başlığın zıplaması konusunda sorun mu yaşıyorsunuz? Doğru yere geldin. Bu kılavuzda, atlama başlık problemini adım adım kolayca düzeltmek için 3 yöntem göstereceğiz. Divi atlama başlığı dünyanın dört bir yanındaki milyonlarca kullanıcı ile Divi, orada en popüler WordPress temalarından biridir. Başlığı gizlemenize, WooCommerce ürün sayfasını ayarlamanıza ve hatta mağaza sayfasındaki sepete ekle düğmesini eklemenize olanak tanıyan birçok özellik ile görünür. Bununla birlikte, Divi’nin de birkaç ortak problemi vardır. Sorunun iletişim formuyla nasıl düzeltileceğini gördük ve bugün size atlama başlık problemini nasıl düzelteceğinizi göstereceğiz.
Birçok kullanıcı Divi’deki başlıklarla ilgili sorunlar yaşar, bu nedenle bu kılavuzda nasıl düzeltileceğini göreceğiz. Kılavuza girmeden önce, bu soruna hangi sorunların neden olduğunu ve neden olduğunu anlayalım. Divi atlama başlığı nedir? Bazen, divi kullanan birkaç siteyi ziyaret ettiğinizde, sayfa yüklendiğinde başlığın yukarıda olmadığını görürsünüz. Bunun yerine, tam bir sayfaya atladı ve bu yüzden bu bir Divi atlama başlığı olarak biliniyor. Başlık neden atladı? CSS ve JavaScript arasındaki çatışma nedeniyle Divi’de atlanan başlık meydana geldi. Sitenize bir özelleştirici kullanarak değişiklikler uyguladığınızda, Divi JavaScript kullanır ve bu değişiklikleri kuvvetin özellikleri aracılığıyla dolgu üstüne ve CSS kullanarak en iyi değerinize ekler. Sorun, JavaScript’ten önce CSS oluşturan tarayıcı ve yükleme süresinin ertelenmesi bir başlık yanılsaması oluşturur.
Müfettiş sekmesinde 2 CSS değeri arayın. dolgu
üzerinde
Örneğimizde görebileceğiniz gibi, dolgu üstü 80 px ve üst 32 pikseldir. Bu boyut sunucu tarafından otomatik olarak yapılır, bu nedenle web sitesi style.css dosyamızdan bahsetmemiz gerekir. Adım 2: Divi’ye CSS ekleyin Divi’deki atlama başlık problemini düzeltmek için bir sonraki adımı, temanıza CSS kodu eklemektir. Aşağıdaki CSS kodunu kopyalayın. #sayfa-yol {
Dolgu Top: 80px;
}
#oyun başlığı {
Yukarıda: 32 piksel;
} Bu, web sitemiz için bir değerdir, ancak siteniz için farklı olabilir, bu nedenle değeri değiştirmeyi unutmayın. Şimdi, bu kodu sitenize eklemeniz gerekiyor. Bunu yapmak için 3 yöntem vardır: Divi Tema Düzenleyicisi Kullanma
WordPress ayarından
Kod görüntüleri kullanma
Yöntem 1: Divi Tema Düzenleyici Divi teması, Divi> Tema Seçenekleri> CSS Custom’da bulabileceğiniz varsayılan bir tema düzenleyicisi ile birlikte gelir.
Orada bulunduktan sonra, kopyalandığınız kodu yapıştırın ve değişiklikleri kaydedin.
İşte burada! Atlama başlığınız düzeltilmelidir! Yöntem 2: WordPress’in Ayarlanması – CSS Ek İkinci seçenek WordPress Customerer’ı kullanmaktır. WordPress Gösterge Tablo’nuzda, görünüm açın> Özelleştirin. Ardından, ek CSS bölümünü açın ve bir önceki adımda kopyaladığınız CSS kodunu yapıştırın. Bundan sonra değişiklikleri yayınlayın ve sadece bu! Yöntem 3: Kod Örneği Kod eklemeyi doğrudan tema dosyasına ekleyerek rahatsız hissediyorsanız, Sitenize HTML, PHP, CSS ve JavaScript kodu snippets eklemek için çok iyi bir araç olan kod görüntülerini kullanabilirsiniz. İlk olarak, WordPress kontrol panelinizde, eklentileri açın> Yeni ekleyin ve snippets kodunu arayın. Web sitenize yükleyin ve etkinleştirin.
Eklentiyi etkinleştirdikten sonra, eklenti ayarlarını WordPress yönetici bölümünde göreceksiniz. Kod görüntüleri, sitenizdeki kodu eklemenize veya düzenlemenize olanak tanır. Bu demo için mevcut CSS görüntülerini düzenleyeceğiz. Bu eklenti, etkinleştirebileceğiniz varsayılan olarak CSS kukla görüntüleri ile birlikte gelir. Düzenlemek için snippet’e tıklayın. Ardından adını değiştirin ve önceki adımda kopyaladığınız CSS kodunu ekleyin. Bundan sonra, sadece modifikasyonu kaydedin ve yapmaya hazırsınız. Adım 3: Önbelleğinizi temizleyin Sitenize değişiklik uyguladıktan sonra önbellekleri silmeniz gerekir. Piyasada birçok WordPress önbellek eklentisi var. Hangilerinin kullanılacağından emin değilseniz, bu listeden favorinizi seçin. İstediğiniz önbellek eklentisini yükledikten ve etkinleştirdikten sonra önbelleği boşaltmanız gerekir. Örneğin, WP’nin en hızlı önbelleğini kullanırız, bu nedenle WordPress kontrol panelimizde, eklenti ayarlarını açar ve WordPress web sitesinin tüm önbelleğini silmek için düğmeye basarız. İşte burada! Şimdi Divi’deki başlığınız artık atlamayacak. Sonuç Genel olarak, Divi’de başlık problemi atlama çok yaygındır. İyi haber şu ki, çözmek de oldukça basit. Bu kılavuzda, WordPress kurulumunuza birkaç sıra CSS kodu ekleyerek bu sorunun nasıl düzeltileceğini gösterdik. Yapabileceğiniz 3 farklı yol vardır: Kodu File Style.css’e ekleyin WordPress temanız
Kodu özelleştirici WordPress kullanarak ekleyin Kod görüntülerini kullanın
Tüm bu yöntemler atlama başlık problemini çözecek, bu nedenle sizin için en uygun olanlardan birini seçin. Buna ek olarak, CSS başlık kodunu ekledikten sonra hala atlıyorsanız, önbelleğinizi (yerel, tarayıcı ve önbellek DNS) silmeyi unutmayın. Sitenize diğer bilgisayarlardan da erişebilir veya kılık değiştirme modunu kullanabilirsiniz. Divi hakkında daha fazla öğretici için aşağıdaki yönergelere bakın:
Yapışkan Divi Elemanı Nasıl Yapılır
Divi İletişim Formu Çalışmıyor: Nasıl Düzeltilir
Divi’nin zaman sınırı nasıl düzeltilir
