Merhaba! Bugün, Astra teması kullanıcıları için oldukça yararlı olabilecek ücretsiz sticky header kodlarına odaklanacağız. İnternet siteleri, kullanıcılarının kolay navigasyonunu ve kullanıcı deneyimini geliştirmek için pek çok teknik kullanır. Bu tekniklerden biri de sticky header’dır.
Sticky Header Nedir?
Sticky header, web sitenizin üst kısmında bulunan menünün kullanıcı sayfasını aşağı doğru kaydırdığında ekranda sabit kalmasını sağlayan bir özelliktir. Bu, kullanıcıların sayfa içeriği arasında gezinirken menünün sürekli erişilebilir olmasını sağlar.
Astra teması, WordPress kullanıcıları arasında popüler olan bir tema çerçevesidir. Temanın temel özelliklerinden biri, kullanıcı dostu ve hızlı performans sağlamasıdır.
Astra Teması ve Sticky Header
Astra teması, çeşitli özellikleriyle tanınır ve web sitesi sahiplerine geniş bir özelleştirme seçeneği sunar. Bununla birlikte, sticky header gibi özellikleri ücretli versiyonlarında sunmaktadır.
Fakat bunun kolay bir çözümü var. Astra temasına ek CSS ekleyerek ücretsiz ve kolay bir şekilde sticky header özelliğini sitenize ekleyebilirsiniz.
Css Kodu
/* sticky header */
.site-header {
top: 0;
position: sticky;
}
Sticky Header Kodunu Astra Temasına Nasıl Entegre Ederim?
Aslında bu en kolay kısmı wordpress admin paneli açık ve anasayfadayken yukarıda bulunan “özelleştir” kısmına tıklayın.
Ardından açılan sayfada “Ek CSS” menüsüne tıklayın
Görselde de gözüken 1 ile başlayan yere yukarıda bulunan kodu yapıştırın ve kaydedin. Hepsi bu kadar
Sıkça Sorulan Sorular
Sticky Header Nedir?
Sticky header, web sitenizin üst kısmında bulunan menünün kullanıcı sayfasını aşağı doğru kaydırdığında ekranda sabit kalmasını sağlayan bir özelliktir.
Astra Teması Neden Tercih Ediliyor?
Astra tema, kullanıcı dostu ve hızlı performansıyla tanınır. Geniş özelleştirme seçenekleri sunar ve SEO dostudur.
Kodun Entegrasyonu Zor mu?
Hayır, sticky header kodunun Astra temasına entegre edilmesi oldukça basittir. Özelleştir menüsünden Ek Css Kısmını aç ve kodu ekle.
Sticky Header’ın SEO’ya Etkisi Nedir?
Sticky header, kullanıcı deneyimini geliştirir ve web sitenizin daha kullanıcı dostu olmasını sağlar. Bu da SEO performansını olumlu yönde etkileyebilir.
