Hiç bir web sitesine göz attınız ve bir gezinme menüsünün her zaman en üstte göründüğünü fark ettiniz mi?

Prensip olarak, gezinme menüleri sayfa kaydırıldığında kaybolacak şekilde görüntülenir. Her zaman görülebilen gezinme menüleri yüzer ve kullanıcı nasıl aşağı kaydırırsa kaydırsın öyle.Wordpress kayan menü nasıl oluşturulur 1

Bu eğiticide, WordPress blogunuzda kolayca nasıl kayan bir menü oluşturulacağını göstereceğiz.

Henüz WordPress'te bir web sitesi veya blog oluşturmadıysanız, sizi 7 adımda bir WordPress blogu nasıl kurulur, danışmaya davet ediyoruz, Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için

Eğer bittiyse, bugün bizi endişelendiren şeylere girelim.

1 Yöntemi: Eklenti Kullanarak WordPress'te Yüzen Bir Menü Nasıl Eklenir

Bu yöntem daha kolay ve hızlı. Navigasyon menülerini henüz ayarlamadıysanız, nasıl yapılacağını öğren.

Yapışkan menü wordpress eklentisi

Yapmanız gereken ilk şey eklentiyi kurmak ve etkinleştirmek " Yapışkan Menüsü (veya herhangi bir şey!) Biz ilerleyin ". Bir eklentinin nasıl kurulacağını bilmiyorsanız, öğreticimizi okuyabilir.

Aktivasyondan sonra, ziyaret etmelisiniz " Ayarlar »Yapışkan Menü Bu eklentinin ayarlarını yapılandırmak için.

Yapışkan menü wordpress eklentisi

Öncelikle, yüzdürmek istediğiniz gezinme menüsü için CSS kimliklerini girmeniz gerekir.

Kullanılan CSS'yi bulmak için tarayıcınızın "inceleme" aracını kullanmanız gerekecektir.

Web sitenize gidin ve farenizi navigasyon menüsüne getirin. Bundan sonra sağ tıklayıp "İncele" yi seçmelisin.

Keşfeterek daha ileri gidin Sarı kalemiyle bir WordPress temasını özelleştirmek için nasıl

Bir eğitici wordpress kodunu inceleyin

Bu, tarayıcı ekranınızı böler (varsayılan olarak) ve navigasyon menünüzün kaynak kodunu görebileceksiniz. Buna benzer bir çizgi bulmalısınız:

Bu örnekte, navigasyon menümüzün CSS kimliği " Sitede Gezinme '.

Devam edin ve eklenti ayarlarında aşağıdaki "# site-gezintisi" gibi menünün CSS kimliğini girin.

Eklenti ayarlarındaki bir sonraki seçenek, ekranın üst kısmı ile kayan gezinme menüsü arasındaki boşluğu ayarlamaktır. Menünüz gizlenmesini istemediğiniz bir öğeyle çakışıyorsa bu ayarı kullanabilirsiniz. Aksi takdirde, bu ayarı dikkate almayın.

Bundan sonra, "Check Bar Admin" seçeneğinin hemen yanındaki kutuyu tıklamanız gerekir. Bu, eklentinin giriş yapmış kullanıcılar için eklenen WordPress araç çubuğu için biraz alan eklemesine izin verir.

Ayarlar sayfasındaki sonraki seçenek, bir kullanıcı web sitenizi mobil cihaz gibi daha küçük bir ekran kullanarak ziyaret ediyorsa gezinme menüsünü gizlemenize olanak tanır.

Bu menünün mobil ve tablet cihazlarda nasıl görüntülendiğini test edebilirsiniz. Beğenmediyseniz bu seçeneğe 780px ekleyebilirsiniz.

Çok keşfetmek Mobil WordPress için tepkili bir menü oluşturmak için nasıl

Ayarları kaydet Değişikliklerinizi kaydetmek için.

Artık yüzen gezinti menünüzü çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Yüzen wordpress menüsü

Yöntem 2: Bir gezinme menüsünü manuel olarak ekleme

Bu yöntem, cihazınıza özel CSS kodu eklemeyi gerektirir. WordPress tema.

Öncelikle ziyaret etmelisiniz " Görünüm> Özelleştir WordPress Özelleştirici'yi başlatmak için.

Ek css wordpress özelleştirici

Tıklayın Ek CSS Sol bölmede, daha sonra bu CSS kodunu ekleyin.

# Site navigasyon {background: #fff; Yükseklik: 60px; Z-endeksi: 170; kenar: 0 otomatik; Çerçeve-alt Katı #dadada 1px; en: 100%; pozisyon: Sabit; En: 0; Sol: 0; Sağ: 0; text-align: center; }

Değiştir " # Site Navigasyon Navigasyon menünüzün tanımlayıcısı ile «butonuna tıklayınız. Enregistrer '.

Artık yüzen gezinti menünüzü çalışırken görmek için web sitenizi ziyaret edebilirsiniz.

Gezinme menünüz normalde web sitesi başlığından sonra görünüyorsa, bu CSS kodu web sitesi başlığı ve başlığıyla çakışabilir.

Bu, aşağıdaki kodu kullanarak başlık alanınıza bir kenar boşluğu ekleyerek kolayca ayarlanabilir:

.site marka {kenar üstü: 60px; }

Burada eğitimimiz sona eriyor, şimdi web sitenizde yüzen bir menü oluşturabilecek veya ekleyebileceksiniz.

diğerlerini arıyorsanız WordPress eklentileri menüleri yönetmenize izin verecek, işte bazı WordPress eklentileri bu göreve adanmış prim. 

1. Menü Kahraman

Bu eklenti, oldukça kolay birkaç adımda kendi özel WordPress menünüzü oluşturmanıza olanak tanır. Özellikle, zarif ve profesyonel bir WordPress menüsü kolayca ve sezgisel olarak oluşturmanıza olanak tanır. En karmaşık, zengin özelliklere sahip mega menüden en basit açılır menüye kadar, WordPress Plugin HeroMenu her türlü menüyü kurar ve dakikalar içinde çalışır hale getirir.

Hero menu duyarlı wordpress mega menü eklentisi

Diğer özelliklerin yanı sıra özellikleri: PC, tablet ve akıllı telefonlarda mükemmel işlevsellik, kullanımı kolay, özelleştirilebilir içerik, kendi menü stillerinizi eklemek için özel CSS, mega menü tasarımcısı, desteklenen tarayıcılar: Chrome, Firefox, Safari , Opera, IE9 ve daha fazlası.

Indir | gösteri | Web hosting

2. Slick Menu

Slick Menu sadece WordPress için bir menü eklentisi değildir. Sınırsız bir şekilde birden fazla menü düzeyinin yanı sıra zengin içerikli kenar çubukları, çoklu stil seçenekleri ve animasyonlu efektler oluşturmak için kullanılabilir.

Kaygan menü duyarlı wordpress dikey menü

Her menü seviyesi arka plan renkleri, resimler, videolar, özel yazı tipleri ve daha fazlasıyla özelleştirilebilir. Bu eklenti tamamen duyarlıdır ve menü öğeleri için 45'ten fazla animasyona sahiptir.

Indir | gösteri | Web hosting

3. 8Degree Fly Menu

8 Derece Fly Menüsü bir WordPress Plugin Bilgilerinizi basit bir şekilde öne çıkaran bir görünüm kazandırmak için web sitenize bir tuval menüsü eklemenizi sağlayan premium. Menülerini oluşturmak için varsayılan WordPress menü özelliğini kullanır.

8degree wordpress için menü menü eklentisi duyarlı menü sinek duyarlı

Simgeler, menü sloganları, sözde gruplama başlığı ve uzun bir açıklama gibi varsayılan menü öğelerine ek öğeler ekleyebileceksiniz. Ayrıca uzun tanımınızı kullanıcı dostu bir şekilde kavramanıza yardımcı olacak bir WYSIWYG editörü ile birlikte gelir.Bu editör ile kısa kodları da kullanabilirsiniz.

Indir | gösteri | Web hosting

Diğer önerilen kaynaklar

Blogunuzun menülerini veya web sitenizi oluşturma veya kişiselleştirme konusunda daha ileri gitmek istiyorsanız, aşağıdaki bağlantılara da başvurmanızı öneririz.

Sonuç

Buraya ! Bu eğitim için bu kadar, umarım WordPress blogunuza kayan bir menü eklemenize izin verir. Sizi davet ediyoruz bu makaleyi arkadaşlarınızla sosyal ağlarda paylaşın.

Herhangi bir öneriniz veya yorumunuz varsa, memnuniyetle karşılanacaktır. Ve eğer WordPress’te yeniyseniz, buna bak kaynak.

...