Max Mega Menüsü, bir Wordpress çok işlevli eklentidir. Eklenti WP Mega Menü: İşlevsellik, Kurulum, Tam Uyarlanabilir ve Mobil Menü Ayarı

Mega Ana Menü. Bu için bir eklentidir hızlı yaratma WordPress için menü. Bunu kolaylaştıran özel fonksiyonlara sahiptir.

Yapışkan ve açılır menüler, rozetler, logo ve arama.
Çeşitli renkler. Ve menüdeki herhangi bir seçeneğin rengini değiştirebilirsiniz. Renklere ek olarak, gradyanlar da kullanılır. arka plan resimleri ve görüntüler.
İçerik 10 varyasyona sahiptir. İçeriği aşağı açılır menüye de koyabilirsiniz. Referanslardan görüntülere ve kısa kartlara kadar her şeye sahip olabilir.
Site menüsünde, 1600 simgesine kadar kullanabilirsiniz. Bu simgeler var vektör grafiği Bu nedenle, büyük hacimler ve izinler gerektirmezler. Bu, bir cep telefonunda bile kullanılmalarını sağlayacaktır.
Yazı tiplerinin farklı varyasyonları da var. Eklenti ayarlarında kolayca yapılandırılabilen 600 Google fontunu kullanabilir.

Eklenti, her zamanki yöntemle yapılır ve tüm programlar ve zorluklar oluşmaz. Etkinleştirdikten sonra, ana menüye gitmelisiniz. Soldaki bu menüde dört seçenek göreceksiniz. Bu, paylaşılan ayarlara sahip ana seçenek, ardından rengi, yazı tipini, vb. Değişen Skins adlı sayfanın görünüşünün seçeneğidir. Ayrıca iki son seçeneği destekle ve Özel ayarlar Profesyoneller için.

Genel olarak Seçenekler altında üç tane var, primer, mobile_menu, ikincil. Birincil bölüm, tüm ana menü değerlerini ayarlar için hizmet vermektedir. Örneğin, yüksekliği ayarlayabilir, simgeleri düzeltebilir, logonun görüntüsünü yapılandırabilirsiniz. Montaj ikincilinde, bu ayarlar ayrı olarak oynanır.

Skins ayarlarında Ayarlarda da üç varyasyon var. birincil., ekstra, altbilgi.. İlk sürümde, birincil konteynerin arka planını yapılandırabilir ve yatay, dikey ve radyal bir görünüm seçebiliriz. Sonra birinci noktanın yazı tipi vb.

Belirli parametrelerde, bir inceleme kurabilirsiniz. taşınabilir aletler. Daha sonra ekran çözünürlüğünü ve stilini ayarlayabilirsiniz.

Son seçenek, site yapısını yapılandırmaktır. Burada hangi seçeneği etkinleştireceğinizi ve ne kapanacağını seçersiniz.

Böylece, bu konunuzu dönüştürebilecek mükemmel bir eklenti menüsüdür. Bununla birlikte, simgeler, resimler ve diğer elemanlarla kolayca doldurabilirsiniz. Asıl şey, kalitesi, hafif bir işlevselliğe sahip olmasıdır. Diğerlerinden farklı olarak maga Ana Menü Eklentileri Sitede önemsiz bir etkiye sahiptir.

Anladığım kadarıyla, WordPress'deki Mega Menüsü terimi altında, birçok farklı unsurlu bir sorumlu büyük blok anlamına gelir: Listeler, Resimler, Metinler, Kaydırıcılar, vb. Elbette tanıştın. Bazen konuda tam teşekküllü bir seçim yayınlamak için, ancak bugün çok somut bir çözüm hakkında olacak - Max Mega menü eklentisi. İşte daha önce test edildiği için seçtim, çoğu zaman listelere düşüyor, ayrıca en akıllı ve sürekli geliştiren ücretsiz (Lite) sürümlerinden biri var.

WordPress'te Max Mega Menüsünü kurduktan hemen sonra, standart navigasyonunuz, her türlü widget, uygun bir editör ve bir demet ekleme olasılığı ile daha güçlü ve işlevsel bir mekanizmaya dönüştürülür. ek ayarlar. Eklentiyi buradan indirin veya WP admin aracılığıyla arayın.

Üzerinde şu an Sistemin gerekli minimum sürümü 3.8, son 4.8.3'e kadar çalışır. Yaklaşık 100 bin indirme. Son 2 ayda, 89'dan yaklaşık 70 farklı böcek düzeltildi, bu da geliştiricilerin iyi aktivitelerini gösteriyor.

Ana Özellikler ve Cips Max Mega Menüsü

Parametrelerinizi seçebileceğiniz her biri için çoklu yerleştirme yeri desteklenir;
Sürükle ve Bırak yoluyla navigasyon elemanları ile kolay çalışma.
Ekleme.
Uygun bir dekorasyon editörü var.
Herhangi bir widget ekleme: Resimler, metinler, listeler vb.
Klima Durumu: Hovering yaparken, tıklayın.
Subnii çıkış efektleri: Kalkış, görünüm / zayıflama vb.
Metin / linkleri gizlemek veya kapanma için farklı ek seçenekler mobil versiyon. Son madde, ayrı birinin oluşturulmasını basitleştirmeye yardımcı olacaktır.
Menü öğeleri için hizalama.

Her şeyin ne kadar havalı ve uygun olduğunu anlamak için, aşağıdaki videoya bakmanızı tavsiye ederim:

Ek olarak, geliştiriciler kararlarının yaratılmasına çok doğru ve doğru bir şekilde yaklaşabilirler. WordPress Max Mega Menüsü gerçekten yüksek kaliteli bir üründür, burada burada bir particisiniz:

tüm tasarım bir kullanarak ayarlanır CSS dosyası."ünlü" mülkünün hiç kullanılmadığı yerlerde;
retina desteği, uyarlanabilirlik, akıllı telefonlar ve tabletlerde tetikleme (hemen hemen tüm masaüstü ve mobil tarayıcılarda test edilmiştir);
saf Kod, Gzipped'li JS komut dosyaları 2KB'den daha az işgal edecek;
farklı filtreler / kancalar için destek;
ayrıntılı belgeler + Diğer birçok eklentinin aksine, forum yeterince desteklenir.

Maksimum Mega Menüsü ile kurulum ve çalışın

Kurulumdan hemen sonra, bölüm Yönetici'de belirir. "Temel Ayarlar" nda, alt menü, mobil cihazların vb. Davranışıyla ilgili birkaç seçeneği düzeltebilirsiniz. "Temalar" daha ilginç görünüyor.

İşte farklı cipslerle 6 sekme:

Ana - ok, gölge, çizgi yüksekliği, vb. Türünü seçin.
Menü Çubuğu - Ana ünitenin kaydı: Arka planlar, girintiler, yazı tipleri, rehberlik.
Mega Menüler - Stiller ve Ayarlar Mega Menüsü.
Açılır - stil kümesinin geri kalanına benzer.
Mobil menü - tetikleme ve diğer mobil menü seçenekleri için ekran boyutu.
Özel Tasarım - CSS stillerinizi ekleyin.

Temel parametreler belirtildikten sonra, WP Yönetim bölümüne gidin " Görünüm"-" Menü ".

Çalışmak istediğiniz menüyü seçmeniz gerekir ve ardından ayarlarında, "Dahil" yanında bir kutu yerleştirin. Maksimum Mega menüsünü etkinleştirin WordPress'te yalnızca ekran alanı şablonda (kapak, altbilgi, kenar çubuğu vb.) Belirtildiği zaman çalışır. Ayrıca, etki ve olay olaylarının parametreleri vardır.

İmleci hiyerarşi öğelerinden birine getirmek için Modül Düzenleyiciyi açmak için ve "Mega Menu" düğmesine tıklayın. Açılır pencerede, yukarıdaki eklentinin video sunumunda görebileceğiniz uygun bir araç görüntülenecektir.

Burada öncelikle, sütun sayısını belirleyebilir ve herhangi bir widget ekleyebilirsiniz. Ek olarak, her bir elemanın boyutunu değiştirmenize izin verilir. Sadece ilk (ana) navigasyon seviyesinde izin verilen widget'ları seçebilirsiniz. Mega menü düğmesine, diğer elemanların karşısında, yalnızca simgeler ve farklı özellikler için tıklarsanız:

Dexte / Mobile üzerinde Metin / Bağlantı, Hizalama ve Bağlantı Kesmesini Gizle - Çok faydalı ayar fonksiyonlar. Her menü öğesinde bu tür seçenekleri belirlemeye izin verilir. Değişiklikleri kaydetmeyi unutmayın.

Max Mega Menü Pro ve Sonuçlar

Genel olarak, havuz dışındaki bu gelişme ayrı bir siteye sahiptir. Modülün tüm yeteneklerini, sunulan belgelerin ve küçük demosunun toplanan açıklamaları vardır ve teknik destek ve yükleme için bir bağlantı vardır. MAX MEGA MENU PRO'nun gelişmiş versiyonunun maliyeti, prensip olarak, bu kadar yüksek değil - 1/5/99 siteler için sırasıyla 23/35 $ / $ 99 dolara mal olacak. Bu, yıl için güncellemeleri ve desteği içerir. Geliştiriciyseniz, o zaman pro ticaret lisansını alın ve 5 siteye bir eklenti kurarak, çözeltinin son değerini \u003d 7 doları alın!

Max Mega Menü Pro'na dahil edilenler:

Entegrasyon Google yazı tipleri., Kullanılabilirlik Fondawesome ve ayarlardaki özel simgeler.
Dikey ve akordeon tipi menüsünü destekleyin.
Navigasyon + arama bloğunda paylaşılan logo.
Bireysel eşyaların stilleri.
WooCommerce ve EDD desteği.
Özelleştirme yeteneği.
Mobil elemanlar için arama, simgeler / logo ve HTML.
Otomatik güncelleme ve öncelik desteği.

Sıradan klasik siteler için, yeterli sıradan var ücretsiz sürüm WordPress'deki Max Mega Menüsü, işlevsellik için çok iyidir. Farklı ayarlar Burada bir çok var. Ayrıca, geliştiricilerin beyinciklerini desteklemelerini de sevdiklerini, mevcut hataları nispeten hızlı bir şekilde düzeltmeyi ve saflık / doğru kodu önemsemesini sevdik. Tanıdık bir zaman geçirmek zorunda kalacak, ama buna değer. Eklentinin çalışmasıyla uğraşmak daha kolay - Videoyu izleyin ve belgeleri okuyun.

Wordpress'te hangi modüller Mega menüsü kullanıyorsunuz ve neden? Ekleyebileceğiniz bu kararla birlikte çalıştı?

8 dakika oku. Yayınlanan 11.01.2016

Hey! WordPress için en ilginç ve en yararlı eklentileri sökmeye devam ediyoruz! Bugün yatay açılır menü oluşturmanıza izin verecek olan süper faydalı bir eklentiyi öğreneceksiniz. Herhangi bir widget, metin, editör, fotoğraf, video, form, HTML kodunu açılır menüye ekleyebilirsiniz.

Menünün görünümünü tamamen yapılandırabilir ve açılır menüyü yapılandırabilirsiniz. Yatay açılır menüye 8 sekiz sütuna ekleyebilirsiniz. Açılır menüyü devre dışı bırakabilirsiniz. mobil cihazlar. Çok esnek eklenti, süper bir menü yapabilirsiniz!

Süper eklentiyi doğrudan WordPress Yönetici panelinden yapabilirsiniz. Git: Eklentiler - Yeni ekle, eklentinin adını girin, arama formundaki eklentiyi girin, ENTER tuşuna basın, eklentiyi kurun ve etkinleştirin.

Genel Ayarlar .

– Etkinlik Davranışı'nı tıklayın, Tıkladığınızda davranış. Burada seçim için iki seçeneğiniz var:

İlk tıklama bir alt menü açacak, ikinci tıklama alt menüyü kapatır, ilk tıklama alt menüsünü açar, ikinci tıklama alt menüyü kapatır;
İlk tıklama bir alt menü açacak, ikinci tıklama bağlantıyı takip edecek, İlk tıklama, bağlantıya ikinci tıklatan alt menüleri açar.
Varsayılanı bırakın, hiçbir şeyi değiştirmeyin.

– Mobil menü davranışı, Mobil menüde davranış,

Standart - Açık Alt Menüler, kullanıcı tarafından kapanana kadar açık kalacaktır., Standart - Açık alt menü, kullanıcı kapanana kadar açık kalacaktır.
Akordeon - Açık Alt Menüler, başka biri açıldığında otomatik olarak kapanır, Akordeon - Açık alt menü, başka bir açıkken otomatik olarak kapanacaktır.

– CSS çıkışı, Varsayılanı bırakın, hiçbir şey burada değiştirilmesi gerekmez.

– Menü Öğesi Açıklama, Menü öğeleri için açıklamayı etkinleştirin veya devre dışı bırakın.

– Aktif Menü Örnekleri Bazı konular menünün konumunu bir sayfada birkaç kez görüntüleyecektir. Örneğin, konunuzunuz, ana menüden sonra Menü Düzenlemesini, ardından Mobil Menü için tekrar görüntüleyebilir. Bu parametre, Max Mega menü menüsünün yalnızca bu örneklerden biri için geçerli olmasını sağlamak için kullanılabilir.

– .

Menü temaları. .

– Düzenlemek için Tema'yı seçin, İşte düzenleyeceğiniz menü. Başka bir menü oluşturabilir ve seçebilirsiniz.

– Tema başlığı, Menü teması başlığı, varsayılandan ayrılın.

– Ok Açılır menü ile menü öğesinde görüntülenen bir ok seçebilirsiniz.

– SATIR YÜKSEKLİĞİ, Yükseklik hattı.

– Z Endeksi, Gösterge z endeksi varsayılan olarak bırakılabilir.

– Gölge Menünün gölgesini yapılandırabilirsiniz.

– Hover geçişleri, Menü öğelerine ulaştığınızda geçişleri etkinleştirin.

– RESET Widget Styling, Mega menü widget stillerini devre dışı bırakın.

Menü çubuğu. .

– Menü Yüksekliği, Menü yüksekliği.

– Menü arka plan, Menü arka plan rengi.

– Menü dolgusu, Döşeme menüsü.

– Menü sınırı yarıçapı, Menünün sınırının yarıçapı.

– Menü Öğeleri Hizala, Menü öğelerinin yeri.

– Menü öğesi arka planı, Menü öğeleri arka plan rengi.

– Menü Öğesi Arka Plan (Hover), Menü öğesi renk arka plan.

– Menü öğesi aralığı, Menü öğeleri aralığı.

– Yazı tipi Yazı tipi, renk, boyut, yer, aile vb.

– Yazı Tipi (Hover), Hovering yaparken yazı tipinin parametreleri.

– Menü öğesi dolgu, Döşeme menü öğeleri.

– Menü Ürün Sınırı, Menü öğesi sınır parametreleri.

– Menü Öğesi Sınır (Hover), Hovering yaparken menü öğesinin parametreleri.

– Menü Öğesi Sınır Radius, Menü öğesinin yarıçapı parametreleri.

– Menü Öğesi bölücü, Menü ayırıcı.

– Geçerli öğeyi vurgulayın, Geçerli menü öğesine izin verin.

Mega menüleri. .

– Panel arka plan, Renkli arka plan açılır menüsü.

– Panel genişliği, Açılır menü penceresinin genişliği.

– Panel dolgu, döşemelik.

– Panel sınırı, Sınırların rengi ve boyutu.

– Panel sınır yarıçapı, Sınırın yarıçapı.

– Öğe dolgusu., menü öğesi aşağı açılır menüde döşeme.

Widget'lar. .

– Yazı Tipi, Aşağı açılır menüde widget başlığı yazı tipi parametreleri.

– Başlık dolgusu, Döşeme başlığı.

– Başlık Marjı, Widget başlığının sınırlarından gelen girintiler.

– Başlık sınırı, Bordür sınır parametreleri.

– İçerik Yazı Tipi, Widget içeriğinde yazı tipi.

İkinci seviye menü öğeleri .

– Yazı tipi İkinci seviye menü öğelerinin yazı tipi.

– Yazı Tipi (Hover), Hovering yaparken yazı tipi.

– Arka plan (vurgulu), Hovering yaparken arka plan rengi.

– Dolgu malzemesi döşemelik.

– Marj girinti.

– Sınır Sınır, sınır.

Üçüncü Seviye Menü Öğeleri . Aynı ayarlar yalnızca üçüncü seviye menü öğeleri için.

Flyout Menüleri. .

– Menü arka plan, İkinci veya üçüncü seviyenin düşen menüsünün arka plan rengi.

– Menü genişliği, Menü genişliği.

– Menü dolgusu, döşemelik.

– Menü sınırı, sınır.

– Menü sınırı yarıçapı, Sınırın yarıçapı.

– Öğe arka plan, Menü noktası arka plan rengi.

– Öğe arka plan (vurgulu), Hovering sırasında arka plan rengini işaretleyin.

– Öğe yüksekliği, Menü seçeneği.

– Öğe dolgusu, Döşemelik.

– Öğe Yazı Tipi, Menü öğesinde metin yazı tipi.

– Öğe Yazı Tipi (Hover), Hovering yaparken yazı tipi.

– Öğe bölücü, öğe ayırıcı.

Mobil menü. .

– Çubuk Tasarımcısı Toggle, Burada menünün mobil cihazlarda neye benzediğini gösteriyor.

– Duyarlı Kesme Noktası Mobil menüye gitmek için genişlik.

– Çubuk arka planı geçiş, Renkli arka plan Açılış düğmesi Mobil menü.

– Mobil geçişi devre dışı bırakın, Menü anahtarını devre dışı bırakabilirsiniz.

– Çubuk yüksekliğini değiştirin, Mobil menü düğmesi yüksekliği.

– Mega Menü sütunları, Mobil sitedeki açılır menüde kaç tane sütun.

– Menü arka plan, Mobil menü arka plan rengi.

– Menü öğesi yüksekliği, Menü seçeneği.

Özel stil.. Burada, menü için CSS stillerinizi ekleyebilirsiniz.

– Yapılan değişiklikleri kaydedin.

Menü konumları .

- Burada bir menü ekleyebileceğiniz bir menü alanı oluşturabilirsiniz. Menü için bir alan oluşturmak için başka bir menü konumunu ekle düğmesine tıklayın.

Menü alanı Kısa kod veya PHP kodunu kullanarak siteye ekleyebilirsiniz.

Sayfada: Görünüm - Menü - Yönetim BölgeleriAlan için bir menü ekleyebilirsiniz.

Araçlar. .

– Önbellek Burada CSS önbelleğini temizleyebilir, gerekli değil, menü her kaydedildiğinde önbellek otomatik olarak temizlenir.

– Eklenti Verileri, Wordpress veritabanında depolanan tüm eklentiyi silin. Sadece eklentinin çıkarılması durumunda!

– İhracat teması Mega menüsünün konusunu JSON veya PHP formatında dışa aktarabilirsiniz.

– İthalat teması Mega menü temasını içe aktarabilirsiniz.

– etkinleştirme Mega menüsünü etkinleştirmek için bir kene koyun.

– Etkinlik Burada, açılır menünün nasıl açılacağını seçebilirsiniz.

– Etki, Açılır menü için efekti seçebilirsiniz.

– Tema Menü teması, varsayılan.

Mega menüsünü açtıktan sonra, Sayfanın her widget'ında, uçan yaparken, bir düğme - Mega menüsü görünecektir. Bu menü öğesi için açılır menüyü yapılandırmak için bu düğmeye tıklayın.

Daha ileri, Bir pencereniz olacak. Sağdaki üst kısımda, widget'ı seçmek ve menüye eklemek için geniş bir alana tıklayın. Sağın üst kısmında, açılır menüde kaç tane sütun seçebilirsiniz. Widget'lar açılır panel üzerinden dağıtılabilir, widget'in hangi bölümünün Örnek 1/2 veya 1/3'ü nasıl alacağını belirleyebilirsiniz. Hangi parçanın widget'ı işgal edeceğini belirtmek için sağdaki oklara tıklayın.

Widget'ı açmak ve yapılandırmak için, Herhangi bir içeriği ekleyin, vb., Hemen Widget'ta, Anahtar simgesine tıklayın. Widget'ı yapılandırın ve kaydedin.

– Metni gizle Menü öğesinden metni gizleyin.

– Ok gizle Oku gizle.

– Mobilde öğeyi gizle, Mobil cihazlardaki menü öğesini gizleyin.

– Masaüstünde öğeyi gizle, Bilgisayarlardaki menü öğesini gizleyin.

– Menü Öğesi Hizala, Menü öğesinin konumu.

– Alt menü Hizala, İkinci seviye menüsünün yeri.

– Mobilde alt menü gizle, Mobil cihazlarda ikinci seviye menüyü gizleyin.

– Değişiklikleri kaydedin.

Hepsi hazır! Menüyü kaydedin, siteye gidin ve sonucun tadını çıkarın!

Dikkat! Mega menüsünü açtıktan sonra, varsayılan stiliniz tamamen değiştirilecektir. Ayarlardaki menü stilini, sekmede yapılandırmanız gerekir. "Menü Temaları".

Sorularım var? Bir yorum Yaz! İyi şanslar!

Hey! Hayatımda, her zaman olduğu gibi çok fazla olay var, bu nedenle blog için zamanın oyuna girmesi çok zor. Dün Sri Lanka'ya bilet aldık ve yakında 4 ay boyunca yok ettik, ziyarete gel! Ve şimdi en güzel gelinlik için arıyorum :))
Bugün WordPress'te bir menü oluşturmanın yanı sıra, şablonun keyfi alanlarında veri blokları ekleyeceğimiz hakkında konuşacağız.
Menüyü özelleştirmeyi ve takdirinize göre düzenlemeyi öğreneceğiz.

WordPress'te menü düzenleme ve ayarlama

Başlamak için, bize olan işlevselliği blog panelinde analiz edeceğiz. İle uyumlu yeni şablonlarda son sürümler WordPress, menü çıkışı oldukça basittir ve ayar özellikle zor değildir.

Ana başlığa önyargı olmadan değişiklik yapabileceğiniz bir iştiraki yarattıktan sonra, aşağıdaki işlevi Function.php dosyasına ekleyin.

1 2 3

register_nav_menus (dizi ("ekmen" \u003d\u003e __ ("ek menü", "Konunuz başlık" ) ) ) ;

register_nav_menus (dizi ("ek menü" \u003d\u003e __ ("ek menü", "başlığınız")));

Bir iştiraki oluşturmazsanız, konunuzun ana özellik dosyasına ekleyin.

Bu özellik eklememize izin verecek ekstra Menü Şablonumuzda WordPress ve bunun için başka bir alan oluşturun.

Eklendikten sonra, "Bölgelerin Yönetimi" ndeki yöneticiye gidin:

Konunun ek bir alanı, fonksiyonda belirttiğimiz başlıkla olmalıdır.

Ek bir alan için bölümleri değiştirmek istiyorsak "Yeni bir menü kullanın" ya da "Home" yı seçin. Sonra aynı bölümler, birincil menüde olduğu gibi yeni alanda görüntülenecektir.

Bizim durumumuzda, ek olarak adlandırılan yeni bir menü oluşturun:

"Ek menü" konusunun alanını seçiyoruz.

Ancak şimdi bu bölgeyi şablonun bloklarıyla bağlamamız gerekiyor. Örneğin, WordPress'deki Site Kapağı altında ek bir menü yapmamız gerekiyor. Header.php dosyasına gidiyoruz veya bir bağlı kuruluşa kopyaladık. Vücut etiketinden sonra aşağıdakileri ekleyin:

1 2 3

<div id \u003d "ekmen"\u003e\u003e (Dizi ("tema_location" \u003d\u003e "Ekmenu")); ?\u003e</ Div\u003e

"Ekmenu")); ?\u003e

Sonuç olarak bakıyoruz:

Şapkanın üstünde ek bir menümüz var. Şimdi onun için stilleri sormamız gerekiyor, dizideki eşyaları hizalayın ve bloğu şapkanın altına çekin.

Style.css stillerinde aşağıdaki değişiklikleri tanıtıyoruz:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#adititionalMenu NAV (genişlik: 940px; / * Konteyner genişliği * / Marj: 0 Otomatik; ) #AdditionalMenu Li (Ekran: satır içi; dolgu: 10px; / * girintiler * / kenar boşluğu: 20px 0;) #AdditionalMenu (genişlik:% 100; üst: 420px; / * Üst kenardan girinti * / arka plan rengi: # 000; / * Arka plan rengi * / Konum: Göreceli; )

#Adth: 940px; / * Konteyner genişliği * / kenar boşluğu: 0 AUTO;) # #additionalMenu Li (Ekran: satır içi; dolgu: 10px; / * girintileri * / kenar boşluğu: 20px 0;) #AdditionalMenu (genişlik: 100%; üst: 420px; / * üst kenardan girinti * / arka plan rengi: # 000; / * arka plan rengi * / konum: göreceli;)

Ne olduğuna bakıyoruz:

Tarafından oluşturulan menüyü görüntüleme hala idealdir, ancak nedeniyle, blogunuzla eşleşen blogunuza getirebilirsiniz.

WordPress'te bir menü eklemek için widget'lar ve eklentiler

Wordpress'te bir menü oluşturma hakkındaki videoyu görüntülemeyi teklif ediyorum:

Bahsedilen makale "keyfi menü" widget'ı belirtti. Bunu daha ayrıntılı olarak analiz edeceğiz.

"Görünüşü" - "Widget'lar" geçiyoruz, "Keyfi Menü" nin widget'ını bulur ve konunuz için uygun alana ve blog için uygun alana sürükleyin:

Bizim durumumuzda, menü bloğu kenar çubuğuna eklendi. Onun için, bizim tarafımızdan verilen bölümleri ek blokla seçtik.

Buna göre, sağdaki yan panelde, aşağıdaki bloğu göstereceğiz:

Dahili standart widget'a ek olarak, çeşitli menü türleri oluşturmaya yönelik birçok ek eklenti de vardır: dikey, yatay, açılır, vb.

Burada, örneğin, WordPress'de dikey çok seviyeli bir menü oluşturmak için bir eklenti: Navgoco Dikey MultiLevel Slayt menüsü.

Veya gelişmiş yapılandırma fonksiyonlarına sahip olmak açılır menü widget widget.

JQWERY Effects Widget'lar da menü için popülerdir, örneğin: JQuery Slick Menu Widget.

Çalışmalarının ilkesinin örneğini analiz edeceğiz.

JQuery Slick Menu widget widget'ı yükledikten sonra, "görünüm" ye gidin - "Widget'lar".

Mevcut widget'ların listesi arasında, yüklediğimiz yeni bir tane olmalı. Bizim olgumuzda uygun alana taşınıyoruz:

Ayarlarını göster:

Menünün başlığını (oluşturduğumuz bölümler), sekme metni - Sitede görüntülenecek bloğun adı, yerleşimi yerleştirin (sola sola), ofset - Piksel, animasyon hızı, üst kenardan Animasyon hızıdır (hızlı). Ünitenin otomatik olarak kaybolması için Otomatik Kapat menüsünü seçebilirsiniz. Ve bloğun rengini seçin. Kaydetmek ve sonucu görmek için tıklayın: