WordPress’te Yapışkan Yüzen Navigasyon Menüsü Nasıl Yapılır
Son zamanlarda, kullanıcılarımızdan biri bize siteleri için nasıl yapışkan bir navigasyon menüsü oluşturacağımızı sordu? Kullanıcı sayfayı eğittiğinde doğal gezinme menüsü ekranda kalır. Bu, en iyi menüyü her zaman görünür kılar, bu da web sitenizin en önemli kısmına bağlantılar içerdiğinden kullanıcı deneyimi için iyidir. Bu makalede, WordPress’te yapışkan bir yüzer navigasyon menüsü oluşturmanın kolay bir yolunu göstereceğiz.

Yapışkan yüzen navigasyon menüsü nedir? Yapışkan veya Yüzen Gezinme menüsü, kullanıcı aşağı indiğinde ekranın üstüne ‘yapışan’ bir menüdür. Bu, menünüzü istediğiniz zaman kullanıcı tarafından görünür hale getirir.
Bu hareket halinde olan yapışkan bir menü. Size kendi siteniz için tam olarak böyle bir menü yapacağınızı göstereceğiz:

Yapışkan menü neden ve ne zaman yararlı olabilir? Genellikle, üst gezinme menüsü bir web sitesinin en önemli kısmına bağlantılar içerir. Yüzen menü, bağlantıyı her zaman görünür hale getirir, bu da kullanıcıların geri kaydırılmasını sağlar. Bu da dönüşümü artırdı. Bir çevrimiçi mağaza çalıştırırsanız, en iyi gezinme menünüz bir sepete, ürün kategorisine ve ürün aramasına bir bağlantı içerecektir. Bu menüyü yapışkan yapmak, sepetin ihmalini azaltmanıza ve satışları artırmanıza yardımcı olabilir.
En iyi WordPress temalarından bazıları yapışkan navigasyon menüleri için varsayılan desteğe sahiptir. Temanın altındaki tema ayarlarınızı görün »Bu özelliği etkinleştirmek için ayarlayın. Temanızda bu seçeneğe sahip değilse, okumaya devam edin ve herhangi bir WordPress temasında veya WooCommerce mağazasında yapışkan bir yüzen navigasyon menüsü oluşturmanın kolay bir yolunu göstereceğiz. Yöntem 1: Bu eklentiyi kullanarak yapışkan bir yüzer navigasyon menüsü ekleyin En kolay yöntemdir. Tüm WordPress kullanıcıları için, özellikle yeni başlayanlar için öneririz. Navigasyon menünüzü ayarlamadıysanız, devam edin ve WordPress’e bir navigasyon menüsü nasıl ekleneceğinizle ilgili talimatlarımızı kullanarak yapın. Bundan sonra yapışkan menüyü (veya herhangi bir şeyi!) Yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Etkinleştirmeden sonra, eklenti ayarlarını yapılandırmak için Ayarlar sayfasını (veya herhangi bir şey!) Ziyaret etmeniz gerekir.
İlk olarak, yapışkan yapmak istediğiniz gezinme menüsünün CSS kimliğini girmelisiniz. Navigasyon menünüz tarafından kullanılan CSS kimliklerini bulmak için tarayıcı denetim aracınızı kullanmanız gerekir. Web sitenizi ziyaret edin ve fareyi gezinme menüsüne yönlendirin. Bundan sonra, sağa tıklamanız ve tarayıcı menünüzden inceleyin seçmeniz gerekir.

Bu, tarayıcı ekranınızı böler ve navigasyon menünüzün kaynak kodunu görebileceksiniz. Gezinme veya site başlığınızla ilgili bir kod satırı bulmanız gerekir. Bu şöyle görünecek:

Bir sonraki seçenek, kullanıcı bir mobil cihaz gibi daha küçük bir ekran kullanarak web sitenizi ziyaret ederse gezinme menüsünü silmenizi sağlar:
Sitenizin görünümünü mobil cihazlarda veya tabletlerde test edebilirsiniz. Görünüşü beğenmediyseniz, bu seçenek için 780px ekleyin. Seçenekünüzde herhangi bir değişiklik yaptıktan sonra Değiştir düğmesini tıklamayı unutmayın. Yöntem 2: Yapışkan Yüzen Gezinme Menüsü Manuel olarak Ekle Bu yöntem, temanıza özel bir CSS kodu eklemenizi gerektirir. Yeni başlayanlar için tavsiye etmiyoruz. Ayrıca, başlamadan önce WordPress sitenize özel CSS’nin nasıl kolayca ekleneceğine dair rehberimizi görmenizi tavsiye ediyoruz. İlk olarak, bir WordPress tema ayarını başlatmak için görünümü ziyaret etmeniz gerekir.

Ardından, sol paneldeki ‘Ek CSS’ ye tıklayın ve ardından bu CSS kodunu ekleyin.#Site-Navigation {

Arka plan:#00000;
Yükseklik: 60px;

Z-index: 170;
Marj: 0 otomatik;
Sınır dip: 1px katı #dadada;
Genişlik:%100;
Konum: Sabit;
Üst: 0;
Sol: 0;
Sağ: 0;
Metin-align: merkez;
}
Not: Bu, siyah arka plana sahip bir navigasyon menüsü üretecektir. Farklı bir renk istiyorsanız, arka planın yanındaki sayıyı değiştirin. Örneğin, bir arka plan kullanmak: #ffffff size beyaz bir menü arka planı verecektir.
#Site-Navigation’ı Gezinme Menü Kimliği CSS ile değiştirin, ardından ekranın üst kısmındaki yayın düğmesini tıklayın. Yapışkan yüzen navigasyon menünüzü görmek için lütfen web sitenizi ziyaret edin:
Ya navigasyon menünüz genellikle site başlığının altında görünürse, üzerinde değil mi? Öyleyse, bu CSS kodu sitenin başlığı ve başlığı ile örtüşebilir veya kullanıcı kaydırmadan önce çok yakın görünebilir:
Bu, birkaç ek CSS kodunu kullanarak başlık alanınıza marj ekleyerek kolayca ayarlanabilir :. Site markası {Margin-Top: 60px! Önemli;
}

Site markasını başlık alanınızdaki CSS sınıfı ile değiştirin.Şimdi, yapışkan gezinme menüsü, kullanıcı aşağı kaydırmadan önce başlığınızla örtüşmeyecek:

Bu makalenin WordPress sitenize yapışkan bir yüzer navigasyon menüsü eklemenize yardımcı olduğunu umuyoruz.Herhangi bir kod yazmadan özel bir WordPress temasının nasıl oluşturulacağına ve en iyi WordPress sayfaları eklentilerimizin karşılaştırılmasına ilişkin kılavuzumuzu görmek isteyebilirsiniz.Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube kanalımıza abone olun.Bizi Twitter ve Facebook’ta da bulabilirsiniz.
