Bir WordPress menüsü oluşturmak için eklenti. WordPress'te dikey bir menü oluşturma

Merhaba, sevgili okuyucular. Bu gün size bir seçim sunarım Wordpress eklentileri kullanma Jquery.. Bu yazıda tam olarak ne olacak? Özellikle, bir blog ile eklentiler, pek çok yararlı ve güzel şey değil.

WordPress için eklentiler

WordPress Mega menü için eklenti

Eklenti açılır menüsü şu anda çok popüler hale geliyor. Bu güzel eklenti, Mega açılır menüsünü hızlı bir şekilde yapmanıza ve yapılandırmanıza izin verir. Zayıflama ve kaymanın etkileri vardır, bir açılır alt menü oluşturmak mümkündür.

İletişim Formu

Bu eklenti, blogunuz için açılır pencere veya ayrılma iletişim formu ekleyen bir widget oluşturur. Çok çeşitli fonksiyonlarla güzel eklenti.

Örnek (sol üst köşede, bize ulaşın) ι İndir Eklentisi

iPod menüsü. Blog için widget

Menü dağıtımı. Özellikle büyük işletmelerin, işletme sitelerinin ve bu türdeki diğer kaynakların siteleri için uygundur. Genel olarak, blog için çok iyi bir çok fonksiyonlu menü.

Blog için JQuery Slick Menüsü

Blogunuz için jquery eklentisi genişletilmiş menü. Wordpress blogları üzerinde en az 3 sürüm üzerinde çalışacaktır. Sayfadaki herhangi bir menü konumunu yapılandırabilirsiniz.

Örnek ι İndir eklentisi

JQuery açılır menüsü. WordPress eklentisi.

Bu eklenti, kolaylıkla yapılandırabileceğiniz siteye bağlantılarınızı içeren bir blogda bir yüzer ve yapışkan menü ekler. Bu Wordpress eklentisi, her sayfada birden fazla yüzer menü ile çalışabilir ve pozisyonu ayarlamak için birçok seçeneğe sahiptir.

WordPress menüsü, sitenin temel unsurlarından biridir. Bu, kullanıcının sürekli etkileşime girdiği sitenin bir parçası. Kalite, ergonomik ve tasarım menülerinden, ziyaretçilerin siteyle ilgili genel izlenimi bağlıdır. Bazen, sitenizin kalıcı bir kullanıcısında, geçen her zamanki İnternet sörfçüsünü çevirebilen ilginç, sıradışı bir menü sayesinde idi.

Yüksek kaliteli bir dikey, yatay, çok seviyeli veya başka bir keyfi menü yapmak için, CSS sınıflarını bağımsız olarak açıp düzenlemeniz gerekecektir veya bunu profesyonel beceriler olmadan hala bir eklentinizle oluşturabilirsiniz.

Ve çoğu olduğu için, bu derlemede, menüyü sitenize hızlı bir şekilde görüntülemenizi sağlayacak en iyi ve ücretsiz modüllerin olanakları olarak kabul edilecektir.

JQuery dikey mega menü widget

En azından eklenti ve "Mega" kelimesinin başlığında, onunla imkansız bir şey yaratamazsınız. Ancak, modül ekleyerek herhangi bir planın kendi kategorilerine sahip basit bir dikey menü oldukça gerçektir. Büyük artı jquery dikey mega menü widget, aracın ücretsiz olarak geçerli olmasıdır. Bu nedenle, ek maliyetler olmadan, en azından bugün siteniz için yüksek kaliteli bir menü oluşturabilirsiniz.

JQuery Dikey Mega Menü Widget, bir widget, bir açılır menü oluşturmanıza olanak sağlar, ekranın her tarafında yapılandırılabilen (görünümün animasyonunu, kategori, çıkış vb.) Geçişi değiştirilebilir.). Sonuç olarak, akordeon'a benzer bir şey ortaya çıkar. Bunu kendiniz yapılandırmak, CSS sınıflarını düzenlemek için yapılandırılabilir. Ve widget'ı etkinleştirmek için "görünüm" sekmesinde unutmayın ve sitenin belirli bir kısmına yerleştirin - aksi takdirde jQuery dikey mega menü widget eklentisi, akordeonunu sayfaya görüntülemeyecektir.

Eklenti, site için farklı, ilginç ve uyarlanabilir bir menü yapmanızı sağlar. Tüm modül, menünün üç varyasyonunu içerir:

• yatay;
• dikey yaygın;
• dikey widget.

Eklentinin en son sürümünün serbest bırakılmasıyla üç seçeneğin de mobil cihazlar için uyarlanabilir. Modül WordPress 3.5+ ile uyumludur ve basit bir ilke üzerinde çalışır - ayar çok zaman almaz. Herhangi bir konuya entegre edilmiştir, bu nedenle CSS'de almak zorunda kalmazsınız ve şablon kodunun gerekmez.

Jquery mega menü widget

Mega'nın deşarjından başka bir eklenti. JQuery Mega menü widget modülü jQuery kitaplıkları kullanılarak çalışır - JavaScript'i HTML'ye yerleştirir. Açılır kategorilerin bir sonucu olacağını vurduğunuzda, bir widget oluşturabilirsiniz.

JQuery Mega menü widget'ı birçok ayar içerir:

• Hover / Click - Yanıt veren komut dosyasını ayarlama (belirli bir kategoriye tıklandıktan sonra olacak);
• Kompozisyonun tanımı - keyfi bir kategori sayısı;
• Kılıf - Yapılandırılabilen Açık CSS Kodu ile harici bir görünüm ayarlama;
• Animasyon Etkisi - Kategorilerin görünümünün animasyonu (kayar bir etki seçebilir veya "kaybolan" ekleyebilirsiniz);
• Animasyon hızı - animasyon etkisinin yoğunluğundaki değişim;

Ayrıca, bu Mega eklentisi, animasyonu tamamen devre dışı bırakmanıza ve şablonun oranı altında otomatik olarak ayarlanmış bir geniş ekran oluşturmanıza olanak sağlar. Belki de bu tam olarak Mega modülü değildir, ancak ücretsiz olarak indirebilirsiniz ve 10-15 dakika sonra sitede bir widget olacaktır.

Modern bir tasarıma sahip renkli bir menü ekleme yeteneği sağlayacak çeşitli bir araç. Ayrıca ekin temel özelliği, sadece kategorilerin başlıklarının yapılması, aynı zamanda görüntüleri yüklemek için de yapılmasıdır. İşte menü türleri bir eklenti oluşturmaya davet et:

• resimler ve alt menü ile yatay menü;
• farklı simgelerle iki varyasyonda dikey;
• simgeleri ile yatay;
• kategorilerdeki yuvarlak resimlerle;
• bir PNG düğmeleri formundaki menü;

Seçilen uyarlanabilir menüyü eklemek için, kısa kodlu bir şablon yapısınız olacaktır.

WordPress için çok düzeyli bir işlevsel menü oluşturmanıza olanak sağlayan başka bir jquery eklenmesi. Estetik olarak keyifli yuvarlatılmış menü alacaksınız. Düğmeler, CSS modülü spesifik olarak ayrılacaktır. Stil sınıflarını kendiniz yapılandırabilir ve kaynağınızın tasarımınızın hemen altında rasgele bir menü yapabilirsiniz. Ek olarak, JQuery açılır menüsü, arka arkaplanın renginin yanı sıra, kategorileri tanımlamak için fontların boyutundaki değişimi ve türünü ayarlamak için kullanılabilir. Bu bir uyarlanabilir menüdür.

Widget sadece CSS ile çalışır. CSS'yi anlayanlar için daha uygundur ve mevcut bir menünün çıktısını dönüştürmek istiyor. Açılır menü widget modülü ile güzel bir tasarıma sahip bir açılır rastgele menü oluşturabilirsiniz. Modül, her bir öğeyi ayarlamaktadır. Birkaç standart konu CSS de vardır. Widget, çok seviyeli kategorilerin dikey veya yatay bir gösterimini yapmanızı sağlar.

OZH 'Yönetici açılır menüsü

Bu araç siteye özel bir menü ekleyemez, ancak Webmaster menüsünü yapacaktır. OZH 'Yönetici açılır menüsü, istenen ayarı aramak için sürekli olarak WordPress Yönetim Masası'na girmeden yorgun olanlar için tasarlanmıştır. Eklenti, düzenleme yayınlarına hızlı bir şekilde erişmek, ortam eklemek, sayfa oluşturmak için yapılandırılabilecek sayfalardaki ziyaretçilere görünmez bir ziyaretçi ekler.

Bu bir flash menüdür. Geliştiriciler boşuna değil Dinamik - Dikey menü özel animasyon efektleri ile çalışır. Sonuç olarak, adaptif, şık ve uygun bir flash menü yapabilirsiniz. Her öğenin arka planının, metnin, yazı tipinin ve boyutlarının rengi özel bir uygulama bölümünde yapılandırılmıştır. Kullanıcı menüsünün rahatlığı, öncelikle, sayfalardaki kaydırma sırasında kategorinin seçimini durdurma yeteneği ile ilişkilidir - yani, sitede kaydırmanız gerekirse, kullanıcının menüyü sürekli olarak açmak zorunda kalmaz.

Bu sıradışı bir menüdür. Sitenin tamamı için standart bir menü olarak kullanabilirsiniz veya ayrı sayfalara yerleştirebilirsiniz. Eklenti, bir "menü" olduğu restoranlar, kafeler, barlar ve diğer kurumların kaynakları hakkında hesaplanır. Başka bir faaliyet alanının projelerinde, tavsiye edilmez - diğer amaçlar için ayar zor olacaktır.

Özel Taksonomiler Menü Widget

Son derece basit eklenti. Hızlı bir şekilde yüzer bir widget oluşturmanıza ve ekran tarafından çıktınız. Blogosfer için idealdir. Birçok terimin içinde bir tür tematik blog yazarsanız ve bu alanda yeni başlayanları eğitmek istiyorsanız, özel taksonomiler menü widget size yardımcı olacaktır. Sınıflandırılmış bir hiyerarşik taraf menüsünü net bir sınıflandırma ile yapabilirsiniz ve yeni bölümler görüntüleyebilirsiniz. Taksonomi sırası farklı filtreler kullanılarak yapılandırılmıştır. Bu ücretsiz widget ve sadece eğitim portalları için uygundur.

Jquery akordeon menü widget

Kaynak üzerinde bir akordeon menüsüne sahip olmanızı istiyorsanız, JQuery Accordion menü widget'ı bu fikri uygulamak için en iyi araçtır. JQuery Akordeon menüsü widget eklentisi fonksiyonları:

• menünün çeşitli seviyelerinin eklenmesi;
• akordeonda keyfi sayıda nokta;
• "Tıkla" veya "Hovering ile" kategorisine geçişi ayarlamak;
• Şablonun kısa kodlarının yardımı ile gömün;
• akordeon menüsünün bir veya daha fazla seviyesini aynı anda görüntüleme yeteneği;
• jQuery Akordeon menüsü widget eklentisi, sayfalara geçerken açık / kapalı konumlarını kaydetmek için kullanıcı çerezlerini kullanabilir;
• İmleci navigasyon panelinden çıkardıktan sonra bir saniye sonra akordeon menüsünün otomatik kapatılması;
• ana menüdeki alt paragraf sayısını gösterme kurulumu vardır;
• cSS sınıflarını yapılandırabilir ve etkinleştirebilirsiniz;
• animasyon hızı yapılandırıldı.

Son noktayla, dikkatli olun - düşük animasyon hızı, aracın kullanılabilirliğini azaltabilir.

Duyarlı seçenek menüsü.

Saygın ve şık bir menü. Herhangi bir sitenin ihtiyaçlarını karşılayın ve hızlı bir şekilde dekore edilecektir. Ve en önemlisi - duyarlı seçim menüsü ücretsiz olarak indirilebilir. Menü çıkışı herhangi bir pozisyonda düzenlenebilir: dikey, yatay veya bir widget olarak. Bu, farklı formatların birçok düzeyi oluşturabileceğiniz tam teşekküllü bir uyarlamalı menüdür. Menüye alt kategorilerin açıklamalarıyla tıklanabilir listeler ekleyebilir ve hatta Google Haritaları kaydolacak formlarla eşleştirebilirsiniz! CSS stili tamamen yapılandırılmıştır. Bu sıkıcı bir standart menü değil, projeniz için yenilikçi ve sıradışı bir ekleme!

JQuery Slick Menü Widget

Sitenin herhangi bir yerinde bulunan bir widget. Çıktısı, çeşitli animasyon tipleri kullanılarak rahatça yapılandırılmış olan şık ve temiz bir menü alacaksınız. JQuery Slick menü widget modülü kullanışlıdır, çünkü kullanıcıyı takip edecek bir uyarlamalı menü yapabilirsiniz ve keyfi olabilir (ana portal başlıklarının listesinden, sosyal ağ gruplarına bağlantılar listesine). Araç, farklı CSS stillerini kurmayı içerir - Arsenal'de 12 hazır tasarım seçeneği ve bunları kendiniz değiştirme yeteneği vardır. Menünün çıktısı, konumu (dikey, dinamik, statik vb.) Olduğu gibi yapılandırılmıştır.

Solma menü eklentisi.

İncelemede listelenen eklentilerin çoğu ücretsizdir. Ancak solma menü eklentisi ücretli bir araçtır ve kullanımı için ödenmesini hak ediyor. Sayfanın üstüne sabitlenecek siteye keyfi bir menü ekleyebilirsiniz. İlk bakışta, bu küçük bir fonksiyondur. Ancak aslında menüyü üst konumda sabitlenmenin "arızalar" sayısını (kullanıcı davranışının parametrelerinden biri) önemli ölçüde azaltabilir ve bu, arama motorundaki konumunuzu olumlu yönde etkileyebilir.

Solunum menüsü eklentisi ayarlama özellikle zor değil - Menünün çıkışı ve içeriği standart WordPress panelinde yapılandırılabilir. Yapılandırma sürecinde bir seçeneğe sahip olacaksınız: Üst panelde veya aşağıda widget ekleyin. Üstüne eklenmesi önerilir - sitenin bu kısmında kullanıcılar genellikle daha fazla aktivite gösterir. Stil parametrelerini de yapılandırmayı unutmayın. Eklentiyi parlak ve aşırı dayanımlı hale getirmemek önemlidir, ancak sitenizin WordPress'in geçerli şablonuyla başarılı bir şekilde birleştirilmesi önemlidir. Zaman ve yetenek varsa, menü için kendi simgelerinizi ekleyebilirsiniz. Ve yeni girişlerin periyodik olarak gerçekleşeceği kategori bölümlerine girdiğinizden emin olun - solma menüsü eklentisi, menü kapağındaki yeni bildirimleri görüntülemenizi sağlar.

Ubermenu.

Yatay konumda dikey ve menüyü destekler. Sıfırdan bir menü oluşturma ve önceden var olanı ayarlamak için uygundur. Eklenti, WordPress panelinde kolayca ayarlanmış birçok farklı ayar içerir. Menünün çıkışı 20 stilden birinde mevcuttur. Dikey menü sayfanın herhangi bir tarafına ve yatay - aşağıdan veya yukarıdan yerleştirilebilir. Ubermenu Uyarlanabilir ve tüm popüler tarayıcılarda eşit derecede iyi çalışıyor.

Çıktı

Seçtiğiniz önerilen listeden keyfi bir ek olarak ne olursa olsun, dikey, yatay veya açılır pencere menüsü olup olmadığını, sitenin diğer elemanları ile başarıyla birleştirilmesini unutmayın!

JQuery dikey mega menü widget - Kenar çubuğunda dikey bir açılır menü oluşturmak için tasarlanmış ücretsiz eklenti. Eklenti genel olarak WordPress için tasarlanmıştır, ancak e-ticaret için açıkça keskinleştirilir ve yalnızca WooCommerce ile birlikte değil, internet ticareti için diğer plajlarla birlikte kullanılabilir.

Sidbar'da farklı türde yapılandırılmış, açılır menüler oluşturmak için birkaç farklı eklenti ile tanıştım, ancak bu eklenti tahsis edildi. Bunların çoğu, tarih ve aya göre blog girişlerine ve kategorilere göre otomatik olarak bir menü oluşturur. Elverişli bir şekilde, eğer bir blogunuz varsa.
Aynı eklenti, sayfalar, mallar, kategoriler, etiketler - herhangi bir şey temelinde kesinlikle herhangi bir menü oluşturmanıza olanak sağlar! Bu, tam olarak malların katalogu için gerekli olan şey, bir miktar madde manuel olarak eklenmelidir.
Eklentiyi indirdikten, yükledikten ve etkinleştirdikten sonra, yapılması gereken ilk şey eklenti tarafından görüntülenecek gerekli menüyü oluşturmaktır. Site ayarlarında, "Görünüm" sekmesine -\u003e "menü" e gidiyoruz ve yeni bir tane oluşturur - "Menü2" diyelim. Daha fazla istediğimiz gibi doldurun, iç içe maddeler yapın. Deneyebilir ve sonra, her şeyden önce, ana şey en azından bir şey yaratmaktır. Her öğe el ile referans olarak yapılır. Yani, menüdeki dizin sayfasını eklerseniz, dizin bağlantısı çalışır, ancak menüdeki dizinden konumlar otomatik olarak dokunulmaz. En büyük etki için, üç seviyeli menü öğelerini yapmanız önerilir, sonra eklenti kendilerini en çok gösterecektir.

Menü oluşturulduğunda, eklentinin görüntülemeye başladığından emin olmanız gerekir. "Görünüm" -\u003e "Widget'lara" gidiyoruz, yeni bir widget "JQuery dikey mega menü" bulduk ve yandan doğru yere koyarız. Burada ayarlarda biraz karıştırabilirsiniz, ancak daha önce oluşturulan Menü2 menüsünü seçmek ve "Kaydet" ı tıklatın. Menü oluşturuldu, siteye görüntüleyebilirsiniz!

Menünün potansiyelini WordPress üzerindeki potansiyelini tam olarak açıklamak için, birkaç kullanılabilir eklenti deneyin. Seçim oldukça geniştir, çünkü eklentiler menünün özelliklerini en farklı şekilde, örneğin MEGA-MENU ve MEGA-menü ve Adaptif Menü ve Menü düğmeleri vb. Aşağıda, WordPress menüsü için en iyi 8, en iyi bir liste bulunur.

1. Uyarlanabilir menü

Sitenizde adaptif bir menü yoksa, duyarlı menü eklentisi, her bir kendi kendine saygı gösteren site sahibi için iyi bir seçimdir. Uzantı, birçok ayar kullanabilme ve ücretli ve ücretsiz sürümleri vardır. Serbest seçenek duyarlı menü, çok fazla değiştirmenize olanak tanır: Renk, Yazı Tipi, Su Isıtıcısı, Arkaplan görüntüleri, menü öğelerini devre dışı bırakma veya siparişlerini değiştirme, sayfadaki menünün konumunu değiştirme, sayfadaki konumunu değiştirme (sol, sağ, üst veya alt) ), vb.

2. Max Mega Menüsü

Navigasyonun rahatlığı ve menünün onlarca veya yüzlerce kategoriden oluştuğu sitelerde kullanın ve bir Mega menüsü kullanılarak geliştirilebilir. MEGA-MENU, gerekli tüm öğeleri yerleştirmenize olanak sağlar ve kullanıcı arayüzünü karmaşıklaştırmaz. Mega menüsü oluşturmak için en iyi eklentilerden biri - Max Mega Menü. Kullanılarak oluşturulan uyarlanabilir menü, dokunma ve retina cihazlarında kullanılabilir.

Max Mega menü uzantısı sürükle ve bırak kullanır. Eşzamanlı olarak eklentinin birden fazla örneğini açabilir ve menüde bir sürü görsel efekt oluşturabilirsiniz. Örneğin, örneğin görünürken görünür. YAPILACAKTIR, böylece fareye geldiğinizde veya bastırırken, alt menü, görüntünün sorunsuz bir şekilde görünmesi ve kaybolması için göründüğü, böylece alt menüyü yukarıda veya yan tarafta gezinirken, simgeleri ekleyin. Bütün bunlar ücretsiz sürümde ve ücretli - daha fazlası.

Merhaba arkadaşlar! Blogumun sayfalarında görüşmek üzere. Bu makale tamamen WordPress menüsünü tamamen adamaktadır. Bu konuyu her taraftan vurgulamaya çalışacağım: WordPress menüsü için en ilginç eklentileri düşüneceğim, bir üst menü oluşturmak için çeşitli satırları ayıracağım, WP'nin standart özellikleri hakkında konuşacağım. Bu makalede açıklanan materyal için, okumadan önce yazıyı okumak zorundadır.

WordPress'te Oluşturma ve Çıkış Menüsü Oluşturmanın Standart Yolları:

1. Konu, WordPress 3 menü sistemini destekliyorsa, üst menü "görünüm" bölümü - "menü" ile oluşturulabilir, aksi takdirde yayınlanmış sayfalardan otomatik olarak oluşturulur.
2. Aktif Blog Rubrics içeren bir menü oluşturun, "Kategoriler" widget'ını kullanabilirsiniz.
3. Blog sayfalarına bağlantılardaki menü, "Sayfa" widget ile çıktı. Şahsen, bu widget'ı hiç kullanmadım, çünkü WP sayfası teknik bilgileri (kendiniz, site haritası, geri bildirim vb. Hakkında) görüntülemek için kullanılır. Onlar için en iyi yer yatay bir biçimde bir blog başlığında. Çok kabul edildi.
4. Keyfi menü, "görünüm" bölümünde oluşturulur - "Menü", blog çıkışı için bir widget kullanılır.
5. İsteğe bağlı WordPress eklentilerini kullanın.

2 ve 3 puan açıksa ve sadece uygun widget'ları yeterince ekleyin, gerisi kafa karıştırıcı görünebilir, bu yüzden onları daha fazla düşüneceğim.

Standart WordPress özellikleri

"Görünüş" bölümüne gidin - "Menü", "+" düğmesine tıklayın ve başlığı girin.

Şimdi bu noktaları eklemek gerekir:

Sayfalar - İstediğiniz sayfaları seçin ve "Menüye Ekle" i tıklayın.

Bir hiyerarşi oluşturmak, sadece birbirlerine sürükleyerek mümkündür. Bu hiyerarşi blogda görüntüleneceği için - kullanılan konuya bağlıdır.

Yapılan değişiklikleri korumayı unutmayın.

WordPress 3 menü sisteminin aynı seçenek "tema alanı" ile desteklendiği konularda - bu, menüye özel olarak atanan bir yerdir. Çoğu zaman genellikle "ana" olarak adlandırılan üst yatay blog menüsünü görüntülemek için tasarlanmıştır. Bu durumda, "konunun konusunu" ayarlamak yeterlidir ve sitede otomatik olarak görünecektir.

Aksi takdirde, "keyfi menü" widget kullanılır. "Görünüm" - "Widget'lar" bölümüne gidin, bu widget'ı genel listede bulun ve testabar'a (yan sütun) sürükleyin. Bundan sonra, daha önce oluşturulan menüyü seçmeniz gereken ayarlar görünecektir.

Ayarları kaydedin ve oluşturulunuza hayran olun.

Üst Menü Wordpress - Düzenleme ve Kaldırılır

Birçok konuda, üst menü, genel olarak genel bilgiler için "Blogda", "yararlı bilgiler", "Site Haritası" vb. İçinde kullanılan yayınlanmış sayfalardan otomatik olarak oluşturulur. Bunu yapmak için, aşağıdaki kod header.php dosyasında kullanılır:

> >

Konuyla ilgili olarak, sayfanın alt kısmında çoğaltılır, bu nedenle aynı kod footer.php şablonundaydı.

Ne rahatsız edicidir:

• Oluşturulan ve yayınlanmış tüm sayfalardan dinamik olarak oluşturulur, istediğiniz veya olmasın. Bazen bazı sayfaların farkedilmeden bırakılması gerekir.
• Üst menünün altındaki bazı konularda, çok az yer tahsis edilir, bu nedenle sadece ilk 3-4 puan içinde görüntülenir ve gerisi bitişik katmanın altında gizlenir (ister bir içerik alanı veya logosu olup olmadığı). Çok çirkin görünüyor ve arama motorları bu kasıtlı bağlantıların ziyaretçilerinden gizlenmesini düşünebilir.

Bu eksiklikleri düzeltmek kolaydır - sadece yukarıda bulunduğum kodu çıkarmanız ve aşağıdaki tasarımı yazmanız gerekir:

HTML'ü bilen insanlar için, açıklayacağımı bilenler için zor olmayacak. Çizgiler sadece iki parametrede farklı olacaktır.