Modul de meniu vertical pentru joomla 3. Cum să faci un meniu în Joomla, trei moduri de a crea un meniu în Joomla. Versiunea gratuită a DJ-MegaMenu

De la autor: Salutări, dragi cititori. Un meniu este un element de care niciun site de pe Internet nu se poate lipsi, deoarece acest bloc simplifică foarte mult navigarea și oferă acces la paginile principale ale părții de utilizator a site-ului. Mai mult, dacă site-ul este destul de complex și conține un număr mare de pagini, numărul de link-uri de meniu va fi și el mare, ceea ce înseamnă că pentru a salva spatiu liber, meniul este creat pe mai multe niveluri. Prin urmare, în acest articol vom vorbi despre cum să creați un meniu derulant în joomla 3.

În esență, este încorporată funcționalitatea unui meniu cu mai multe niveluri versiunea de bază Joomla, la fel ca și categoriile cu mai multe niveluri, este un manager de conținut. Dar, în ceea ce privește afișarea meniului derulant, există o mică problemă, care este aceea în diferite șabloane același meniu cu mai multe niveluri va fi afișat diferit. De exemplu, în șablonul standard CMS Joomla – Photostar, un meniu derulant cu mai multe niveluri va fi afișat foarte bine, folosind funcționalitatea absolut standard.

În același timp, un alt șablon standard Beez3, în general, după părerea mea, nu se afișează corect acest meniu.

Mai mult, elementele copil apar numai atunci când utilizatorul face clic pe elementul părinte. În plus, un meniu drop-down în Joomla poate fi implementat folosind extensii speciale care, pe baza datelor managerului de meniu, afișează corect link-uri de meniu pe mai multe niveluri.

Deci, mai întâi, să definim structura de legături a viitorului meniu și apoi să vorbim despre afișarea lui pe ecran. Deci, accesați managerul de meniu și creați un nou meniu.

Pe pagina următoare indicăm titlul meniului, numele sistemului acestuia, scurtă descriereși faceți clic pe butonul „Salvare”.

În acest caz, pentru a crea legături de meniu părinte, în câmpul „Element părinte”, trebuie să selectați valoarea „Element de meniu rădăcină”. Odată ce toate elementele părinte sunt create, începem să creăm elementele copil.

Vă rugăm să rețineți că atunci când creați un link copil în câmpul „Element părinte”, trebuie să selectați elementul de meniu părinte creat anterior. Astfel, elementele copil vor forma partea derulantă a meniului, cu excepția cazului în care, desigur această oportunitate susținut de șablon. După adăugarea tuturor linkurilor necesare, vom obține următoarea structură în managerul de meniu.

Deci, pentru CMS Joomla meniul drop-down este aproape gata, tot ce rămâne este să creați un modul care să-l afișeze în poziția necesară a șablonului. Aceasta înseamnă că mergem la „Managerul de meniu” și creăm un nou modul de meniu.

Tendințele actualeși abordări în dezvoltarea web

Aflați algoritmul pentru o creștere rapidă de la zero în construirea site-ului web

La configurarea unui modul, indicăm titlul acestuia, selectăm poziția de afișare în șablon și paginile pe care va fi disponibil și nu uitam să selectăm meniul afișat în câmpul „Selectare meniu”.

După salvarea modulului, mergeți la partea utilizator pentru a verifica.

După cum puteți vedea, pentru șablonul Photostar meniul este afișat perfect, dar pentru un alt șablon puteți întreba cum să faceți un meniu drop-down în joomla 3. Răspunsul este destul de simplu - utilizați o extensie terță parte. Și în acest articol ne vom uita la un modul numit ARI Ext Menu.

Făcând clic pe butonul „Descărcare”, suntem redirecționați către site-ul web al dezvoltatorului, unde este furnizat un link pentru descărcarea modulului.

După descărcare, instalați extensia într-un mod standardși accesați managerul de meniu pentru a-l activa.

Modulul este destul de funcțional și conține un număr mare de setări diferite, pe care nu le voi revizui acum, mai ales că aproape toate sunt responsabile pentru aspectși necesită testare simplă. Principalul lucru este că trebuie să specificați un titlu, să selectați o poziție de afișare în șablon, să schimbați starea la „Publicat” și în câmpul „Numele meniului” să selectați meniul care va fi afișat în modul.

De fapt, după salvare vom vedea următorul rezultat.

Adică, modulul își finalizează cu succes sarcina.

Acum știi cum să faci un meniu derulant în Joomla. Dacă doriți să studiați structura modulelor la nivel de cod mai detaliat, veți găsi util noul nostru curs.

Aceasta încheie acest articol! Toate cele bune pentru tine și codare fericită!!!

Tendințe și abordări moderne în dezvoltarea web

Aflați algoritmul pentru o creștere rapidă de la zero în construirea site-ului web

Revizuirea va avea loc în cea mai recentă, la momentul scrierii (07/01/2016), Versiunea rusă DJ-MegaMenu 3.4.1, Joomla 3.5.1 în șablonul JM Real Estate Ads 1.0.2. Vă rugăm să rețineți că există mai mult de două duzini de șabloane de site web profesionale gata făcute pentru DJ-MegaMenu. Puteți citi despre unele dintre ele în. În articolul „Lecție video pe DJ-Catalog. Crearea unui magazin online de la zero (partea 3) » arată un exemplu de configurare noua versiune DJ-MegaMenu.

Există o versiune gratuită a acestui modul de meniu - DJ-MegaMenu Light și o versiune complet redusă DJ-Menu.

Caracteristici ale mega meniului pentru Joomla

Să ne uităm la principalele caracteristici ale DJ-MegaMenu.

  • Posibilitatea de a configura fiecare element de meniu separat folosind opțiuni avansate din manager meniul Joomla. Nu uitați să activați pluginul DJ-MegaMenu. Adăugarea de pictograme, subtitluri, setarea unui fundal (o imagine care indică alinierea verticală și orizontală), capacitatea de a afișa/ascunde fiecare element individual de meniu într-un meniu mobil sau obișnuit. De asemenea, puteți seta o cheie de acces care vă va permite să navigați la partea dorită a paginii folosind tastatura.
  • Posibilitatea de a crea un submeniu cu mai multe coloane (cu setarea lățimii coloanelor), submeniu arbore sau obișnuit (imaginea de mai jos).
  • Adăugarea pictogramelor (Bootstrap sau Font Awesome) la elementele de meniu. Posibilitatea de a afișa pictograme în meniul mobil sau obișnuit.
  • Adăugarea diferitelor efecte de animație CSS3 pentru apariția și dispariția (mai mult de 30). Setarea orei de deschidere și închidere a submeniului. Setarea direcției de deschidere și a capacității de a extinde submeniurile făcând clic sau trecând cu mouse-ul.
  • Adăugarea de module în meniu (imaginea de mai jos) (cu setarea stilului de afișare a modulului).

  • Meniu fixat. Posibilitatea de a fixa un mega meniu orizontal pentru Joomla în partea de sus a paginii atunci când derulați.
  • Posibilitatea de a adăuga o siglă la meniul fixat, de a-l alinia și de a ajusta indentarea.
  • Setări de culoare convenabile pentru elementele de meniu din partea administrativă Joomla, fără a fi nevoie să editați fișiere CSS.
  • Două teme preconfigurate meniu orizontal.
  • Acest modul de meniu Joomla este adaptiv (responsiv). Asistență completă pentru lucrul cu meniuri folosind tactile (ecranele tactile) și dispozitive mobile dispozitive iPhone, iPad, Android, Windows Phone.

  • Posibilitatea de a alege unul dintre mai multe tipuri meniul mobil cu setări de fiecare tip. De exemplu, poziția, tema de design (luminoasă și întunecată), alinierea, logo-ul, prezența unui meniu „off canvas” (meniu extras).
  • Abilitatea de a personaliza culorile elementelor de meniu mobil din Administratorii Joomla fără a fi nevoie să editați fișiere CSS.
  • Posibilitatea de a personaliza starea submeniului mobil (restrâns, extins, toate elementele submeniului din meniul activ sunt extinse)
  • Posibilitatea de a insera un modul în meniul „off canvas”.
  • Configurarea unui meniu „off canvas” (listă sau acordeon), adăugarea unui logo. Disponibilitatea a 14 efecte. Posibilitatea de a insera un buton pentru a deschide un meniu mobil în orice parte a paginilor.
  • Suport complet pentru navigarea prin meniu conform WCAG 2.0 (Secțiunea 508) pentru persoanele cu dizabilități.
  • Suportă Joomla 3.x și 2.5.
  • Pluginul și modulul mega meniu pentru Joomla au fost traduse în rusă.
  • Disponibilitatea de sfaturi instrumente în limba rusă pentru opțiunile modulelor.
  • Documentare bună și suport tehnic(în limba engleză).

Versiunea gratuită a DJ-MegaMenu

Există o versiune gratuită a DJ-MegaMenu - DJ-MegaMenu Free Edition. Dar există limitări în versiunea gratuită în ceea ce privește funcționalitatea:

  • Nu există nicio opțiune de selectare a culorilor pentru mega meniul Joomla și elementele de meniu mobil.
  • Nu este posibil să inserați module în meniuri și meniuri mobile.
  • Nu există nicio modalitate de a fixa meniul orizontal Joomla în partea de sus a ecranului.
  • Nu este posibil să setați intervalul de întârziere înainte de a deschide un submeniu.
  • Nu este posibil să plasați un buton de meniu mobil în niciun loc dorit din șablon.
  • Nu puteți modifica setările fiecărui element de meniu pentru următoarele opțiuni: lățimea coloanei, tipul submeniului (arboresc sau listă derulantă), direcția de extindere a submeniului.

În general, configurarea DJ-MegaMenu este similară cu configurarea oricărui alt meniu:

  1. Creați un meniu în managerul de meniu.
  2. Creați elemente de meniu în acest meniu.
  3. Instalați DJ-MegaMenu.
  4. În setările modulului DJ-MegaMenu, specificați numele meniului creat și publicați modulul de meniu în poziția dorită a șablonului.

Toate celelalte tincturi și crearea de stiluri sunt subtilități. Acest articol are un tutorial video despre configurarea unui meniu Joomla obișnuit (trebuie să începeți să vizionați videoclipul de la 24:13).

Mai multe DJ-MegaMenu „subțiri” sunt situate în trei locuri diferite:

  1. Setările modulului de meniu Joomla (în managerul de module). Tastați „DJ-MegaMenu”.
  2. Setările modulului pentru butonul meniului mobil (în managerul de module). Tastați „DJ-MegaMenu - Butonul de meniu mobil”.
  3. Setări pentru fiecare element de meniu din managerul de meniu Joomla. Pentru ca acestea să apară, trebuie să activați pluginul „DJ-MegaMenu System Plugin” în managerul de pluginuri.

Setările modulului de meniu Joomla sunt împărțite în trei file: Modul, opțiuni de animație și script CSS3, setări pentru meniul mobil. Aproape toate opțiunile sunt echipate cu sfaturi suplimentare (în rusă) sau sunt clare din nume. Doar cei mai interesanți, în opinia mea, vor fi luați în considerare. De asemenea, aceleași opțiuni pentru toate modulele și elementele de meniu nu vor fi afectate.

Pe prima filă Modul (imaginea de mai jos) Specificați numele meniului Joomla pe care doriți să-l afișați. De asemenea, puteți configura opțiuni pentru afișarea pictogramelor și subtitrărilor elementelor de meniu, în funcție de meniul care este afișat utilizatorului. În plus, puteți dezactiva/activa adăugarea de Fonturi Awesome. Acest lucru este util atunci când utilizați pictogramele elementelor de meniu din Font Awesome (set de stil). Dacă acest set este deja încărcat de un șablon de site sau de altă extensie, îl puteți dezactiva pentru a preveni încărcarea din nou a stilului și pentru a optimiza viteza de încărcare a site-ului.

Fila conține în principal setări pentru efectele de animație din meniu (imaginea de mai jos). De asemenea, puteți seta tipul de submeniu (arboresc sau listă derulantă), direcția de deschidere a listei derulante de submeniu, acțiunea care va deschide submeniul (făcând clic, trecerea cu mouse-ul) și să activați/dezactivați compatibilitatea îmbunătățită a meniului pentru controlul tastaturii (WCAG 2.0 (secțiunea 508)). Vă rugăm să rețineți că unele dintre aceste opțiuni, de ex. Lățimea coloanei în pixeli, poate fi suprascris pentru anumite elemente de meniu în setările fiecăruia dintre ele în managerul de meniu.

Fila (imaginea de mai jos) conține opțiuni care vă permit să configurați versiunea mobilă a meniului. Mai mult, alegând unul dintre cele 3 „tipuri” de meniuri mobile, vei avea acces la diferite setări.

Să ne uităm la unele setările elementelor de meniu în managerul de meniuJoomla(poza de mai jos).

Dacă creați un submeniu cu mai multe coloane, atunci pentru a defini o nouă coloană trebuie să activați opțiunea Începeți o nouă coloană (punct de întrerupere) pentru elementul de meniu din care doriți să începeți o nouă coloană. Elementele sale imbricate vor apărea în această coloană. De asemenea, puteți seta lățimea noii coloane în pixeli (va suprascrie lățimea specificată în setările modulului).

În aceste setări DJ-MegaMenu puteți adăuga imagine de fundal element de meniu, precum și adăugați modul(creează poziție). În acest scop este suficient în domeniu Poziția modulului sau Poziția modulului mobil(în funcție de meniul în care doriți să adăugați modulul) indicați numele poziției șablonului din care doriți să afișați modulele în meniu. Puteți specifica fie o poziție existentă, fie una arbitrară. Dacă ați specificat unul arbitrar, atunci în setările modulului pe care doriți să îl afișați în meniu, specificați această poziție în setare Poziţie.

În setările modulului, butoanele meniului mobil(poza de mai jos) nu este nimic special. Puteți selecta ce modul DJ-MegaMenu să fie activat făcând clic pe acest buton și puteți seta sufixul de clasă CSS al modulului pentru a defini aspectul butonului.


Russifier DJ-MegaMenu

După cum puteți vedea, crearea unui mega meniu orizontal pentru Joomla cu extensia DJ-MegaMenu este destul de simplă. Permiteți-mi să subliniez încă o dată că este foarte bine adaptat dispozitivelor mobile și este configurat flexibil chiar și fără editare cod sursă. Dacă utilizați această extensie pe un site care folosește un șablon care nu este de la Joomla-Monster.com, atunci este posibil să fie necesar să adăugați stiluri CSS pentru a integra armonios acest meniu orizontal Joomla cu design general site-ul. Și dacă se folosește un șablon de la Joomla-Monster.com, atunci este suficient în setările modulului pentru opțiuni Subiect(fila ) Și Tema meniului mobil(fila ) selectați opțiunea înlocuiți din șablon.

Salutare, tovarăși! În acest articol vom termina ceea ce am început în postarea anterioară, adică vom face posibilă afișarea materialelor pe site. Astăzi vom crea elemente de meniu în Joomla 3.6. Elementele de meniu sunt cea mai importantă componentă a oricărei resurse de pe Internet, deoarece joacă un rol semnificativ în navigarea principală a site-ului.

Constructorii de site-uri începători fără experiență de mult timp nu pot înțelege relația care se vede între crearea de material, crearea de categorii și crearea de meniuri. Dar cu timpul veți înțelege de ce este necesar și cum să lucrați cu el. După cum am menționat anterior pe CMS Joomla 3.6, materialul creat trebuie să fie legat de o categorie. Dar asta nu este tot, pentru ca articolul să fie afișat pe paginile site-ului, trebuie să creați un meniu.

Dezvoltatorii au oferit o mare varietate de opțiuni de afișare pentru elementele de meniu. Să începem să adăugăm elemente în meniul principal Joomla existent.

Crearea unui element de meniu de bază

1. În panoul administrativ Joomla din partea de sus găsim secțiunea - Meniu/Manu principal/Creare element de meniu.

2. Pe pagina următoare scriem „Titlul meniului”. Lăsați câmpul Alias ​​gol. Acest lucru se datorează faptului că, după ce numele meniului este creat, sistemul va scrie automat tot ce este necesar în el. Acest lucru este valabil și pentru materialele și categoriile pentru care scrieți un titlu.

3. Tip de element de meniu– aceasta este o parte importantă responsabilă pentru ieșirea materialului. Faceți clic pe Selectați.

În fereastra care se deschide, găsim „Materiale”, unde trebuie să selectăm una dintre opțiunile prezentate. Pe site-ul meu, folosesc în proporție de 99% „Lista materialelor din categoria”.

4. Acum că ați decis și selectat tipul de meniu de mai sus, ar trebui să „ Selectarea categoriei" În mod implicit, sistemul va afișa Uncategorized. Aici trebuie să selectați o categorie care va fi legată de meniu. Este posibil să schimbați legarea în viitor. Deci, dacă ați conectat din greșeală ceva ce nu ați dorit, îl puteți remedia oricând accesând meniul Joomla.

5. În zona din dreapta a ferestrei există setări legate de afișare. Stare - selectați „Publicat”. Pagina principală – Cred că totul este clar. Dacă îl selectați, tot conținutul din categorie va fi afișat pe pagina principală. De asemenea, puteți seta „Elementul părinte”. Valoarea implicită este „Menu Root”. Această secțiune joacă un rol important, deoarece vă permite să creați un submeniu în meniul principal selectat în linie. Dar, din moment ce avem un singur element de meniu până acum, nu există nimic special de legat.

6. Ca rezultat, elementul de meniu pe care l-am creat trebuie să fie „Salvare” făcând clic pe unul dintre butoanele corespunzătoare din partea stângă sus a ecranului.

Creați un element de meniu cu un material de afișare

Dacă doriți ca un articol să fie afișat în meniu, trebuie să reveniți la Tip element/Materiale/Material din meniu. Și în coloana „Selectarea materialului”, selectați materialul corespunzător. În continuare, totul este identic cu metoda de mai sus.

Acum puteți merge la pagina principală a site-ului și puteți verifica existența și funcționalitatea noului element de meniu Joomla și conținutul aflat în acesta.

Sper că am putut să te ajut. Dacă aveți întrebări, adresați-le în comentarii.

Vă mulțumim pentru atenție și ne vedem curând pe paginile Stimylrosta.

Ați găsit o greșeală gramaticală în text? Vă rugăm să raportați acest lucru administratorului: selectați textul și apăsați combinația de taste rapide Ctrl+Enter

Scor JED: total - 28, funcționalitate - 50, suport - 23, documentație - 28.

Meniul BM Cool- una dintre preferatele mele module gratuite și sigure pentru CMS Joomla 3 . Îmi place simplitatea și concizia, adaptabilitatea (ceea ce se vede rar în opțiunile gratuite) și capacitatea de a o personaliza cu ușurință manual. În forma sa pură, această extensie nu mi s-a potrivit, dar cu unele ajustări ale fișierului CSS nu au mai rămas probleme. Cred că evaluările scăzute ale modulului din catalogul Joomla JED se explică tocmai prin necesitatea configurației sale manuale. Nu este atât de dificil pe cât pare. În special, propriile setări Am salvat fișierul CSS pentru tine și pentru mine într-un fișier separat.

Acest modul este ideal pentru cei care au nevoie de un simplu adaptiv orizontal și complet meniu gratuit pe site-ul său cu Joomla 3. Voi spune imediat că el acceptă meniuri cu mai multe niveluri, dar personal am avut anumite probleme cu asta pe unele site-uri. Nu m-am ocupat încă de ele, deoarece am găsit alte opțiuni; dar cred că problema este un conflict între bibliotecile jQuery - acest lucru poate fi mai mult decât rezolvat dacă se dorește.(Vă spun mai jos cum le-am rezolvat. Nu este deloc jQuery pentru meniurile cu un singur nivel, modulul este mai mult decât optim). Îl folosesc pe majoritatea site-urilor mele.

Demo a modulului BM Cool Menu

Demo-ul actual al acestui modul este prezentat în antetul acestui site. Este, de asemenea, duplicat în subsol. Puteți vedea cum funcționează acest meniu cu o structură pe mai multe niveluri aici.

Setări pentru modulul gratuit de meniu adaptiv BM Cool Menu

Setări pentru acest modul gratuit și securizat pentru a crea un meniu receptiv (se afișează la fel de bine pe ambele computere și dispozitive mobile) pe Joomla 3 includ următoarele elemente:

  • Afișați articolele din submeniu- afișați sau nu subarticole.
  • Culoarea textului- culoarea textului.
  • Culoarea textului cu mouse-ul- culoarea textului când treceți cursorul mouse-ului.
  • Fundalul meniului- culoarea de fundal a meniului.
  • Imagine de fundal- imagine ca fundal (setări în format css)
  • Arată chenar- arată cadrul sau nu.
  • raza frontierei- raza colțurilor de rotunjire în cadru.
  • Culoarea chenarului- culoarea cadrului.
  • Fundal activ- culoarea elementului de meniu activ.
  • Încărcați jQuery- dacă se conectează sau nu biblioteca jQuery.

Astea sunt toate setarile. Destul de simplu și concis. Personal, îmi plac astfel de module gratuite mai mult decât extensiile voluminoase și stângace un număr mare opțiuni pe care nu le voi folosi niciodată în viața mea.

Ajustarea manuală a stilurilor de meniu BM Coll

Acum voi spune câteva cuvinte despre ajustarea manuală a modulului pentru a crea un meniu adaptiv pe Joomla 3 BM Cool Menu. Problema pe care am întâlnit-o a fost atunci când am decis să elimin complet raza și culoarea chenarului. După efectuarea modificărilor corespunzătoare în setările modulului din panoul de administrare de pe computer în modul extins (pagina completă), meniul a reflectat perfect toate aceste modificări, totuși, pe dispozitivele mobile și în fereastra minimizată, atât cadrul cât și rotunjirea au fost conservat. În plus, modulul comprimat s-a ridicat invariabil în partea de sus și a acoperit o parte a altui modul situat deasupra. Am vrut să personalizez afișarea meniului astfel încât toate elementele acestuia să fie aliniate în centru. Cert este că, de exemplu, pe un ecran de computer 4:3 totul părea destul de neted și decent, dar pe 16:9 meniul era apăsat la stânga și părea cumva greșit. Ei bine, plus totul, am decis să scot banda luminoasă care separă elementele din meniu.

Soluția a fost găsită prin modificarea sau comentarea unor rânduri în fișier css modul care se află de-a lungul căii: /modules/mod_bm_cool_menu/assets/css/style.css. Pentru orice eventualitate, am salvat fișierul vechi neatins sub numele stil vechi.css. Iar în cel nou a făcut câteva modificări.

Alinierea meniului central

În clasă .bm-cool-meniu am inlocuit float:stânga; pe inline:bloc;(linia 29) și a făcut același lucru în clasa linia 37 .bm-cool-meniu a. De asemenea, adăugat la linia clasa 10 .bm-cool-meniu: text-align:center;

Eliminarea liniei albe de separare dintre elementele de meniu

Pentru a face acest lucru, comentez complet rândul 30. Pentru cei care au uitat sau nu au știut niciodată cum să facă asta: /*chenar-dreapta: solid subțire #fcfcfc;*/

Personalizare suplimentară a afișajului meniului pe dispozitivele mobile

Pentru ca meniul să nu acopere modulul (sau sigla) aflat mai sus în clasă .bm-cool-meniu-trigger(linia 167 și mai jos) Am adăugat umplutură în partea de sus: margine-sus: 10px;

Pentru a preveni apariția cadrului meniului și a colțurilor rotunjite versiunea mobilă, am comentat rândurile 173, precum și de la 175 la 180.

Am postat fișierul style.css pe care l-am modificat în interiorul arhivei cu modulul prin link direct. Se numește stilul meu.css. Dacă nu doriți să vă deranjați cu schimbarea manuală a stilurilor, îl puteți utiliza pur și simplu redenumindu-l în stil.css.

Aș dori să subliniez că modificările pe care le-am făcut privesc doar meniul cu un singur nivel. Cu toate acestea, nu este dificil să faci modificări adecvate pentru un design pe mai multe niveluri.

Schimbarea titlului meniului în versiunea mobilă

Ei bine, rămâne un detaliu foarte mic, dar semnificativ. Schimbați cuvântul Meniu, scris în latină atunci când vizualizați pagini în versiunea mobilă sau când minimizați pagina din browser într-o fereastră mică. S-ar putea presupune că ar trebui făcute modificări la fișierul de limbă - dar nu. Se pare că trebuie să puneți titlul meniului în fișier de-a lungul căii: /modules/mod_bm_cool_menu/tmpl/default.php(linia 14).

Asta este. Cred că ți-am spus principalul lucru. Recunosc sincer că am luat acest modul din întâmplare și, uitându-mă la notele lui, la început am fost destul de sceptic în privința lui. Cu toate acestea, încercând alte opțiuni și realizând că este gratuit și sigur meniuri adaptive este foarte, foarte puțin în catalogul oficial, m-am întors la asta și am început să-l perfectionez. Îl folosesc acum pe majoritatea site-urilor mele.

Rezolvarea problemei cu BM Cool Menu nu funcționează

Problema pe care o am în minte este următoarea: pe unele site-uri pe care le-am avut, BM Cool Menu nu a extins sub-articole nici la hover, nici la clic. Am crezut multă vreme că există un fel de conflict de scenariu. Când în sfârșit am avut timp să-mi dau seama, am văzut că nici pe un site Joomla 3 complet curat, tocmai instalat, meniul nu s-a deschis. Atunci mi-a devenit clar că nu era vorba deloc de conflicte. Experimental și cu prețul unui număr imens de celule nervoase, am reușit totuși să stabilesc asta problemă cu extinderea și afișarea meniului cu mai multe niveluri BM Cool Menu apare numai în Poziția-1 a șablonului standard al șablonului Joomla Protostar. Prin mutarea acestui modul în orice altă poziție (de exemplu, banner), se întâmplă miracole - și începe să funcționeze.

Dacă trebuie neapărat să plasați meniul în Poziția-1, atunci va trebui să ajustați ușor fișierul index al șablonului Protostar (index.php în rădăcina șablonului - /templates/protostar/index.php). Faptul este că, implicit, ieșirea acestei poziții este înfășurată într-un container de navigare cu clasa nativă de meniu navigator Joomla 3. Prin eliminarea acestui „wrapper” și înlocuirea stilului de la „none” la „xhtml”, obținem poziția 1, în care modulul BM Cool Menu va începe să funcționeze așa cum ar trebui.

Deci, găsim acest fragment:

nav class="navigation" role="navigation">

Ștergem rândurile 1 și 3 și înlocuim, de asemenea, „niciunul” în a doua linie cu „xhtml”. Asta e soluția.

Link-uri BT Content Slider - modul de flux de știri sub forma unui slider

DEMO oficial al modulului BM Cool Menu

Pagina modulului BM Cool Menu din catalogul oficial de extensii Joomla

Site-ul oficial al modulului BM Cool Menu

Descărcați modulul BM Cool Menu prin link direct

În această lecție dedicată module Joomla, vă voi arăta un modul excelent pentru afișarea meniurilor pe paginile site-ului.

Unde este?

Directorul modulului Meniu este situat în directorul /modules/mod_menu al folderului rădăcină al site-ului. În catalog fișiere standard pentru modulele de sistem:

  • directorul tmpl;
  • fișiere helper.php;
  • mod_menu.php;
  • mod_menu.xml.

De ce este nevoie?

Modulul Meniu de pe un site Joomla este necesar pentru a afișa orice meniu de site creat anterior în orice poziție selectată a modulelor.

Acest modul nu preia stilul meniului derulant și va afișa elementele de meniu sub forma unei liste. Aceasta înseamnă că utilizarea acestui modul în poziția șablonului pentru meniul principal NU va oferi un meniu derulant, ci va afișa elementele de meniu ca o listă.

Permiteți-mi să vă reamintesc că pentru a crea un meniu derulant pentru un site web, trebuie să indicați în setările șablonului ce meniu ați ales ca principal.

Cum să creez?

Pentru a crea un modul de meniu, trebuie să aveți drepturile corespunzătoare. În mod implicit, acest modul poate fi creat doar de un super administrator.

  • Din meniul principal al panoului administrativ, accesați fila Module;
  • În bara de instrumente a filei, faceți clic pe butonul „Creare”;
  • Din lista de tipuri de module, selectați Tipul de meniu;
  • Completați setările modulului de meniu în 4 file. Să salvăm;
  • Întregul meniu a fost creat, după ștergerea cache-ului site-ului va apărea pe site.

Setări pentru modulul de meniu Joomla

Să ne uităm la cele 4 file ale setărilor modulului de meniu.

Fila 1 - Modul

Fila setări principale. Aici

Asigurați-vă că completați numele modulului;

Dacă doriți să ascundeți numele modulului, ascundeți-l imediat în setarea din dreapta „Afișați titlul”;

În câmpurile de setări trebuie să: selectați meniul însuși pe care doriți să-l afișați (1), selectați elementul de meniu de bază (2), indicați elementul de meniu de început (3) și de sfârșit (4) și decideți dacă doriți să afișați meniul subarticolele (5).

Cu setarea (2) puteți muta meniul în meniul de bază cu o structură complexă a site-ului. Dacă luați elementul de meniu curent recomandat, atunci elementul de meniu activ cel mai apropiat senior va fi selectat ca element de bază.

Specificarea elementului de meniu inițial (3) și final (4) vă permite să scurtați meniuri lungi cu o structură complexă a site-ului. Setarea pentru afișarea sub-articolelor din meniu (5) are un scop similar.

În partea dreaptă a filei, asigurați-vă că completați afișajul titlului (6), starea (8) și poziția în șablon (7). Alte setări sunt opționale.

class="eliadunit">

Câmpurile „Comandă” sunt interesante aici puteți clasa imediat modulul pe care îl creați în modulele acestei poziții. Acest lucru se poate face și în tabelul modulelor trăgând modulul.

O „Notă” este creată pentru administratorii site-ului și este vizibilă în tabelul cu module.

„Începutul publicării” vă va permite să programați lansarea modulului după dată.

Fila 2 - Snap

Aici trebuie să alegeți pe ce pagini ale site-ului va fi afișat acest modul. Setarea implicită este „Pe toate paginile”.

Selectarea paginilor de afișare se efectuează folosind elementele de meniu din filtrul „Pe toate...”, „Niciuna”, „Numai pe specificat”, „Pe toate, cu excepția celor specificate”.

De exemplu, doriți să afișați modulul pe care îl creați doar pe pagina principală. Pentru a face acest lucru, selectați „Numai la specificat” în filtru și selectați bifa din lista de meniu, numai meniu pagina de start(materiale selectate).

Fila 3 - Setări avansate

Aici puteți seta un aspect unic pentru modul dacă șablonul are stiluri suplimentare de module sau ați creat singur astfel de stiluri pentru module.

Poți să faci invers. Aici, specificați oricare dintre „Sufixul de clasă de meniu” și „Sufixul de clasă CSS al modulului”, apoi adăugați propria regulă CSS la acest modul.

Spre deosebire de setările altor module, există o modificare a stilurilor Java Script din meniul derulant (Destination Position).

Fila 4 - Drepturi

Completat pentru site-uri cu mai mulți utilizatori cu mai mult de un administrator.

După completarea tuturor câmpurilor, modulul de meniu de pe site-ul Joomla trebuie să fie salvat și vizualizat pe site după golirea memoriei cache.

Concluzie

În această lecție, ne-am uitat la modulul Meniu de pe un site web Joomla. Foarte util pentru crearea unui subsol complet al site-ului web cu meniuri suplimentare tehnice și de navigare cu informații.