WordPress Bileşenleri Sticky Menü Yapma
Sitenizin reklam gelirini arttırmak, menülerinizin sürekli gözükmesini sağlamak için, siteye giren kullanıcıların her zaman bunu görmesini istersiniz. Sidebar(yan menü), menülerinizi sayfa aşağıya kaysa bile kullanıcılar tarafından görülebilmesi için yapmanız gereken bir kaç işlem var sadece. Bu alanları efektif kullanmak için yan panelde, sayfa aşağıya yukarıya inse bile sabit tutmamız gerekiyor. Örnek olarak aşağıdaki görselde sayfayı ne kadar aşağıya indirirsem indireyim, yan menü hep sabit kalıyor.
stick menü
WordPress Bileşenleri Sticky Menü Yapma (Bileşen Menüyü Sabitleme)
Peki bu işlemi nasıl yaparız? Yapmamız gereken işlem çok basit. Öncelikle admin panelinde “Eklentiler” sekmesinden “Yeni ekle” diyoruz. “Q2W3 Fixed Widget” eklentisini aratıp, yüklüyoruz ve etkinleştiriyoruz.
Eklentiyi etkinleştirdikten sonra, admin panelimizde “Görünüm” sekmesinden “Bileşenler” kısmına geliyoruz. Sabitlemek istediğimiz bileşene tıklayıp sol alt köşede bulunan “Fixed Widget” özelliğini aktif ediyoruz.
Bu ayarları yaptıktan sonra seçtiğiniz menü, kullanıcılar tarafından sayfada aşağıya inilse de sabit kalacaktır.
Q2W3 Fixed Widget Ayarları
Admin panelinden “Görünüm” sekmesi altında bulunan “Fixed Widget Options” kısmına geliyoruz.
Margin Top: Sabitlenen bileşenin ekranın üst kısmından ne kadar uzakta olacağını belirler.
Margin Bottom: Sabitlenen bileşenin ekranın alt kısmından ne kadar uzakta olacağını belirler.
Stop ID: Bir HTML ID’si girerek özelliği o ID’de kullanabilmenizi sağlar.
Reflesh Interval: Yenilenme süresini belirler.
Disable Width: Buraya verdiğiniz değerden daha küçük ekranlarda eklentiyi pasif hale getirir.
Auto Fix Widget ID: Bileşende belirtilen özelliğin sadece o sabitlenen bileşene özel olması sağlar.
Enable Plugin For Logged In Users Only: Bu seçeneği aktif ettiğinizde, sadece üye girişi yapan kullanıcılar tarafından aktif olur.
Inherit Widget Width From The Parent Container: Responsive bir yan paneliniz varsa bu seçeğini aktif etmeniz gerekir.
Use JQuery(Window) load() Hook: Eğer bu eklentiyi etkileyen bir js kodunuz var ise bu seçeneği aktif etmeniz gerekir.
