Windows.  Virus.  Anteckningsböcker.  Internet.  kontor.  Verktyg.  Förare

Från författaren: Hej kära vän. I den här artikeln kommer vi att prata om hur en vertikal meny för joomla 3 skapas. Naturligtvis är ämnet inte nytt och har redan diskuterats flera gånger i artiklarna på vår webbplats, och förmodligen vet du mycket väl hur detta element genomförs. Men eftersom menyn är det viktigaste blocket av alla bra webbplatser, tror jag att det inte är på sin plats att överväga ett par ytterligare tillägg, tack vare vilket det är mycket enkelt att skapa detta navigeringsblock.

Så, som nämnts ovan i den här artikeln, kommer vi att överväga två ganska intressanta moduler som bildar en vertikal meny i CMS Joomla. Så den första modulen som vi kommer att överväga är Simple Responsive Menu.

Traditionellt, på beskrivningssidan för det aktuella tillägget, klicka på knappen "Ladda ner" för att gå till utvecklarens officiella webbplats.

När detta skrivs, den senaste aktuell version- 1.10, respektive, och ladda ner den med knappen "Ladda ner nu". Efter nedladdning installerar du modulen som vanligt. Använder Joomla extension manager.

Observera att modulen visar en specifik meny, vilket innebär att du måste skapa den innan du publicerar modulen. Gå sedan till modulhanteraren.

Och gå till konfigurationssidan för den nyinstallerade modulen.

I parametern "Välj meny" väljer du menyn vars objekt kommer att visas som modulinnehåll. Om menyn är på flera nivåer, det vill säga den innehåller både överordnade och underordnade länkar, måste du i parametern "Visa undermenyobjekt" ange "Ja", i det här fallet kommer underobjekt att visas på skärm. Med hjälp av parametrarna "Startnivå" och "Slutnivå" kan du definiera de initiala och slutliga kapslingsnivåerna för länkar, det vill säga de nivåer som kommer att visas på skärmen. Och slutligen väljer vi positionen för att visa modulen på skärmen, anger på vilka sidor den kommer att vara tillgänglig och bestämmer statusen "Publicerad".

Låt oss nu gå till användardelen för att kontrollera resultaten.

Som du kan se fungerar tillägget utmärkt. Samtidigt har anpassningsförmåga lagts till modulen, det vill säga vid en viss skärmstorlek viks modulens innehåll till en rullgardinslista och sparar därigenom det skärmutrymme som används avsevärt.

Svarsalternativ finns på fliken "Responsiva alternativ" på den aktuella modulinställningssidan. Låt oss nu gå vidare till nästa modul, kallad Joombig Menu Tree.

Den här modulen visar en vertikal meny på skärmen, vars utseende påminner mycket om ett träd med kataloger och filer. operativ system Windows. Som vanligt klickar du på knappen "Ladda ner" för att gå till utvecklarens officiella webbplats.

Moderna trender och tillvägagångssätt inom webbutveckling

Lär dig algoritmen för snabb tillväxt från början i webbplatsbyggande

Låt oss nu gå till konfigurationssidan för den nyinstallerade modulen.

Tillgängliga alternativ för anpassning:

Aktivera/inaktivera jQuery – inkludera din egen jQuery bibliotek;

Modulens bredd (%) – modulens bredd i procent;

Marginal - marginaler;

Välj meny - val av menyn som visas av modulen;

Visa/dölj titelkatalog - visa eller dölj titeln på den överordnade katalogen (raden som kommer att visas ovanför alla menyalternativ)

Titelkatalog - titeln på objektet på översta nivån;

Startnivå - Första nivån visa en flernivåmeny;

Slutnivå - den sista nivån för att visa en flernivåmeny;

Visa undermenyalternativ - om undermenyobjekt ska visas.

Efter publicering av modulen går vi till användardelen för att kontrollera resultaten.

Generellt sett är menymodulen en ganska enkel modul, som i stort sett kan skapas oberoende, men för detta behöver du känna till Joomla CMS API. Därför, om du vill lära dig hur du skapar dina egna tillägg som helt löser dina uppgifter, kommer vår Joomla-Professional-kurs att vara användbar för dig. Skapa tillägg för Joomla.

Detta avslutar denna artikel. Allt gott till dig och lycklig kodning!!!

Moderna trender och tillvägagångssätt inom webbutveckling

Lär dig algoritmen för snabb tillväxt från början i webbplatsbyggande

Granskningen kommer att ske i den senaste, när detta skrivs (2016-07-01), ryskspråkiga versionen av DJ-MegaMenu 3.4.1, Joomla 3.5.1 i mallen JM Real Estate Ads 1.0.2. Observera att det finns mer än två dussin färdiga, professionella webbplatsmallar för DJ-MegaMenu. Du kan läsa om några av dem i. I artikeln ”Videolektion om DJ-katalog. Skapa en onlinebutik från grunden (del 3) » installationsexempel visas ny version DJ-MegaMeny.

Det finns en gratisversion av denna menymodul - DJ-MegaMenu Light och en helt avskalad version av DJ-Menu.

Mega menyfunktioner för Joomla

Tänk på huvudfunktionerna i DJ-MegaMenu.

  • Möjlighet att konfigurera varje menyalternativ separat från varandra med hjälp av avancerade alternativ i hanteraren Joomla meny. Glöm inte att aktivera DJ-MegaMenu-plugin. Lägga till ikoner, underrubriker, ställa in en bakgrund (en bild som indikerar vertikal och horisontell justering), möjligheten att visa/dölja varje enskilt menyalternativ i en mobil eller vanlig meny. Du kan också ställa in en åtkomstnyckel som gör att du kan navigera till önskad del av sidan med hjälp av tangentbordet.
  • Möjlighet att skapa en multi-kolumn (med inställning av bredden på kolumnerna), trädliknande eller vanlig undermeny (figur nedan).
  • Lägga till ikoner (Bootstrap eller Font Awesome) till menyalternativ. Möjlighet att visa ikoner i mobilen eller vanlig meny.
  • Lägga till olika CSS3-animeringseffekter av att dyka upp och försvinna (mer än 30). Ställa in öppnings- och stängningstid för undermenyn. Ställa in öppningsriktningen och möjligheten att expandera undermenyn genom att trycka eller hålla muspekaren.
  • Lägga till moduler till menyn (bilden nedan) (med inställning av modulens visningsstil).

  • Fast meny. Möjligheten att fästa en horisontell megameny för Joomla högst upp på sidan när den rullas.
  • Möjligheten att lägga till en logotyp till den fästa menyn, dess justering och indragsinställningar.
  • Bekväma färginställningar för menyalternativ från Joomla administration utan att behöva redigera CSS-filer.
  • Två förkonfigurerade horisontella menyteman.
  • Denna Joomla-menymodul är adaptiv (responsiv). Fullt stöd för att arbeta med menyn med pekskärm (pekskärm) och mobila enheter iPhone, iPad, Android, Windows Phone.

  • Möjlighet att välja en av flera typer av mobilmeny med inställningar för varje typ. Till exempel position, tema (ljus och mörkt), justering, logotyp, närvaron av en "off canvas"-meny (glidande meny).
  • Möjligheten att anpassa färgerna på de mobila menyelementen från Joomlas adminpanel utan att behöva redigera CSS-filer.
  • Möjlighet att anpassa tillståndet för den mobila undermenyn (komprimerad, utökad, utökad alla undermenyelement i den aktiva menyn)
  • Möjlighet att infoga en modul i "off canvas"-menyn.
  • Ställa in en "off canvas"-meny (lista eller dragspel), lägga till en logotyp. Närvaron av 14 effekter. Möjligheten att infoga en knapp för att öppna mobilmenyn i valfri del av sidorna.
  • Fullständigt stöd för menynavigering i enlighet med kraven i WCAG 2.0-standarden (sektion 508) för personer med funktionsnedsättning.
  • Stöd för Joomla 3.x och 2.5.
  • Plugin och modul megameny för Joomla översatt till ryska.
  • Förekomsten av ryskspråkiga verktygstips för modulalternativ.
  • Bra dokumentation och teknisk support(på engelska).

Gratis version av DJ-MegaMenu

Det finns en gratisversion av DJ-MegaMenu - DJ-MegaMenu Free Edition. Men det finns gränser gratis version efter funktionalitet:

  • Det finns ingen möjlighet att välja färger för elementen i megamenyn och Joomla mobilmenyn.
  • Det går inte att infoga moduler i menyn och mobilmenyn.
  • Det finns inget sätt att fästa Joomlas horisontella meny högst upp på skärmen.
  • Det är inte möjligt att ställa in ett fördröjningsintervall innan en undermeny öppnas.
  • Det finns inget sätt att placera den mobila menyknappen någonstans i mallen.
  • Du kan inte ändra inställningarna för varje menyalternativ för sådana alternativ: kolumnbredd, undermenytyp (träd eller rullgardinslista), undermenyexpansionsriktning.

I stort sett liknar inställningen av DJ-MegaMenu som att ställa in vilken annan meny som helst:

  1. Skapa en meny i menyhanteraren.
  2. Skapa menyalternativ i den här menyn.
  3. Installera DJ-MegaMenu.
  4. I inställningarna för DJ-MegaMenu-modulen, ange namnet på den skapade menyn och publicera menymodulen på önskad plats i mallen.

Alla andra tweaks och stilskapande är subtiliteter. Den här artikeln har en videohandledning om hur du ställer in en vanlig Joomla-meny (du måste börja titta på videon från 24:13).

Mer "tunna" DJ-MegaMenu finns på tre olika platser:

  1. Joomla menymodulinställningar (i modulhanteraren). Skriv "DJ-MegaMenu".
  2. Mobil menyknapp modulinställningar (i modulhanteraren). Skriv "DJ-MegaMenu - Mobile Menu Button".
  3. Inställningar för varje menyalternativ i Joomla Menu Manager. För att de ska visas måste du aktivera insticksprogrammet "DJ-MegaMenu System Plugin" i pluginhanteraren.

Joomla menymodulinställningar är uppdelade i tre flikar: Modul, CSS3-animering och skriptalternativ, Mobilmenyinställningar. Nästan alla alternativ är utrustade med ytterligare verktygstips (på ryska) eller är tydliga från namnet. Endast de mest intressanta parametrarna, enligt min mening, kommer att beaktas. Inte heller kommer samma alternativ för alla moduler och menyalternativ att påverkas.

På den första fliken Modul (bild nedan) Du ställer in namnet på Joomla-menyn som du vill visa. Du kan också konfigurera alternativ för att visa ikoner och underrubriker för menyalternativ, beroende på vilken meny som visas av användaren. Dessutom kan du inaktivera\aktivera tillägget av Awesome Fonts. Detta är användbart när du använder menyobjektikoner från Font Awesome (styleset). Om den här uppsättningen redan har laddats av en webbplatsmall eller annat tillägg kan du inaktivera den för att förhindra omladdning av stilen och optimera webbplatsens laddningshastighet.

På fliken är inställningarna för menyanimeringseffekter huvudsakligen samlade (figur nedan). Här kan du också ställa in typen av undermeny (träd eller rullgardinslista), öppningsriktningen, undermenyns rullgardinslista, åtgärden i vilken undermenyn ska öppnas (tryck, hovra) och aktivera/avaktivera förbättrad menykompatibilitet för tangentbordskontroll (WCAG 2.0 (sektion 508) ). Observera att några av dessa alternativ, som t.ex Kolumnbredd i pixlar, kan åsidosättas för specifika menyalternativ i inställningarna för varje post i menyhanteraren.

Fliken (bilden nedan) innehåller alternativ som låter dig konfigurera mobilversion meny. Dessutom, genom att välja en av de 3 "typerna" av mobilmenyn, kommer du att ha tillgång till olika inställningar.

Tänk på några menyalternativsinställningar i menyhanterarenJoomla(bilden nedan).

Om du skapar en undermeny med flera kolumner måste du aktivera alternativet för att ställa in en ny kolumn Starta en ny kolumn (brytpunkt) för menyalternativet där du vill starta en ny kolumn. Objekt kapslade i den kommer att visas i den här kolumnen. Här kan du också ställa in bredden på den nya kolumnen i pixlar (den kommer att åsidosätta bredden som ställts in i modulinställningarna).

I dessa DJ-MegaMenu-inställningar kan du lägga till bakgrundsbild menyalternativ och lägg till modul(skapa position). För detta räcker det i fält Modulposition eller Mobil modulposition(beroende på vilken meny du vill lägga till modulen till) ange namnet på mallpositionen från vilken du vill visa modulerna i menyn. Du kan ange antingen en befintlig position eller en godtycklig. Om du angav en godtycklig, i inställningarna för modulen som du vill visa i menyn, ange denna position i inställningarna Placera.

I modulinställningarna, de mobila menyknapparna(bild nedan) inget speciellt. Du kan välja vilken DJ-MegaMenu-modul som ska aktiveras när den här knappen klickas, och du kan ställa in modulens CSS-klasssuffix för att definiera knappens utseende.


Russifier DJ-MegaMenu

Som du kan se är det ganska enkelt att skapa en horisontell megameny för Joomla med tillägget DJ-MegaMenu. Jag betonar än en gång att den är mycket väl anpassad för mobila enheter och är flexibelt konfigurerad även utan redigering källkod. Om du använder detta tillägg på en webbplats som använder en mall som inte är från Joomla-Monster.com, kan du behöva lägga till ytterligare CSS-stilar för att harmoniskt integrera denna Joomla horisontella meny med webbplatsens övergripande design. Och om en mall från Joomla-Monster.com används räcker det i modulinställningarna för alternativ Ämne(flik ) Och Mobilmenytema(flik ) Välj ett alternativ åsidosätt från mallen.

Översikt över menymoduler för CMS Joomla 3.x.

1. Maxi Meny CK

CMSJoomla 2.5/3.x.

Kraftfull, SEO-optimerad modul för att skapa horisontella eller vertikala rullgardinsmenyer med responsiv design och vackra effekter. Dessutom är det möjligt att publicera flera instanser av denna modul på en sida. Tyvärr är funktionaliteten för gratisversionen av denna tillägg mycket begränsad.

Efter installation av modulen visar skärmen länkar för nedladdning av dokumentation för den och betalda alternativ: ett utökat paket med grafiska teman, ett plug-in för enkel menyhantering, patchar för Virtuemart, Hikashop, Joomshopping och K2-komponenter, samt en plugg -in för korrekt visning skapad meny på mobila enheter.

Därefter måste du gå till "Module Manager" och välja "Maxi Menu CK" i den. På fliken Modul på modulens kontrollpanel kan du välja menyn som ska publiceras, ange ett unikt modul-ID, basmenyalternativet och dess start- och slutnivåer, och du kan också stänga av alternativet för undernivåer.

Dessutom kan du använda menyinställningsguiden:

Bekvämligheten med att använda menyguiden är att snabbt växla mellan menytyper och de alternativ de behöver, men för det mesta är det endast relevant om ytterligare betalda tillägg är installerade. På fliken "Bindning till menyalternativ" kan du välja sidorna på webbplatsen där modulen ska visas; fliken "Effektalternativ" låter dig inaktivera användningen av effekter på javascript, välja deras laddningstyp och konfigurera visuella effekter för menyalternativ och underpunkter. I Styles-alternativet kan du välja ett menytema (det finns tre som standard), menyorientering, inaktivera responsiv menydesign och välja en CSS-mall.

I avsnittet "Logotypalternativ" kan du välja en logotypfil som ska visas på menyn, lägga till en länk till den och definiera dess position, bredd, höjd och utfyllnad. Efter att ha valt menyposition i mallen och ändrat status till "Publicerad" visas menyn på sajten.

Tillägget på sajten ser ut så här:

Denna meny (efter installation av en betald patch) används bäst som huvudmeny för en onlinebutik på Joomshopping, Virtuemart eller Hikashop, eftersom den låter dig automatiskt visa en lista med produktkategorier.

2. ARI Ext Menu

Förlängningen är helt kompatibel medCMSJoomla 1,5-1,7/2,5/3.x.

Anpassningsbar menymodul som stöder horisontell och vertikal orientering, två övergångseffekter.

För att installera tillägget måste du gå till "Extension Manager", välj den nedladdade modulfilen i dialogrutan och klicka på knappen "Ladda ner och installera". I modulinställningarna kan du välja menyn som ska visas genom denna modul, menyorienteringen, de initiala och slutliga nivåerna i hierarkin, och även konfigurera sådana parametrar som att endast visa aktiva menyunderpunkter, markera det aktuella menyalternativet . Bland Systeminställningar alternativet att ladda ExtJS-biblioteket, välja metod för att ladda det och generera en unik identifierare är tillgängliga. Du kan också anpassa stilinställningarna för menyalternativ och underalternativ: bakgrundsfärg, textfärg, teckenstorlek, justering och så vidare. De avancerade modulinställningarna är ganska standard och innehåller cachningsalternativ, cacheutgång, modul HTML-tagg, Bootstrap-storlek, header HTML-tagg och header CSS-klass. Efter att ha ställt in en position för modulen och publicerat modulen på webbplatsen, visas följande meny:

3. Dragspel Meny CK

Förlängningen är helt kompatibel medCMSJoomla 2.5/3.x.

Ytterligare en meny från JoomlaCK studio. Låter dig infoga vackra effekter när du öppnar en undermeny, återanvänd modulen på sidan. En funktion hos modulen är möjligheten att infoga andra moduler i den. Utöver modulen finns det också betalda patchar för Hickashop och Virtuemart.

Efter standardproceduren för att installera tillägget visas ett meddelande på skärmen om den lyckade installationen av modulen och en länk för att ladda ner dokumentation för den, samt en länk för att infoga valfri modul som ett av menyalternativen.

Genom att gå till modulens kontrollpanel kan du välja menyn som ska visas i modulen, basmenyalternativet, start- och slutnivåer, samt ställa in suffix och länkjusteringstyp för bilder. På fliken "Effekter" kan du välja händelsen då menyalternativet öppnas, om en länk ska visas när muspekaren är över bilden, typ av övergång, behovet av att använda effekter för den aktiva undermenyn; du kan också ställa in ID för menyalternativet som är aktivt som standard. På fliken Stilar kan du välja ett tema för menyn, ange de bildmappar som ska visas när menyn komprimeras och expanderas, och ange justeringspositionen för dem. Fliken Menystilar innehåller många anpassningsalternativ för menyutseende: marginaler, bakgrund, menyalternativ hörnavrundning, skuggor och kanter. På flikarna "Länkstilar på första nivån", "Länkstilar på andra nivån" och "Andra nivålänkstilar" kan du ändra teckensnitt, textfärg och bakgrundsfärg för länkar som visas i menyalternativ. Fliken "Tredjepartstilläggsalternativ" är avsedd för kompatibilitetsinställningar med komponenterna "Hikashop" och "Virtuemart" och kräver nedladdning och installation av lämpliga patchar. Det går inte heller att ställa in mobilalternativ i gratisversionen av tillägget.

För framgångsrik drift måste du binda modulen till menyalternativ, ange dess position och publicera den. Nedan är ett exempel på hur modulen fungerar på sajten.

4. JB DropDown Meny för Bootstrap

Förlängningen är helt kompatibel medCMSJoomla 2.5/3.x.

Menymodulen, som fungerar med Twitters Bootstrap och JBootstrap, bygger på den inbyggda Joomla menymodulen Modulinstallation är standard I modulinställningarna behöver du bara välja en av systemmenyerna, start- och slutnivåer, och det finns också en anpassningsbar möjlighet att visa menyunderpunkter. När du tilldelar denna modul dess position och publicerar den, kommer följande meny att visas på webbplatsen:

5. DJ meny

Förlängningen är helt kompatibel medCMSJoomla 2.5/3.x.

Rullgardinsmeny med animerade effekter som drivs av Mootools. Modulen installeras på ett vanligt sätt. På fliken "Modul" i tilläggets inställningar måste du välja menyn som modulen ska visa, samt bestämma den sista av dess nivåer och, om nödvändigt, aktivera visning av menyn på små skärmar och ställa in dess bredd i det här fallet. Fliken "CSS3-animationer och skriptfunktioner" låter dig ställa in animeringseffekterna när du går in i och stänger menyn, såväl som animeringshastigheten, ställa in fördröjningstiden när du stänger undermenyn, titelns CSS-klass, dess HTML-tagg och Bootstrap-storleken.

Nedan är ett exempel på en meny skapad med denna modul.

Alla moduler som tas med i recensionen för att skapa menyer på en webbplats som kör CMS Joomla 3.x låter dig skapa en meny med undernivåer. De övervägda modulerna skiljer sig för det mesta i närvaron av vissa animationseffekter och möjligheten att visa på mobila enheter. Därför, för webbplatser som fokuserar på mobilanvändare (och det finns fler och fler av dem), är det värt att ge företräde åt modulen "DJ-Menu". Modulen "Accordeon Menu CK" är bra eftersom den låter dig infoga innehållet i en annan modul i sig själv; "JB DropDown Menu for Bootstrap"-modulen är den enklaste och "lättaste" av de granskade tilläggen och kommer att se bra ut tillsammans med till exempel Joomla-menymodulen som standard. Funktionaliteten hos modulen "Maxi Menu CK" är imponerande, men eftersom den är avsevärt begränsad i gratisversionen krävs ekonomiska investeringar för att kunna använda den.

Från författaren: Jag välkomnar er kära läsare. Menyn är ett element som ingen webbplats på Internet kan vara utan, eftersom detta block förenklar navigeringen avsevärt och ger tillgång till huvudsidorna för användardelen av webbplatsen. Samtidigt, om webbplatsen är ganska komplex och innehåller ett stort antal sidor, kommer antalet menylänkar också att vara stort, vilket innebär att för att spara fritt utrymme, skapas menyn på flera nivåer. Därför kommer vi i den här artikeln att prata om hur man skapar en rullgardinsmeny i joomla 3.

Faktum är att flernivåmenyns funktionalitet är inbyggd i grundversionen av Joomla, precis som innehållshanterarens flernivåkategorier. Men när det gäller visningen av rullgardinsmenyn finns det ett litet problem här, vilket är att i olika mallar kommer samma flernivåmeny att visas på olika sätt. Till exempel, i standard-CMS Joomla-mallen - Photostar, kommer en rullgardinsmeny på flera nivåer att visas bra, och med hjälp av, absolut standardfunktionalitet.

Samtidigt visas en annan standard Beez3-mall, i allmänhet, enligt min mening, inte korrekt denna meny.

Dessutom visas underordnade objekt endast när användaren klickar på det överordnade elementet. Dessutom kan en rullgardinsmeny i Joomla implementeras med hjälp av speciella tillägg som, baserat på data från menyhanteraren, korrekt visar länkarna till flernivåmenyn.

Därför, till att börja med, låt oss definiera länkstrukturen för den framtida menyn och sedan prata om dess visning på skärmen. Så, gå till menyhanteraren och skapa en ny meny.

På nästa sida, ange menytiteln, dess systemnamn, kort beskrivning och klicka på knappen "Spara".

Samtidigt, för att skapa överordnade menylänkar, i fältet "Föräldraelement", välj värdet "Meny rotobjekt". När alla överordnade element har skapats är det dags att skapa de underordnade elementen.

Observera att när du skapar en underordnad länk i fältet "Föräldraelement" måste du välja det tidigare skapade överordnade menyalternativet. Således kommer underordnade element att utgöra en rullgardinsdel av menyn, såvida inte denna funktion naturligtvis stöds av mallen. Efter att ha lagt till alla nödvändiga länkar kommer vi att få följande struktur i menyhanteraren.

Så för CMS Joomla är rullgardinsmenyn nästan klar, det återstår bara att skapa en modul som visar den i önskad position i mallen. Så, gå till "Meny Manager" och skapa en ny menymodul.

Moderna trender och tillvägagångssätt inom webbutveckling

Lär dig algoritmen för snabb tillväxt från början i webbplatsbyggande

När du ställer in modulen, ange dess titel, välj visningsposition i mallen och sidorna där den kommer att vara tillgänglig, och glöm inte att välja den visade menyn i fältet "Menyval".

Efter att ha sparat modulen går vi till användardelen för verifiering.

Som du kan se, för Photostar-mallen, visas menyn perfekt, men hur man gör en rullgardinsmeny i joomla 3, för en annan mall, frågar du. Svaret är ganska enkelt - använd en tredjepartstillägg. Och i den här artikeln kommer vi att titta på en modul som heter ARI Ext Menu .

Genom att klicka på knappen "Ladda ner" omdirigeras vi till utvecklarens webbplats, där en länk tillhandahålls för att ladda ner modulen.

Efter nedladdning, installera tillägget på ett vanligt sätt och gå till menyhanteraren för att aktivera den.

Modulen är ganska funktionell och innehåller ett stort antal olika inställningar, om granskningen som jag inte kommer att uppehålla mig nu, särskilt eftersom nästan alla av dem är ansvariga för utseende och kräver enkel testning. Huvudsaken är att specificera titeln, välja visningsposition i mallen, ändra status till "Publicerad" och i fältet "Menynamn" välj menyn som kommer att visas i modulen.

Efter att ha sparat kommer vi att se följande resultat.

Det vill säga, modulen utför sin uppgift framgångsrikt.

Nu vet du hur man gör en rullgardinsmeny i Joomla. Om du vill lära dig mer om strukturen av moduler på kodnivå kommer vår nya kurs att vara användbar för dig.

Detta avslutar denna artikel! Allt gott till dig och lycklig kodning!!!

Moderna trender och tillvägagångssätt inom webbutveckling

Lär dig algoritmen för snabb tillväxt från början i webbplatsbyggande

Menyer är en viktig del av alla Joomla-webbplatser. Att skapa webbplatsnavigering är ett av de första stegen innan du publicerar en webbresurs på Internet. Utan en meny kommer ditt projekt inte att respekteras av besökare eller sökmotorer.

Brist på navigering är endast acceptabelt för ensidiga användare. Om du har tre eller fler sektioner måste du markera dem i menyn.

I den här artikeln kommer vi att analysera hur menyer i olika format skapas (flernivåer, vertikala, horisontella, etc.). Dessutom kommer vi att analysera funktionerna för att generera ett objekt, och du kommer också att ta reda på vilken typ av menykomponenter som finns och vad ett klasssuffix är. Dessutom kommer du att presenteras med ett litet urval av 4 tillägg som kommer att ge ett snabbt menyskapande.
https://www.youtube.com/watch?v=u19ebn-5W40

Hur Joomla-menyer skapas manuellt

Att skapa en meny är en piece of cake för Joomla-motorn. Det är väldigt enkelt att göra din egen navigering i detta CMS-system, eftersom det är designat mer för nybörjare. Du behöver bara ange namn och typ av menyn du skapar för att den ska visas på sajten.

För att börja skapa menyer, gå först till Joomla admin-området. Ännu bättre, tänk i förväg vad din navigering kommer att bestå av fram till den punkten. Bestäm också vilken typ som är mer lämplig för dina syften: lager, vertikal, etc. När du har tänkt igenom det, gå till adminpanelen och öppna sedan fliken "Meny". Därefter måste du komma till "Meny Manager" och klicka på knappen "Skapa meny" i rullgardinsmenyn. Därefter börjar det direkta skapandet av navigering - du måste ange de grundläggande parametrarna för detta. Huvudkraven är att föreskriva titel och menytyp. Observera att navigeringstypen är en konvention för din bekvämlighet.
https://www.youtube.com/watch?v=34CARMpcNHM
Klicka nu på Spara och Stäng. Detta kommer inte att slutföra skapandet av menyn, eftersom den inte har ett enda objekt. För att generera ett objekt måste du gå till hanteringen av den skapade navigeringsmenyn. På fliken som öppnas ser du avsnittet "Menyalternativ". Gå till den här fliken och skapa komponenter för Joomla webbplatsnavigering. Du måste ange namnet på objektet på samma sätt som med menyn. Dessutom måste du ange objekttypen. Denna gång kommer typen att ha betydelse, eftersom det kommer att påverka visningen av objektet. Inkluderar oftast typen "Material".

Men skapandet av menyn slutar inte där. Du måste fortfarande göra det till ett visst format (lager, horisontellt eller vertikalt). För att göra detta måste du ange korrekt position och klasssuffix, som bestämmer placeringsstilen för detta element. För att du ska kunna ange ett klasssuffix måste du använda rätt mall som Bootstrap använder. Inte alla klasssuffix som listas nedan kommer att kunna aktiveras på din webbplats, men här är en lista över de mest populära menystilarna:

  1. nav nav-piller är ett klasssuffix för en horisontell meny som skapar standardstilen "piller" för navigering.
  2. nav nav-tabs är ett klasssuffix för en horisontell meny som skapar en navigeringsstil med flikar.
  3. nav nav-piller nav-stackade - liknande det första klassens suffix, endast för vertikal navigering.
  4. nav nav-tabs nav-stacked - "flik" vertikal meny.
  5. nav nav-list är klasssuffixet för den listexpanderade vertikala menyn.

Ari Ext menymodul

Ari Ext Menu är en modul som skapar en vertikal eller horisontell meny i Joomla med en animationseffekt. Ari Ext-tillägget installeras på standard sätt. För att ställa in animeringseffekten, i Ari Ext-inställningarna, ändra raden Transittion typ för att lägga till en "försvinnande" eller "slide". Modulen kan anpassas efter eget tycke genom att redigera CSS-filen. Ari Ext låter dig skapa en flernivåmeny. Det enda negativa med Ari Ext är avsaknaden av en ryskspråkig version, så du måste ta reda på tilläggsinställningarna själv. Annars gör Ari Ext ett jättebra jobb!

SJ Flat modul för Joomla

SJ Flat är en enkel och bekväm modul som låter dig skapa vackra och funktionella menyer. Huvudinriktningen för SJ Flat är en skiktad meny. SJ Flat-modulen låter dig skapa så många underkategorier du vill för olika menyalternativ i Joomla. Dessutom fungerar SJ Flat utmärkt med popup-menyer för både vertikala och horisontella layouter. En annan fördel med SJ är den automatiska anpassningen till mobila enheter. Den horisontella menyn förvandlas till en vertikal när du öppnar sidan genom mobilenhet med låg upplösning. Och den viktigaste fördelen med SJ Flat är att modulen kan laddas ner gratis!

Vertikal menymodul

Namnet på modulen Vertical Menu talar för sig självt - denna tillägg behövs för att skapa en vertikal navigeringsmeny. Huvudfunktionen i Vertical Menu-modulen, förutom enkel installation och enkel installation, är SEO-vänlig kod. Detta tillägg är optimerat så att menyn hjälper dig att marknadsföra webbplatsen. Du kommer att kunna välja olika designalternativ i Vertikal-modulen från teckensnittstyp till färgschemat på den visade menyn.
https://www.youtube.com/watch?v=frwWrSzeO5s

Mega menymodul

Mega menyär en riktig hit bland andra navigeringsmenymoduler. Du kan skapa menyer i valfritt format med detta tillägg. Mega Menu-modulen låter dig ange inte bara textinformation i objekten, utan även bilder, videor, animationer och andra filer. Med Mega kan du anpassa varje menyalternativ separat så att navigeringen får en smidig och genomtänkt design. Mega fungerar med både horisontella och vertikala menyer. Mega fungerar bäst med den tredje versionen av Joomla. Megamodulen fungerar på engelska.

Om du upptäcker ett fel, välj en textbit och tryck på Ctrl + Retur
DELA MED SIG: