CTA: Hesap Oluştur Oturum Aç
  • Hesap Oluştur
  • Oturum Aç
Eğitim: Yapışkan kenar çubuğu modülü
Eğitim: Yapışkan kenar çubuğu modülü

Yapışkan Kenar Çubuğu (Sticky Column)

Yapışkan Kenar Çubuğu modülü, sayfanızdaki sağ veya sol yan sütunları (bolum-orta-sag, bolum-orta-sol) sayfa kaydırılırken sabit konumda tutar. Uzun içerikli sayfalarda yan sütundaki menüler, iletişim bilgileri veya yardımcı içerikler ziyaretçinin her zaman görüş alanında kalır. Yan sütun içeriği ekran yüksekliğinden uzunsa, modül scroll yönüne göre akıllı bir şekilde konumlanarak içeriğin tamamına erişimi korur.

✨ Öne Çıkan Özellikler

  • Sağ yan sütunu, sol yan sütunu veya her ikisini birden yapışkan hale getirme
  • Üstten ve alttan uzaklık değerlerini piksel cinsinden ayarlayabilme
  • Yan sütun içeriği ekrandan uzunsa, scroll yönüne göre akıllı konumlandırma
  • Mobil cihazlarda otomatik olarak devre dışı kalma (768px altı)
  • Sayfa düzenini bozmayan, görünmez altyapı modülü — herhangi bir görsel çıktı üretmez
  • Konum seçimi gerektirmez; siteye eklendiğinde otomatik çalışır

🚀 Başlarken

Bu modülü kullanabilmek için aktif bir sitenizin olması ve sayfanızda dikey konumda (sağ veya sol sütun) en az bir modülün bulunması yeterlidir. Yapışkan Kenar Çubuğu modülü kendisi görsel içerik üretmez; yalnızca mevcut yan sütunlara yapışkan davranış kazandırır.

🖥️ Modül Ekleme

  1. Paneldeki site yönetim ekranından Modül Ekle akışını başlatın
  2. Modül türü listesinden Yapışkan Kenar Çubuğu (Sticky Column) seçeneğini seçin
  3. Bu modül konum seçimi gerektirmez; otomatik olarak eklenir
  4. Modül düzenleme sayfasına yönlendirileceksiniz

📢 Tüm Sayfalarda Yayınlama

Modülü ekledikten sonra, yapışkan davranışın sitenizin tüm sayfalarında çalışması için modülü tüm sayfalarda yayınlamanız gerekir. Aksi halde modül yalnızca yayınlandığı sayfalarda aktif olur ve diğer sayfalarda yan sütunlar yapışkan davranış göstermez.

  1. Modül düzenleme sayfasında Yayınlandığı Sayfalar bağlantısına tıklayın
  2. Açılan sayfada Tüm Sayfalarda Yayınla seçeneğini işaretleyin
  3. Kaydet butonuna basın

Bu işlem bir kez yapıldıktan sonra, siteye eklenen yeni sayfalar dahil tüm sayfalarda yapışkan davranış otomatik olarak aktif olacaktır.

⚙️ Yapışkan Bölüm Ayarları

Modül ayarları bölümünde yapışkan davranışın temel parametrelerini belirlersiniz:

Bölüm Tercihi

Hangi yan sütunun yapışkan olacağını seçin:

  • Sağ Bölüm (bolum-orta-sag) — Yalnızca sağ yan sütunu yapışkan yapar (varsayılan)
  • Sol Bölüm (bolum-orta-sol) — Yalnızca sol yan sütunu yapışkan yapar
  • Her İkisi — Hem sağ hem sol yan sütunları yapışkan yapar

Üstten Uzaklık (px)

Yapışkan sütunun sayfanın üst kenarından ne kadar uzaklıkta sabitleneceğini belirler. Varsayılan değer 15 pikseldir. Sayfanızda sabit bir üst menü varsa, menünün yüksekliğine göre bu değeri artırmanız önerilir.

Değer aralığı: 0 ile 500 piksel arası.

Alttan Uzaklık (px)

Yapışkan sütunun sayfanın alt kenarına ne kadar mesafede duracağını belirler. Bu değer, uzun yan sütunlarda aşağı doğru kaydırırken alt sınırı kontrol eder. Varsayılan değer 15 pikseldir.

Değer aralığı: 0 ile 500 piksel arası.

📱 Mobil Davranış

Mobil cihazlarda (768px altı ekran genişliği) yapışkan davranış otomatik olarak devre dışı kalır. Mobilde sayfa düzeni tek sütuna dönüştüğünden, yan sütunlar ana içeriğin altına yerleşir ve yapışkan davranışa gerek kalmaz.

🔄 Akıllı Scroll Davranışı

Yapışkan Kenar Çubuğu modülü, standart position: sticky davranışından farklı olarak akıllı bir konumlandırma algoritması kullanır:

  • Yan sütun ekran yüksekliğinden kısaysa: Sütun üst kenara sabitlenir ve klasik yapışkan davranış gösterir
  • Yan sütun ekran yüksekliğinden uzunsa: Sütun scroll yönüne göre dinamik olarak konumlanır:
    • Aşağı kaydırırken sütunun alt kısmı görünür durumda kalır
    • Yukarı kaydırırken sütunun üst kısmı görünür durumda kalır
    • Bu sayede uzun yan sütunlardaki tüm içeriğe erişim sağlanır

Bu davranış, özellikle çok sayıda menü öğesi veya widget barındıran yan sütunlarda kesintisiz bir gezinme deneyimi sunar.

💡 Kullanım Önerileri

İletişim Bilgileri Sütunu

Hizmet veya ürün detay sayfalarında sağ sütunda iletişim formu, telefon numarası veya harita modülleri bulunuyorsa, bu sütunu yapışkan yaparak ziyaretçilerin uzun içeriği okurken her an iletişime geçebilmesini sağlayın.

Yan Navigasyon Menüsü

Kategori veya alt sayfa listesi barındıran sol sütunu yapışkan yaparak, ziyaretçilerin sayfa içinde gezinirken diğer sayfalara kolayca erişmesini sağlayın.

Blog Yan Paneli

Blog yazılarında sağ sütundaki son yazılar, kategoriler veya etiket bulutu gibi widget'ları yapışkan yaparak, okuyucunun uzun yazıları okurken bile keşif seçeneklerini görmesini sağlayın.

❓ Sık Sorulan Sorular

Sayfamda yan sütun yoksa bu modül çalışır mı? Modül yalnızca sayfada dikey konumda (sağ veya sol sütun) modül bulunduğunda etkili olur. Yan sütun yoksa modül herhangi bir işlem yapmaz ve sayfayı etkilemez.

Birden fazla Yapışkan Kenar Çubuğu modülü ekleyebilir miyim? Teknik olarak eklenebilir, ancak gerek yoktur. Tek bir modülle Her İkisi seçeneğini kullanarak hem sağ hem sol sütunu yapışkan yapabilirsiniz.

Üstten uzaklık değerini nasıl belirlemeliyim? Sayfanızda sabit bir üst menü (header) varsa, menünün yüksekliğini ölçerek bu değeri girin. Örneğin menünüz 60px yüksekliğindeyse, üstten uzaklığı 70-80px olarak ayarlamak uygun olacaktır. Sabit menünüz yoksa varsayılan 15px değeri yeterlidir.

Yapışkan davranış sayfanın diğer bölümlerini etkiler mi? Hayır. Modül yalnızca seçilen yan sütun(lar)a etki eder. Ana içerik alanı, üst menü, alt bilgi ve diğer bölümler etkilenmez.

Modül sayfada görünür bir alan kaplar mı? Hayır. Bu modül tamamen görünmezdir; herhangi bir HTML veya CSS çıktısı üretmez. Yalnızca arka planda çalışan bir JavaScript davranışı ekler.