CMS Joomla 3.x'in menü modüllerine bir bakış.

1. Maxi Menü CK

CMSJoomla'nın 2.5/3.X.

Uyarlanabilir tasarıma ve güzel efektlere sahip yatay veya dikey menüler oluşturmaya yönelik güçlü bir SEO optimizasyon modülü. Ayrıca bu modülün birden fazla kopyasını tek sayfada yayınlamak da mümkündür. Ne yazık ki bu uzantının ücretsiz sürümünün işlevselliği daha da sınırlıdır.

Modülü yükledikten sonra ekranda, belgelerin indirilmesine ilişkin mesajlar ve yeni ücretli seçenekler görüntülenir: genişletilmiş bir grafik temaları paketi, kolay menü düzenleme için bir eklenti, Virtuemart, Hikashop, Joomshopping ve K2 bileşenleri için yamalar ve ayrıca düzenleme için bir eklenti Yeni oluşturulan menünün mobil cihazlarda görüntülenmesi.

Daha sonra Modül Yöneticisine gitmeniz ve yeni Maxi Menu CK'yi seçmeniz gerekir. Modül yönetim panelinin "Modül" sekmesinde yayın için bir menü seçebilir, benzersiz bir modül kimliği, temel menü öğesi girebilir, bu ilk ve son seviyedir ve ayrıca destek seçeneğini de açabilirsiniz.

Ayrıca ana menüyü kullanarak hızlı bir şekilde menüyü ayarlayabilirsiniz:

Menü yöneticisinin gücü, menü türleri ile bunların gerektirdiği seçenekler arasındaki hızlı karışımda yatmaktadır ve bu, ek ücretli uzantılar yüklenmediği sürece özellikle önemlidir. "Menü öğelerine bağlantı" sekmesinde modülün görüntüleneceği site sayfalarını seçebilirsiniz; “Efekt Seçenekleri” sekmesi, çeşitli JavaScript efektlerini etkinleştirmenize, animasyon türlerini seçmenize ve menü öğeleri ve alt öğeler için görsel efektleri özelleştirmenize olanak tanır. “Stiller Seçeneği”nde bir menü teması (üç seçenek vardır), menü yönlendirmesi seçebilir, duyarlı menü tasarımını açabilir ve şablon için bir CSS dosyası seçebilirsiniz.

“Logo seçenekleri” bölümünde menüde görüntülenecek logo dosyasını seçebilir, yeni bir giriş ekleyebilir ve konumunu, genişliğini, yüksekliğini ve girintisini ayarlayabilirsiniz. Şablondan bir menü öğesi seçip "Yayınlandı" olarak değiştirdikten sonra menü sitede görünür.

Sitede gerçekleşen genişleme yaklaşıyor gibi görünüyor:

Bu menü (ücretli bir yama yükledikten sonra), ürün kategorilerinin bir listesini otomatik olarak görüntülemenize izin verdiği için Joomshopping, Virtuemart veya Hikashop'taki bir çevrimiçi mağazanın ana menüsü olarak en iyi şekilde kullanılır.

2. ARI Harici Menü

Genişleme sonuna kadar gerçekleşecekCMSJoomla 1.5-1.7/2.5/3.X.

Yatay ve dikey yönlendirmeyi destekleyen ayarlar menü modülü, iki geçiş efekti.

Bir uzantı yüklemek için "Uzantı Yöneticisi" ne gitmeniz, eklenti iletişim kutusunda modül dosyasını seçmeniz ve "Giriş ve Kur" düğmesine tıklamanız gerekir. Modül yapılandırıldığında, ek modül için görüntülenen menüyü, menü yönünü, hiyerarşinin başlangıcını ve sonunu seçebilir ve ayrıca en aktif menü alt öğelerini gösterme, tam olarak vurgulama gibi parametreleri ayarlayabilirsiniz. menü seçeneği. Sistem ayarları arasında, benzersiz bir tanımlayıcı oluşturma yöntemini seçerek ExtJS kitaplığını kullanma seçeneği bulunur. Ayrıca menü öğelerinin ve alt öğelerin stil parametrelerini de ayarlayabilirsiniz: arka plan rengi, metin, yazı tipi boyutu, doğrulama vb. Standart modül özelleştirme uzantıları, önbelleğe alma parametrelerini, önbelleğe alma terimini, modül HTML etiketini, Önyükleme boyutunu, başlık HTML etiketini ve başlık CSS sınıfını içerir. Modül konumunu ayarlayıp modülü sitede yayınladıktan sonra menü aşağıdaki gibi görünecektir:

3. Akordeon Menüsü CK

Genişleme sonuna kadar gerçekleşecekCMSJoomla'nın 2.5/3.X.

JoomlaCK stüdyosundan başka bir menü. Alt menü açıkken ek efektler eklemenizi ve sayfadaki modüle kolayca erişmenizi sağlar. Modülün bir özelliği de diğer modüllere eklenebilmesidir. Modüle ek olarak Hickashop ve Virtuemart için ücretli yamalar bulunmaktadır.

Uzantıyı yüklemek için standart prosedürden sonra, ekranda modülün başarılı kurulumuna ilişkin bir bildirim ve ondan önce belge alma talebinin yanı sıra herhangi bir modülü menü öğelerinden biri olarak eklemek için bir mesaj görüntülenir.

Modülün görüntü paneline giderek, modülde görüntülenecek menüyü, temel menü öğesini, son ve bitiş satırlarını seçebilir ve ayrıca görüntü için son ekleri ve görüntüleme türünü ayarlayabilirsiniz. "Efektler" sekmesinde, menü öğesinin görüntüleneceği aşamayı seçebilirsiniz ve fare imlecini görüntünün üzerine getirdiğinizde mesaj gösterilecektir, geçiş türü, aktif alt menünün efektlerini seçme ihtiyacı ; Promosyonlar için etkin olan menü öğesinin kimliğini de ayarlayabilirsiniz. "Stiller" sekmesinde menü için bir tasarım teması seçebilir, menü aydınlatıldığında ve menü aydınlatıldığında görüntülenecek resimlerin bulunduğu klasörleri belirleyebilir ve ayrıca bunlar için hizalama konumunu belirleyebilirsiniz. “Menü stilleri” sekmesi, menünün dış görünümü için çeşitli parametreleri ayarlamanıza olanak tanır: kenar boşlukları, arka plan, menü öğelerinin yuvarlanması, gölgeler ve kenar boşlukları. "Birinci düzey bağlantı stilleri", "İkinci düzey bağlantı stilleri" ve "Diğer düzey bağlantı stilleri" sekmelerinde, menü öğelerinde görünen metnin yazı tipini, metnin rengini ve arka planını değiştirebilirsiniz. "Üçüncü taraf uzantı Seçenekleri" sekmesi, "Hikashop" ve "Virtuemart" bileşenlerinin karmaşıklığını ayarlamak için tasarlanmıştır ve uygun yamaların kurulmasının önemini vurgular. Uzantının cüzdansız sürümünde mobil seçeneklerin özelleştirilmesi de mevcut değildir.

Başarılı bir işlem için modülü menü öğelerine bağlamanız, konumunu belirtmeniz ve yayınlamanız gerekir. Aşağıda sitedeki robot modülünün poposu bulunmaktadır.

4. Bootstrap için JB Açılır Menüsü

Genişleme sonuna kadar gerçekleşecekCMSJoomla'nın 2.5/3.X.

Yerleşik Joomla menü modülünü temel alan, Twitter'ın Bootstrap ve JBootstrap ile çalışan bir menü modülü.Modülün kurulumu standarttır.Modülü kurarken yalnızca sistem menülerinden birini, koçanı ve uç raventi seçmeniz gerekir. , ayrıca menü menü öğelerini görüntüleme yeteneği.yak Bu modüle bir konum atar ve onu yayınlarsanız, web sitesinde bir menü görünecektir:

5. DJ Menüsü

Genişleme sonuna kadar gerçekleşecekCMSJoomla'nın 2.5/3.X.

Mootools tarafından desteklenen açılır menülerin ve animasyonlu efektlerin yer aldığı menü. Modülün kurulumu standart prosedüre göre yapılır. “Modül” sekmesinde, modül üzerinde görüntülenen menüyü seçmeniz ve ayrıca eşlerinden geri kalanını seçmeniz, gerekirse küçük ekranlarda görüntülenen menüyü kapatmanız ve genişliğini buna göre ayarlamanız gerekir. . CSS3 Animasyonlar ve komut dosyası özellikleri sekmesi, menüye girerken ve çıkarken animasyon efektlerini, ayrıca animasyon hızını ayarlamanıza, alt menü kapatıldığında gecikme süresini, başlığın CSS sınıfını, HTML etiketini ve Önyükleme boyutu.

Ek modül için oluşturulan menünün son hali aşağıdadır.

CMS Joomla 3.x menüsü altında bir web sitesi oluşturmaya yönelik genel bakış modülünde tartışılanların tümü, alt sayfalarla bir menü oluşturmanıza olanak tanır. İncelenen modüller, bu ve diğer animasyon efektlerinin varlığına ve mobil cihazlarda görüntülenme olasılığına özellikle duyarlıdır. Bu nedenle, mobil kullanıcılara yönelik siteler için (ve giderek daha fazlası var), DJ-Menu modülüne öncelik verilmelidir. “Accordeon Menu CK” modülü harika çünkü başka bir modülün yerine takılabiliyor; Bootstrap modülü için JB DropDown Menu, incelediğimiz uzantıların en basiti ve en hafifidir ve örneğin Joomla menü modülüyle eşleştirildiğinde kötü görünmeyecektir. “Maxi Menu CK” modülünün işlevselliği etkileyicidir ancak catless versiyonunda gerekli finansal yatırımları hızlandırmak için tamamen çevrelenmiştir.

Joomla 3'te menü oluşturma

Bu dersimizde web sitenizde banner altında menü oluşturma sürecine bakacağız. CMS Joomla 3. Joomla altındaki web sitelerinde her türden menü oluşturabilirsiniz. Web siteniz için 3 ana menü türüne bakacağız

- Joomla 3

- Joomla 3

- Canlı menü Joomla 3

Başlangıç ​​menüsünün oluşturulması Joomla 3

Ana menünün altında, sitenizin sağ veya sol tarafında bulunan ve çeşitli öğeler içeren aynı standart menüye sahibiz. Örneğin web sitemizde hem sağ hem de sol taraftan orijinal menüye erişebilirsiniz.

Bu şekilde bir menü oluşturmak kolaydır. Öncelikle menü öğesinin genişletileceği konumu bilmeniz gerekir. Sitenizin konumunu incelemek için “? tp =1” yazın ve belirtilen adrese gidin. Örneğin,alan. ru/? tp=1. Sonuç büyük olasılıkla sitenizde yüklü olan şablondaki tüm konumları görüntüleyecektir.

Konumlar görüntülenmiyorsa, tüm bunlara rağmen bunları kaldırmanız gerekecektir. Bunları kaldırmak için bölüme gidin SİSTEM – ARKA PLAN KURULUMU – DESEN YÖNETİCİSİ.

ben bölümde MODÜL KONUMLARININ İNCELENMESİ değerleri ayarla – TEMİZLENDİ.

Küçük çocuk, temel bir dikey menü oluşturmak için 7, 4 ve 5 numaralı konumları seçebileceğinizi görebilir. Farklı şablonlarda, konumların numaraları ve adları küçükte gösterilenlerden farklı olabilir.

Mesela bir menü oluşturup 5. pozisyona ayarlamak istiyoruz. Şimdi gelin nokta nokta bakalım, nasıl yapılır.

1) Koçan için bölüme gidin MENÜ – MENÜ YÖNETİCİSİ

2) İşte bizim için bir nokta

3) Daha sonra menü seçenekleri bölümüne ilerleyin.

Aşağıdaki alanları doldurmanız gerekmektedir:

Başlık- Menünüzün adı. “Canlı menü”ye girebilir veya ona özel bir ad verebilirsiniz: “Balıkçılıkla ilgili istatistikler”

Menü Türü- kesinlikle ihtiyaç duyulmayan obov'yazkova sahası. Buraya ne istersen yazabilirsin. Başlık kısmından metni kopyaladığınızdan emin olun.

Tanım- Menünüzle ilgili birkaç cümle yazabilirsiniz. Alan gerekli değildir ve unutulamaz.

4) Şimdi bu menüyü genişletmek için bir pozisyon girmeniz gerekiyor. Menüyü “123” ismini girerek oluşturduk. Artık bölümden ayrıldılar MENÜ – MENÜ YÖNETİCİSİ.

5) “Bu tür menü için modül ekle” butonunun üzerinde kabartmalı

Buraya girmeniz gerekiyor:

Menü başlığı – menünüzün adını girin.

Başlığı göster – başlığın sitede görünmesi için GÖSTER'i istediğiniz gibi ayarlayın.

Değirmen – YAYINLANAN'ı yükleyin

POZİSYON bölümünde menünün genişletileceği konumu belirtmek sizin sorumluluğunuzdadır

Örneğin, sitede bir şablon var - Lightbreeze-blue - bu, onu seçtiğiniz ve menünün genişletileceği konumu belirttiğiniz anlamına gelir!

Menü sitede görüntülenmeyecekse 1 öğe istiyorsanız dock oluşturamazsınız. Menü öğesi oluşturmak için MENÜ bölümünden oluşturulan menüyü seçmeniz ve pencereden bölümü seçmeniz gerekir.

Bundan sonra onu menü öğesinin yan tarafına koyacağız.

Burada menü başlığını girin ve

Joomla, kullanıcılarına menü için çok çeşitli modülleri gösterir. Tüm bu modüller bir sonraki derste tartışılacaktır. Aynı materyali görüntüleyen bir menü öğesi oluşturmaya çalışacağız. Değerin kimin için seçildiği MALZEMELER – MALZEME.

Sonuç olarak, öne geçebilirsiniz

Bildiğiniz gibi Joomla'da menü oluşturmak kolaydır ve fazla zaman almaz.

Joomla 3'te üst menüyü oluşturma

Zengin koristuvachiv-pochatkivtsiler arasında CMS Joomla 3 Web sitenizde üst ve yatay menü öğelerinde sorunlar var. Katlanabilir bir şeyi olmamasına rağmen. Böyle bir menü oluşturma sürecine daha yakından bakalım. Bu işlem Joomla'da başlat menüsü oluşturmaktan biraz farklıdır.

1) Sitenin bölümüne gidin MENÜ – MENÜ YÖNETİCİSİ

2) Bir menü oluşturmak ve TOP MENU adını vererek yeni bir menü oluşturmak için tuşuna basın.

3) Artık menümüzün genişleme yerini sitenin üst kısmında belirtme olanağımız var. Arama sırasını girdikten sonra bariz konumlara tekrar bakıyoruz.alan. ru/? tp=1 (de alan. ru - Sitenizin adı).

Aslına bakılırsa sitemizin üst kısmında yalnızca 2 konum bulunmaktadır – Konum 2 ve Konum 1.

Şimdi bölüme geçelim MENÜ – MENÜ YÖNETİCİSİ ve düğmenin üzerinde kabartmalı

Tıpkı ana menüde olduğu gibi bir başlık yazıyoruz. Ve konum bölümünde konum 1 veya 2'yi seçin.

Artık menü öğelerini oluşturduktan sonra üst menünüz web sitemizdekiyle aynı görünecek.

Görünen bir menü oluşturun Joomla 3

Ayrıca ekranda görünen menü hakkında da bilgi edinmek isterim. Joomla 3. Tereddüt etmek kolaydır. Başlamak için menünün kendisini ve seçmeniz gereken menü öğelerini oluşturmanız gerekecektir.

Bu amaçla adı verilen ana menüyü oluşturuyoruz. "Malzeme grubu" ve “Öğe 1” ve “Öğe 2” menüsünün iki alt öğesi. Menü alt öğelerini ana öğeye bağlamak için, BATKIV alanında alt öğeler oluşturulduğunda, “Malzeme grubu” açılır kutumuzdaki ana menü öğesini belirtin. Sonuç olarak aşağıdaki resimde gösterilen görünümün aynısına sahip olacaksınız.

Bundan sonra “Malzeme grubu” ana menüsünün ayarlarına gidin ve bölümdeki SO değerini ayarlayın.

Sonuç olarak artık menüye manuel olarak erişemiyoruz.

Visnovok

Temel besinsel faydalara baktığımız ders Joomla 3'teki menü menüsü . Yiyecek sorununuz varsa onlara sorabilir ve bu yazıya yorum ekleyebilirsiniz!

JED puanı: başlık – 28, işlevsellik – 50, destek – 23, belgeler – 28.

BM Cool Menüsü- favorilerimden biri CMS Joomla 3 için ücretsiz ve yangınsız modüller . Sadeliği ve kısalığı, uyarlanabilirliği (kedisiz seçeneklerde nadiren bulunur) ve manuel olarak kolayca ayarlanma yeteneği hoşuma gidiyor. Tamamen görsel olarak bu uzantının herhangi bir etkisi olmadı, ancak CSS dosyasında doğru değişiklik yapıldığında hiçbir sorun yaşanmadı. Joomla JED kataloğundaki modülün düşük derecelendirmelerinin, manuel ayarlama ihtiyacıyla açıklandığını düşünüyorum. Göründüğü kadar karmaşık değil. Tim dahası, CSS dosyasını kendim ve sizin için özelleştirmenin ayrıntılarını ayrı bir dosyaya kaydettim.

Bu modül, Joomla 3 kullanarak sitelerinde basit, uyarlanabilir, yatay ve tamamen ücretsiz bir menüye ihtiyaç duyanlar için idealdir. zengin bir menüyü destekler ama özellikle bazı sitelerde şarkılarla ilgili sorun yaşıyorum. Henüz onlara bakmadım çünkü diğer seçenekleri biliyorum; Ayrıca jQuery kütüphaneleri arasında çoğunlukla bir çelişki olduğuna da saygı duyuyorum.(Nasıl yorumladığımı aşağıda açıklayacağız. Sağdaki jQuery değil). Tek seviyeli menüler için büyük-alt modül en uygunudur. Sitelerimin çoğunda vikorista yogo yapıyorum.

BM Cool Menu modülünün demosu

Bu sitenin başlığında modülün bir demosu sunulmaktadır. Bu, altbilgide kopyalanmıştır. Zengin bir yapıya sahip olan bu menünün nasıl çalıştığını buradan görebilirsiniz.

Maliyetsiz uyarlanabilir menü modülünün ayarlanması BM Cool Menu

Joomla 3'te uyarlanabilir bir menü oluşturmak için (ancak hem bilgisayarlarda hem de mobil cihazlarda iyi tasarlanmış) bu ücretsiz ve güvenli modülün kurulumu aşağıdaki öğeleri içerir:

• Alt Menü Öğelerini Göster- Alt paragrafları göster no.
• Metin rengi- Metnin rengi.
• Fareyle üzerine gelindiğinde metin rengi- fareyle üzerine gelindiğinde metnin rengi.
• Menünün arka planı- arka plan rengi menüsü.
• Arka plan görüntüsü- arka plan olarak resim (css formatında ayarlanmış)
• Kenarlığı göster- Çerçeve numarasını gösterin.
• sınır yarıçapı- çerçevenin kenarlarının yuvarlanma yarıçapı.
• Sınır rengi- Çerçeve rengi.
• Aktif arka plan- Aktif menü öğesinin rengi.
• jQuery'yi yükle- jQuery kütüphanesinden birini bağlayın.

Axle, sakin ol, her şey çözüldü. Basit ve özlü bir şekilde bitirin. Özellikle daha az maliyetli modüller daha duygulu, daha az hantal ve esnek, hayatta hiç kullanmadığım çok sayıda seçeneğe sahip.

BM Coll Menü stillerinin manuel olarak ayarlanması

Şimdi Joomla 3 BM Cool Menu'de uyarlanabilir bir menü oluşturmak için modülü manuel olarak özelleştirme hakkında birkaç söz söyleyeceğim. Yuvarlatılmış kenarlar (kenarlık yarıçapı) ve çerçeve (kenarlık rengi) eklemeyi seçtiğimde sorun yaşıyorum. Bilgisayardaki yönetici panelinde yapılandırılan modülde gerekli değişiklikleri ışıklı modda (tüm sayfada) yaptıktan sonra, menüde tüm değişiklikler, koruma mobil cihazlarda ve ışıklı pencerede görüntülendi. Hem çerçeve hem de yuvarlama yapıldı. korunmuş. Bundan önce, kalın görünümlü modül her zaman yükseliyor ve daha yüksekteki başka bir modülün bir kısmını kendisiyle kaplıyordu. Menünün görüntüsünü, tüm öğelerin ortaya hizalanacağı şekilde ayarlamak istedim. Örneğin sağ tarafta, 4:3 bilgisayar ekranında her şey tamamen eşit ve düzgün görünüyordu, ancak menünün 16:9 ekseni sola doğru basılmıştı ve sağa bakmıyordu. Artı, her şeyden önce menü öğelerini ayıran açık bir renk seçmeye karar verdim.

Çözüm, modülün css dosyasındaki belirli satırları değiştirerek veya bunlara yorum yaparak bulundu: /modules/mod_bm_cool_menu/assets/css/style.css. Her olayla ilgili eski dosyayı altlarında boş bir görünümden kaydettim eski tarz.css. Ve yenisinde değişiklikler yaptım.

Menü düzeni ortada

Sınıfta .bm-cool-menü değiştirdim kayan nokta:sol; Açık satır içi:blok;(29. satır) ve böylece 37. satırı tamamlıyoruz .bm-cool-menü a. Ayrıca 10. sınıfa bir satır ekleniyor .bm-cool-menü: metin hizalama:ortalama;

Menü öğeleri arasındaki beyaz bölüm çizgisini seçiyorum

30. sırayı kimin için yorumlayacağım. Unutanlar veya nasıl devam edeceğini hiç bilmeyenler için: /*border-right: katı ince #fcfcfc;*/

Cep telefonlarında menü ekranının ek olarak özelleştirilmesi

Menünün, sınıfta en iyi bulunan modülü (veya logoyu) kapsamadığından emin olun. .bm-cool-menü-tetikleyici(Satır 167 ve altı) Canavara erişim ekledim: kenar boşluğu üst:10px;

Menü çerçevesinin ve yuvarlatılmış köşelerin mobil versiyonda görüntülenmemesi için 173. satırların yanı sıra 175 ila 180. satırları da yorumladım.

Arşivin ortasındaki style.css dosyasını modül ile değiştirdim doğrudan talimatlar için. Vin çağrıldı mystyle.css. Stilleri manuel olarak değiştirmekle uğraşmanıza gerek yoksa, bunu basitçe şu şekilde değiştirebilirsiniz: stil.css.

Yaptığım değişikliklerin artık aynı menüye değmediğini size yüksek sesle söyleyeceğim. Ancak benzer değişiklikleri torbalı yapı için yapmak zordur.

Mobil versiyonda menünün adını değiştirme

Ve çok küçük ama çok önemli bir detay eksikti. Kelimeyi değiştir Menü, mobil sürümde sayfaları görüntülerken veya sayfalar tarayıcıda küçük uçta gizlendiğinde Latince yazılır. Bunu dosyaya girme ihtiyacını değiştirmeniz gerektiğini varsayabilirsiniz, ancak bunu yapmayın. Yoldaki dosyaya kendi menü başlığınızı koyma zorunluluğu vardır: /modules/mod_bm_cool_menu/tmpl/default.php(Satır 14).

Bu kadar. Golovne, öyle görünüyor ki anladım. Bu modül için en önemli kişinin ben olduğumu dürüstçe biliyorum ve değerlendirmelerimi merak ederek başlangıçta bu konuda şüpheciydim. Diğer seçenekleri denediyseniz ve resmi katalogda çok az sayıda ücretsiz ve güvenli uyarlanabilir menü bulunduğunu fark ettiyseniz, bu noktaya geri döneceğim ve onu ayarlamaya başlayacağım. Sitelerimin çoğunda vikorist olduğumu söylüyorum.

BM Cool Menu'nün çalışmamasıyla ilgili büyük sorun

Bildiğim kadarıyla sorun hemen ortaya çıkıyor: Sahip olduğum birçok sitede BM Cool Menu, üzerine gelindiğinde veya dokunulduğunda alt öğeleri açmıyordu. Uzun zamandır bir çeşit senaryo çatışması olabileceğini düşünüyordum. Buna geri dönme zamanı geldiğinde, tamamen temiz, yeni kurulmuş bir Joomla 3 sitesinde menünün açılmadığına karar verdim. Sonra sağda hiçbir çatışma olmadığı bana netleşti. Kanıtlanmış sonuçlarla ve çok sayıda sinir hücresi pahasına, bunu hâlâ tespit edebildim. gırtlakta sorun ve zengin menünün görüntülenmesi BM Cool Menu Konum-1'de standart Joomla Protostar şablonundan farklı görünür. Bu modülü herhangi bir konuma (örneğin, banner) yeniden düzenledikten sonra diva belirir ve çalışmaya başlar.

Konum-1'deki menüyü kesinlikle genişletmeniz gerektiğinden, indeks dosyasını Protostar şablonuna (şablonun kökündeki index.php - / şablonlar / protostar / index.php) biraz ayarlamanız gerekecektir. Sağ tarafta, bu konumu tamamladıktan sonra, Joomla 3 gezgin menüsünün birinci sınıfından konteyner gezintisini sarın. Bu "sarmalayıcıyı" gördükten ve stili "hiçbiri" yerine "xhtml" olarak değiştirdikten sonra, BM Cool Menu modülünde gerektiği gibi çalışmaya devam edebileceğiniz konum 1'i kaldırıyoruz.

Bu parçayı biliyoruz:

nav sınıfı = "gezinme" rolü = "gezinme">

1. ve 3. satırları sileriz ve diğer satırdaki “none”u da “xhtml” ile değiştiririz. Eksen ve her şeye karar verildi.

BT Content Slider tarafından gönderildi – kaydırıcı görünümüne yeni öğeler eklemek için bir modül

BM Cool Menu modülünün resmi DEMO'su

Resmi Joomla uzantı kataloğundaki BM Cool Menu modülünün tarafı

BM Cool Menu modülünün resmi web sitesi

BM Cool Menu modülünü mümkün olan en kısa sürede etkinleştirin

Joomla modüllerine adanan bu derste size, sitenin kenarlarında menüleri görüntülemek için harika bir modül göstereceğim.

Nerede yatmalı?

"Menü" modülünün dizini sitenin kök klasörünün /modules/mod_menu dizininde bulunur. Katalogda sistem modülleri için standart dosyalar bulunur:

• tmpl dizini;
• Dosyalar helper.php;
• mod_menu.php;
• mod_menu.xml.

Ne istiyorsun?

Bir Joomla sitesindeki Menü modülünün, sitede daha önce oluşturulmuş herhangi bir menüdeki modüllerin konumunu göstermesi gerekir.

Bu modül açılır menü stilini desteklemez ve menü öğelerini liste görünümünde görüntüler. Bu, modül ana menü şablonunun konumuna yerleştirildiğinde, açılan menüyü GÖSTERMEYECEĞİNİ, ancak menü öğelerini bir liste olarak göstereceği anlamına gelir.

Siteye menü oluşturmak için ana menü olarak seçtiğiniz menü olan siparişin şablonunu özelleştirmeniz gerektiğini hatırlatayım.

Nasıl oluşturulurum?

Menü modülü oluşturmak için kimlik bilgilerine sahip olmanız gerekir. Bu modül yalnızca bir süper yönetici tarafından oluşturulabilir.

• Yönetim panelinin ana menüsünden Modüller sekmesine gidin;
• Sekmenin araç çubuğunun üzerinde kabartmalı bir "Oluştur" düğmesi bulunur;
• Modül türleri listesinden Menü türünü seçin;
• Menü modülünü 4 sekmede yeniden ayarlamamız gerekiyor. Hadi kurtaralım;
• Menünün tamamı oluşturuldu, önbellek temizlendikten sonra site artık sitede görünecektir.

Joomla menü modülünü kurma

Menü modülünü özelleştirmek için 4 sekmeye hayran kalın.

Sekme 1 - Modül

Ana sekme ayardır. Burada

Modülün adını hatırlayalım;

Modülün adını eklemek istiyorsanız hemen sağ taraftaki “Başlığı göster” kontrolüne ekleyin;

Alanlarda özelleştirmeniz gerekir: menünün kendisini, neyi göstermek istediğinizi (1) seçin, temel menü öğesini seçin (2), ilk (3) ve son menü öğesini (4) seçin ve ekranı seçin menü alt öğelerinin (5).

Ayarlamalar (2), katlanır site yapısıyla menüyü temel menü arasında taşımanıza olanak tanır. Öneriler için belirli bir menü öğesini seçerseniz, temel menüde en yakın etkin menü öğesi seçilecektir.

Ön (3) ve son (4) menü öğesi eklemek, uzun menüleri kısaltmanıza ve daha karmaşık bir site yapısı oluşturmanıza olanak tanır. Menü alt öğeleri (5) benzer ayarları gösterir.

Sekmenin sağ tarafında başlığın (6), konumun (8) ve şablonun (7) konumunun görüntülenmesi zorunludur. Meyveler için başka bir düzenleme.

sınıf = "eliadunit">

“Sipariş” alanlarına tıklayın, burada oluşturma modülünü bu pozisyonun modülleri arasında sıralayabilirsiniz. Bu, modül tablosunda modülü sürükleyerek yapılabilir.

Site yöneticileri için “Not” oluşturulur ve modüller tablosunda görünür.

"Yayını başlat", bir modülün yayınlanma tarihini tarihe göre planlamanıza olanak tanır.

Sekme 2 - Tuttur

Burada sitenin hangi sayfalarının bu modülü göstereceğini seçmelisiniz. Planların arkasında “Her tarafta” bir kılavuz var.

Görüntülenen sayfaların seçimi, “Herkes için…”, “Her gün”, “Yalnızca belirtilenlerde”, “Tüm amaçlar için” filtresindeki menü öğeleri altında gerçekleştirilir.

Örneğin katlama modülünü sadece ana sayfada görüntülemek istiyorsunuz. Bunu yapmak için, filtrede "Yalnızca listelendi" seçeneğini seçin ve ana sayfa menüsüyle (seçili materyaller) birlikte menü listesindeki onay işaretine bakın.

Sekme 3 - Ek ayarlar

Burada, şablonunuz ek modül stillerine sahip olduğundan veya modüller için bu tür stilleri kendiniz yarattığınızdan, modül için benzersiz bir dış görünüm ayarlayabilirsiniz.

Rastgele yapabilirsiniz. Buraya “Menü sınıfına son ek” ve “Modülün CSS sınıfına son ek” bilgilerinizi girin ve ardından kendi CSS kuralınızı o modüle ekleyin.

Diğer modüllere ek olarak açılır menünün (Hesap Konumu) Java Script stillerinde de değişiklik vardır.

Sekme 4 - Haklar

Birçok ticari sitede birden fazla yöneticiyle sigorta kapsamına yeniden başvurmanız gerekecektir.

Tüm alanları doldurduktan sonra menü modülünü Joomla sitesine kaydetmeniz ve önbelleği temizledikten sonra sitede görüntülemeniz gerekir.

Visnovok

Bu dersimizde Joomla web sitesindeki Menü modülüne baktık. Teknik ve bilgilendirici gezinme için ek menülerle site için tam teşekküllü bir altbilgi oluşturmak için çok iyidir.

Joomla'da menü oluşturmak sitenizde gezinmenin en önemli unsurlarından biridir. Menü, sayfalarda gerekli materyali kolayca aramanıza olanak tanıyarak bölümler ve kategoriler arasında hızlı bir şekilde geçiş yapmanızı sağlar.

Joomla'da menü oluşturma

Yönetici panelinde, Menü Yöneticisi Menüsünü bulacaksınız; size kolaylık sağlamak için, ana menüde, aşağı açılan bir öğenin bulunduğu Ana Menüye erişebilirsiniz - Bir menü öğesi oluşturun, Ana Menü'yü seçin.

Joomla'da menü oluşturmanın üç yolunu göstereceğim.

İlk yöntem - kategori blogu

İlk menü öğesi oluşturulur – Arabalar, Blog kategorisi seçtiğiniz menü öğesi türünde, kategoriyi seçin – Arabalar, tüm pencere – Ancak bu, içeriğin aynı sekmede olacağı anlamına gelir, menü – Ana Menü gereksizdir nasıl olduğu hakkında, Babanın elementi – Kök menü öğesi Yani, ilk element gibi her zaman diğer tarafta olacak. Stan - menü öğesinin sitede görünmesi için yayınlandı.

Arabalardan Motosikletlere ve Bisikletlere kadar tüm eylemler tekrarlanabilir ve tüm kategoriler için menü öğeleri oluşturduk.

Modül listesinde değişiklik yapmak için modülün Ana Menüsüne (üst menü) tıklayın,

ve kendisi: Menü modülünün konumu, menü alt öğelerini gösterme - yani,

Web sitemize gidelim ve şablonumuzun üstünde bir menünün göründüğünü fark edelim.

Bir menü türü - blog kategorisi oluşturduktan sonra, sayfadaki menü öğesine tıkladığınızda alt kategorideki tüm istatistikler görüntülenecektir: motosikletler,

bisikletler

І arabalar.

Başka bir yöntem - katı malzeme

Motosikletler menü öğesini değiştirin, adını Java olarak değiştirin, "mototsikly" takma adını temizleyin, aksi takdirde onu ölüme götürebilirsiniz,

Menü öğesinin türü eklenebilir malzemedir ve malzemenin kendisi de seçilebilir Java'dır.

Diğer menü öğeleri için de aynı prosedürü uyguluyoruz,

hadi web sitesine gidelim ve görelim,

Üçüncü yöntem - açılan menü

Tekrar Motosikletler menü öğesini oluşturabilirim, menü türü – sistem ayarları – başlık,

menü öğesinin takma adını (takma adını) temizleme,

Hadi kurtaralım. Java materyalini açıyoruz ve beliren kutuda Baba'nın öğesi -Motosikletler seçiliyor.

Artık Java menü öğesi, Anavatan Motosikletleri öğesinin bir yan kuruluşudur.

Aynı şeyi Baba'nın motosikletler noktasında belirttiği ve bisiklet ve arabaların da diğer istatistiklerle benzer bir sıralamada yer aldığını belirten Harley için de görelim.

Haydi siteye gidelim ve görelim,

Böylece menümüz, imleci menü adının üzerine getirmeniz dışında, ilk yöntemdeki menüye benzer hale geldi.

Daha sonra makalelere yönlendiren açılır alt öğeleri göreceksiniz.

Bu şablonun kendisinde, imleci menü başlığının üzerine getirdiğinizde açılış menüsü görünür.

Diğer giriş noktalarını ortaya çıkarmak için bu isme de tıklayabilirsiniz. Alt menü öğelerine tıklamak, diğer tüm yöntemler gibi sitedeki materyali açacaktır.

Joomla'da menü oluşturmanın bu ana yöntemlerinden hangisini seçmek istersiniz? Tek bir menüde tüm yöntemleri aynı anda seçebileceğinizi belirtmek isterim ancak çekinmeyin, kategoride çok fazla materyal varsa ilk yöntem kolaydır ve sitenize girdiğinizde doğrudan gidin. konudan bölüme yani ne karalamalı. Bir bölümün materyalleri için metni gönderilecek olan materyal için gönderiler oluşturularak başka bir yöntem değiştirilebilir, üçüncü yöntem ise menüdeki bölüme ait makalelerin listesine hızlı bir şekilde bakmanızı sağlar bence, bu en iyi seçenektir. Menüyü ayrıca site haritasında bir gönderi oluşturmak, kayıt formu oluşturmak, harici bir kaynağa gönderi eklemek... ve çok daha fazlası için de kullanabilirsiniz, ancak diğer seçenekler hakkında başka bir zaman konuşacağız.

Bu video Joomla'da nasıl menü oluşturulacağını gösterir:

Videoyu tam ekran modunda izlemenizi öneririz; 1080HD, unutma YouTube kanalına abone olun Orada sık sık dışarı çıkıp izleyebileceğiniz birçok harika video bulacaksınız. İyice bir bakacağım!