Web Tasarım

Astra Temasında Sticky Header Nasıl Yapılır?

WordPress Astra temasında sabit menünün ne zaman işe yaradığını ve ek CSS ile nasıl uygulanabileceğini öğrenin.

2 dk okumaWebwiz Ekibi

Sabit menü ne zaman yararlı?

Sticky header, sayfa kaydırılırken gezinmenin erişilebilir kalmasını sağlar. Özellikle uzun hizmet sayfalarında iletişim bağlantısına dönüşü kolaylaştırır; ancak telefonda çok yüksek bir başlık içerik alanını daraltabilir.

Astra için temel CSS

WordPress panelinde Görünüm → Özelleştir → Ek CSS alanına şu temel kural eklenebilir: .site-header { position: sticky; top: 0; z-index: 50; }. Tema sürümünde üst menü farklı bir seçici kullanıyorsa tarayıcının geliştirici araçlarıyla doğru sarmalayıcıyı belirleyin. Sabit başlığın arka planını opak tutun ve açılır menüleri ayrıca test edin.

Mobil ve erişilebilirlik kontrolü

Menü düğmesinin tıklanabildiğini, bağlantıların klavyeyle gezildiğini ve sabit başlığın sayfa içi hedefleri kapatmadığını doğrulayın. Yalnızca sabit menü eklemek SEO başarısı sağlamaz; asıl değer kullanılabilirliği iyileştirmesidir.

İlgili hizmetler: Web Tasarım · Yerel SEO. Projeniz için bize yazın.

Ücretsiz ön görüşme

İşletmenizi anlatın, ilk adımı birlikte atalım.

Yeni bir site mi, mevcut sitenizin yenilenmesi mi? İhtiyacınızı dinleyelim; kapsamı ve size uygun teklifi netleştirelim.

  • İhtiyacınıza göre belirlenen net kapsam
  • Tasarımdan önce açık bir yol haritası
  • Türkiye'nin her yerinden uzaktan çalışma

Projenizi kısaca paylaşın

Bilgileriniz hazır bir WhatsApp mesajına dönüşür. Göndermeden önce inceleyebilirsiniz.

Mesaj taslağı WhatsApp’ta açılır; siz göndermeden bize iletilmez. KVKK Aydınlatma Metni · Gizlilik politikası
Ara WhatsApp