A szerzőtől: szia kedves barátom. Ebben a cikkben arról fogunk beszélni, hogyan jön létre a joomla 3 függőleges menüje. Természetesen a téma nem új, és már többször is szóba került oldalunk cikkeiben, és valószínűleg Ön is nagyon jól tudja, hogyan ez az elem valósul meg. De mivel minden jó weboldal legfontosabb blokkja a menü, úgy gondolom, nem lesz helytelen egy párat fontolóra venni további bővítmények, aminek köszönhetően nagyon egyszerűen kialakítható ez a navigációs blokk.
Tehát, ahogy fentebb ebben a cikkben említettük, két meglehetősen érdekes modult fogunk megvizsgálni, amelyek függőleges menüt alkotnak a CMS Joomlában. Tehát az első modul, amelyet figyelembe veszünk, a Simple Responsive Menu.
Hagyományosan az aktuális bővítmény leírásának oldalán kattintson a „Letöltés” gombra, hogy a fejlesztő hivatalos webhelyére lépjen.
Az írás idején a legfrissebb jelenlegi verzió- 1.10, és töltse le a "Letöltés most" gombbal. A letöltés után a szokásos módon telepítse a modult. A Joomla bővítménykezelő használata.
Felhívjuk figyelmét, hogy a modul egy adott menüt jelenít meg, ami azt jelenti, hogy a modul közzététele előtt létre kell hoznia. Ezután lépjen a modulkezelőhöz.
És lépjen az újonnan telepített modul konfigurációs oldalára.
A „Select menu” paraméterben válassza ki azt a menüt, amelynek elemei modultartalomként jelennek meg. Ha a menü többszintű, azaz szülő- és gyermekhivatkozásokat is tartalmaz, akkor az „Almenüpontok megjelenítése” paraméterben az „Igen”-t kell megadni, ebben az esetben alpontok jelennek meg a képernyő. Ezenkívül a „Kezdő szint” és a „Befejezési szint” paraméterek segítségével meghatározhatja a hivatkozások kezdeti és végső egymásba ágyazási szintjét, azaz a képernyőn megjelenő szinteket. Végül kiválasztjuk a modul képernyőn való megjelenítésének helyét, jelezzük, mely oldalakon lesz elérhető, és meghatározzuk a „Közzétett” állapotot.
Most menjünk a felhasználói részhez, hogy ellenőrizzük az eredményeket.
Amint látja, a kiterjesztés remekül működik. Ezzel párhuzamosan a modul adaptálhatósága is megtörtént, vagyis egy bizonyos képernyőméretnél a modul tartalma legördülő listába kerül, ezzel jelentősen megtakarítva a felhasznált képernyőterületet.
A válaszadási beállítások a modul aktuális beállítási oldalának „Reszponzív beállítások” lapján találhatók. Most térjünk át a következő modulra, melynek neve Joombig Menu Tree .
Ez a modul egy függőleges menüt jelenít meg a képernyőn, amelynek megjelenése nagyon hasonlít a könyvtárak és fájlok fájához. operációs rendszer Ablakok. A szokásos módon kattintson a „Letöltés” gombra, hogy a fejlesztő hivatalos webhelyére lépjen.
Modern trendek és megközelítések a webfejlesztésben
Tanulja meg a gyors növekedés algoritmusát a nulláról a weboldalkészítés során
Most menjünk az újonnan telepített modul konfigurációs oldalára.
Testreszabási lehetőségek:
A jQuery engedélyezése / letiltása – tartalmazza a sajátját jQuery könyvtár;
Modul szélessége (%) – modul szélessége százalékban;
Margó - margók;
Menü kiválasztása - a modul által megjelenített menü kiválasztása;
Címkönyvtár megjelenítése/elrejtése - a szülőkönyvtár címének megjelenítése vagy elrejtése (az összes menüpont felett megjelenő sor)
Címkönyvtár – a legfelső szintű elem címe;
Kezdő szint - Első szint többszintű menü megjelenítése;
End Level - a többszintű menü megjelenítésének végső szintje;
Almenü elemeinek megjelenítése – megjelennek-e az almenü elemei.
A modul közzététele után a felhasználói részre lépünk, hogy ellenőrizzük az eredményeket.
Általánosságban elmondható, hogy a menümodul egy meglehetősen egyszerű modul, amely nagyjából önállóan is létrehozható, de ehhez ismernie kell a Joomla CMS API-t. Ezért, ha szeretné megtanulni, hogyan hozhat létre saját bővítményt, amely teljes mértékben megoldja feladatait, a Joomla-Professional tanfolyamunk hasznos lesz az Ön számára. Bővítmények létrehozása a Joomla számára.
Ezzel a cikk zárul. Minden jót neked és jó kódolást!!!
Modern trendek és megközelítések a webfejlesztésben
Tanulja meg a gyors növekedés algoritmusát a nulláról a weboldalkészítés során
Az áttekintés a DJ-MegaMenu 3.4.1 és a Joomla 3.5.1 legfrissebb, a jelen írás idején (2016. 01. 07.) orosz nyelvű verziójában fog megtörténni a JM Real Estate Ads 1.0.2 sablonban. Kérjük, vegye figyelembe, hogy több mint két tucat kész, professzionális webhelysablon létezik a DJ-MegaMenu számára. Néhányukról itt olvashat. A „Videólecke a DJ-katalógusról” című cikkben. Webáruház létrehozása a semmiből (3. rész) » beállítási példa látható új verzió DJ-MegaMenu.
Ennek a menümodulnak van egy ingyenes verziója - a DJ-MegaMenu Light és a DJ-Menu teljesen lecsupaszított verziója.
Fontolja meg a DJ-MegaMenu főbb jellemzőit.
Létezik a DJ-MegaMenu ingyenes verziója – DJ-MegaMenu Free Edition. De vannak határok ingyenes verzió funkcionalitás szerint:
Általában véve a DJ-MegaMenu beállítása hasonló bármely más menü beállításához:
Minden más finomítás és stílusalkotás finomság. Ez a cikk egy oktatóvideót tartalmaz egy normál Joomla menü beállításához (a videót 24:13-tól kell kezdenie).
A "vékonyabb" DJ-MegaMenu három különböző helyen található:
A Joomla menümodul beállításai három lapra oszlanak: Modul, CSS3 animáció és szkript opciók, mobil menü beállításai. Szinte minden opció további eszköztippekkel van felszerelve (orosz nyelven), vagy egyértelmű a névből. Véleményem szerint csak a legérdekesebb paramétereket veszik figyelembe. Ezenkívül az összes modulra és menüelemre vonatkozóan ugyanazok a beállítások nem lesznek hatással.
Az első lapon Modul (lenti kép) Beállítod a megjeleníteni kívánt Joomla menü nevét. Beállíthatja a menüelemek ikonjainak és alcímeinek megjelenítési beállításait is, attól függően, hogy a felhasználó melyik menüt jeleníti meg. Ezenkívül letilthatja\engedélyezheti az Awesome Fonts hozzáadását. Ez akkor hasznos, ha a Font Awesome (stíluskészlet) menüelemek ikonjait használja. Ha ezt a készletet már betöltötte egy webhelysablon vagy más bővítmény, akkor letilthatja, hogy megakadályozza a stílus újratöltését és optimalizálja a webhely betöltési sebességét.
A lapon főként a menüanimációs effektusok beállításai vannak összegyűjtve (az alábbi ábra). Itt beállíthatja az almenü típusát (fa vagy legördülő lista), a nyitás irányát, az almenü legördülő listáját, az almenü megnyílásának műveletét (nyomja, lefelé vigye) és engedélyezi / tiltja tovább menü kompatibilitás a billentyűzetvezérléshez (WCAG 2.0 (508. szakasz)). Vegye figyelembe, hogy ezen lehetőségek közül néhány, mint pl Oszlopszélesség pixelben, a menükezelő egyes elemeihez tartozó beállításokban felülírható bizonyos menüpontoknál.
A fül (az alábbi ábra) olyan beállításokat tartalmaz, amelyek lehetővé teszik a konfigurálást mobil verzió menü. Sőt, a mobil menü 3 „típusa” közül egyet választva különböző beállításokhoz férhet hozzá.
Fontolja meg néhányat menüpont beállításai a menükezelőbenJoomla(kép lent).
Ha több oszlopos almenüt hoz létre, akkor új oszlop beállításához aktiválnia kell az opciót Új oszlop indítása (töréspont) ahhoz a menüponthoz, ahol új oszlopot kíván indítani. A benne beágyazott elemek ebben az oszlopban jelennek meg. Itt is beállíthatjuk az új oszlop szélességét pixelben (ez felülírja a modul beállításaiban beállított szélességet).
Ezekben a DJ-MegaMenu beállításokban adhat hozzá háttérkép menüpontot, és modul hozzáadása(pozíció létrehozása). Ehhez elég a terepen Modul pozíció vagy Mobil modul pozíció(attól függően, hogy melyik menübe kívánja hozzáadni a modult) adja meg annak a sablonpozíciónak a nevét, ahonnan a menüben szeretné megjeleníteni a modulokat. Megadhat meglévő vagy tetszőleges pozíciót. Ha tetszőlegeset adott meg, akkor a menüben megjeleníteni kívánt modul beállításainál adja meg ezt a pozíciót a beállításokban Pozíció.
A modul beállításainál a mobil menü gombjai(lenti kép) semmi különös. Kiválaszthatja, hogy melyik DJ-MegaMenu modult aktiválja, ha erre a gombra kattint, és beállíthatja a modul CSS osztályának utótagját, amely meghatározza a gomb megjelenését.
Amint látja, egy vízszintes mega menü létrehozása a Joomla számára a DJ-MegaMenu kiterjesztéssel meglehetősen egyszerű. Még egyszer hangsúlyozom, hogy nagyon jól illeszkedik a mobil eszközökhöz és rugalmasan konfigurálható szerkesztés nélkül is forráskód. Ha ezt a bővítményt olyan webhelyen használja, amely nem a Joomla-Monster.com webhelyről származó sablont használ, akkor előfordulhat, hogy további CSS-stílusokat kell hozzáadnia ahhoz, hogy harmonikusan integrálja ezt a Joomla vízszintes menüt a webhely általános kialakításával. És ha a Joomla-Monster.com sablonját használjuk, akkor ez elegendő a modul beállításaiban, az opciókhoz Tantárgy(tab ) És Mobil menü téma(tab ) Válassz egy lehetőséget felülbírálás sablonból.
A CMS Joomla 3.x menümoduljainak áttekintése.
1. Maxi Menu CK
CMSJoomla 2.5/3.x.
Erőteljes, SEO optimalizált modul vízszintes vagy függőleges legördülő menük létrehozásához reszponzív kialakítással és gyönyörű effektusokkal. Ezenkívül lehetőség van ennek a modulnak több példányának közzétételére egy oldalon. Sajnos a bővítmény ingyenes verziójának funkcionalitása nagyon korlátozott.
A modul telepítése után a képernyőn megjelennek a hozzá tartozó dokumentáció és a fizetős opciók letöltésére szolgáló hivatkozások: grafikus témák kiterjesztett csomagja, beépülő modul az egyszerű menükezeléshez, javítások Virtuemart, Hikashop, Joomshopping és K2 komponensekhez, valamint egy dugó -in a létrehozott menü megfelelő megjelenítéséhez a mobileszközökön.
Ezután lépjen a "Modulkezelőbe", és válassza ki a "Maxi Menu CK" lehetőséget. A modulvezérlő panel Modul fülén kiválasztható a közzétenni kívánt menü, megadható az egyedi modulazonosító, az alapmenüpont és annak kezdő és záró szintje, valamint kikapcsolható az alszintek opció.
Ezenkívül használhatja a menübeállító varázslót:
A menüvarázsló használatának kényelme a menütípusok és a szükséges opciók közötti gyors váltás, de ez többnyire csak akkor releváns, ha további fizetős bővítményeket telepítenek. A "Menüpontokhoz kötés" fülön kiválaszthatja az oldal azon oldalait, amelyeken a modul megjelenik; az "Effect Options" lapon letilthatja az effektusok használatát javascripten, kiválaszthatja a betöltési típusukat és konfigurálhatja vizuális effektek menüpontokhoz és alpontokhoz. A Stílusok opcióban kiválaszthat egy menütémát (alapértelmezés szerint három van), a menü tájolását, letilthatja a reszponzív menütervezést, és kiválaszthat egy CSS-sablonfájlt.
A "Logóbeállítások" részben kiválaszthat egy logófájlt, amely megjelenik a menüben, hivatkozást adhat hozzá, és meghatározhatja a helyzetét, szélességét, magasságát és kitöltését. A sablonban a menüpozíció kiválasztása és az állapot "Közzétett"-re váltása után a menü megjelenik az oldalon.
A webhely bővítménye így néz ki:
Ezt a menüt (a fizetős javítás telepítése után) a legjobb a Joomshopping, Virtuemart vagy Hikashop online áruházainak főmenüjeként használni, mivel lehetővé teszi a termékkategóriák listájának automatikus megjelenítését.
2. ARI Ext menü
A bővítmény teljesen kompatibilisCMSJoomla 1.5-1.7/2.5/3.x.
Testreszabható menümodul, amely támogatja a vízszintes és függőleges tájolást, két átmeneti effektust.
A bővítmény telepítéséhez lépjen az "Extension Manager" oldalra, válassza ki a letöltött modulfájlt a párbeszédpanelen, majd kattintson a "Letöltés és telepítés" gombra. A modul beállításaiban kiválasztható az ezen a modulon keresztül megjelenítendő menü, a menü tájolása, a hierarchia kezdeti és végső szintje, valamint olyan paraméterek konfigurálhatók, mint például az aktív menü alpontok megjelenítése, az aktuális menüpont kiemelése. . Között rendszerbeállítások lehetőség van az ExtJS könyvtár betöltésére, a betöltés módjának kiválasztására és egyedi azonosító generálására. A menüelemek és alelemek stílusbeállításait is testreszabhatja: háttérszín, szövegszín, betűméret, igazítás stb. A speciális modulbeállítások meglehetősen szabványosak, és tartalmazzák a gyorsítótárazási beállításokat, a gyorsítótár lejáratát, a modul HTML-címkéjét, a Bootstrap méretét, a fejléc-HTML-címkét és a fejléc-CSS-osztályt. A modul pozíciójának beállítása és a modul webhelyen való közzététele után a következő menü jelenik meg:
3. Accordeon Menü CK
A bővítmény teljesen kompatibilisCMSJoomla 2.5/3.x.
Újabb menü a JoomlaCK stúdiótól. Lehetővé teszi a beillesztést gyönyörű hatások almenü megnyitásakor használja újra az oldalon található modult. A modul jellemzője, hogy más modulokat is be lehet illeszteni bele. Ezenkívül a modulon kívül vannak fizetős javítások a Hickashop és a Virtuemar számára.
A bővítmény telepítésének szokásos eljárása után a képernyőn megjelenik egy üzenet a modul sikeres telepítéséről, valamint egy hivatkozás a hozzá tartozó dokumentáció letöltéséhez, valamint egy hivatkozás a modulok beillesztéséhez a menüelemek egyikeként.
A modul vezérlőpultjára lépve kiválaszthatjuk a modulban megjelenítendő menüt, az alapmenüpontot, a kezdő és záró szinteket, valamint beállíthatjuk a képekhez utótagokat és linkigazítási típust. Az „Effektek” fülön kiválasztható, hogy milyen eseménynél nyílik meg a menüpont, megjelenik-e hivatkozás, amikor az egérmutató a kép fölé kerül, az átmenet típusa, az aktív almenühöz effektek használatának szükségessége; az alapértelmezés szerint aktív menüpont azonosítóját is beállíthatjuk. A Stílusok lapon kiválaszthatja a menü témáját, megadhatja a menü összecsukásakor és kibontásakor megjelenő képmappákat, és megadhatja az igazítási pozíciót. A "Menüstílusok" fül számos testreszabási lehetőséget tartalmaz a menü megjelenéséhez: margók, háttér, menüelemek lekerekített sarkai, árnyékok és szegélyek. Az "Első szintű hivatkozásstílusok", a "Második szintű hivatkozásstílusok" és az "Egyéb szintű hivatkozásstílusok" lapokon módosíthatja a menüelemekben megjelenített hivatkozások betűtípusát, szövegszínét és háttérszínét. A „Harmadik féltől származó bővítmények beállításai” lap a „Hikashop” és „Virtuemart” összetevőkkel való kompatibilitási beállításokra szolgál, és a megfelelő javítások letöltését és telepítését igényli. A mobil opciók beállítása a bővítmény ingyenes verziójában szintén nem érhető el.
A sikeres működéshez a modult menüelemekhez kell kötni, meg kell adni a pozícióját és közzé kell tenni. Az alábbiakban egy példa látható, hogyan működik a modul a webhelyen.
4. JB legördülő menü a Bootstrap számára
A bővítmény teljesen kompatibilisCMSJoomla 2.5/3.x.
A Twitter Bootstrap és JBootstrap programjaival együttműködő menümodul a beépített Joomla menümodulra épül A modul telepítése szabványos A modul beállításainál csak egyet kell kiválasztani a rendszermenük közül, kezdő és záró szint, ill. testre szabható lehetőség a menü alpontjainak megjelenítésére is. , ahogy ehhez a modulhoz hozzárendeli és közzéteszi, a következő menü jelenik meg az oldalon:
5. DJ menü
A bővítmény teljesen kompatibilisCMSJoomla 2.5/3.x.
Legördülő menü a Mootools által működtetett animált effektusokkal. A modul telepítése szabványos módon történik. A bővítmény beállításainak "Modul" fülén ki kell választani a modul által megjelenített menüt, valamint meg kell határozni az utolsó szintjeit, és szükség esetén engedélyezni kell a menü megjelenítését kis képernyőkön és be kell állítani a szélességét. ez az eset. A „CSS3 Animációk és szkript jellemzői” fülön beállíthatja az animációs effektusokat a menübe való be- és kilépéskor, valamint az animáció sebességét, beállíthatja az almenü bezárásának késleltetési idejét, a cím CSS osztályát, HTML címkéjét, ill. a Bootstrap mérete.
Az alábbiakban egy példa látható a modul segítségével létrehozott menüre.
A CMS Joomla 3.x rendszert futtató webhely menüinek létrehozásához az áttekintésben figyelembe vett összes modul lehetővé teszi alszintekkel rendelkező menü létrehozását. A figyelembe vett modulok többnyire különböznek bizonyos animációs effektusok jelenlétében és a mobileszközökön való megjelenítési képességben. Ezért a mobilfelhasználókra koncentráló oldalakon (és egyre többen vannak) érdemes a „DJ-Menu” modult előnyben részesíteni. Az "Accordeon Menu CK" modul azért jó, mert lehetővé teszi egy másik modul tartalmának beillesztését önmagába; A „JB DropDown Menu for Bootstrap” modul a legegyszerűbb és „legkönnyebb” a vizsgált bővítmények közül, és jól fog kinézni például az alapértelmezett Joomla menümodullal. A "Maxi Menu CK" modul funkcionalitása lenyűgöző, de mivel az ingyenes verzióban jelentősen korlátozott, használatához pénzügyi befektetésekre van szükség.
A szerzőtől:Üdvözlöm a kedves olvasókat. A menü olyan elem, amely nélkül az Internet egyetlen oldala sem nélkülözheti, hiszen ezt a blokkot nagyban leegyszerűsíti a navigációt és hozzáférést biztosít a webhely felhasználói részének fő oldalaihoz. Ugyanakkor, ha az oldal meglehetősen összetett és nagy számú oldalt tartalmaz, a menühivatkozások száma is nagy lesz, ami azt jelenti, hogy a megtakarítás érdekében szabad hely, a menü többszintű. Ezért ebben a cikkben arról fogunk beszélni, hogyan hozhatunk létre legördülő menüt a joomla 3-ban.
Valójában a többszintű menü funkcionalitása a Joomla alapverziójába van beépítve, akárcsak a tartalomkezelő többszintű kategóriái. De ami a legördülő menü megjelenítését illeti, itt van egy kis probléma, hogy a különböző sablonokban ugyanaz a többszintű menü eltérően jelenik meg. Például a szabványos CMS Joomla sablonban - Photostar - egy többszintű legördülő menü remekül megjelenik, és teljesen szabványos funkcionalitás.
Ugyanakkor egy másik szabványos Beez3 sablon véleményem szerint általában nem jelenik meg megfelelően ezt a menüt.
Ezenkívül az alárendelt elemek csak akkor jelennek meg, ha a felhasználó a szülőelemre kattint. Ezenkívül a Joomla legördülő menüje speciális bővítményekkel valósítható meg, amelyek a menükezelő adatai alapján helyesen jelenítik meg a többszintű menü hivatkozásait.
Ezért először is határozzuk meg a leendő menü hivatkozási struktúráját, majd beszéljünk a képernyőn való megjelenítéséről. Tehát lépjen a menükezelőbe, és hozzon létre egy új menüt.
A következő oldalon adja meg a menü címét, a rendszer nevét, Rövid leírásés kattintson a "Mentés" gombra.
Ezzel egyidejűleg szülőmenü-hivatkozások létrehozásához a „Szülőelem” mezőben válassza ki a „Menü gyökéreleme” értéket. Ha az összes szülőelemet létrehozta, itt az ideje létrehozni a gyermekelemeket.
Felhívjuk figyelmét, hogy gyermekhivatkozás létrehozásakor a „Szülő elem” mezőben a korábban létrehozott szülő menüpontot kell kiválasztani. Így a gyermekelemek a menü legördülő részét képezik, kivéve, ha természetesen ezt a funkciót a sablon támogatja. Az összes szükséges hivatkozás hozzáadása után a menükezelőben a következő struktúrát kapjuk.
Tehát a CMS Joomla esetében a legördülő menü már majdnem készen áll, csak egy modult kell létrehozni, amely megjeleníti azt a sablon kívánt pozíciójában. Tehát lépjen a „Menükezelőbe”, és hozzon létre egy új menümodult.
Modern trendek és megközelítések a webfejlesztésben
Tanulja meg a gyors növekedés algoritmusát a nulláról a weboldalkészítés során
A modul beállításakor adja meg a címét, válassza ki a megjelenítési pozíciót a sablonban és az oldalakat, amelyeken elérhető lesz, és ne felejtse el kiválasztani a megjelenő menüt a „Menüválasztás” mezőben.
A modul mentése után a felhasználói részhez megyünk ellenőrzésre.
Amint látja, a Photostar sablonnál a menü tökéletesen megjelenik, de hogyan lehet a joomla 3-ban legördülő menüt készíteni egy másik sablonhoz, azt meg kell kérdezni. A válasz meglehetősen egyszerű - használjon harmadik féltől származó kiterjesztést. Ebben a cikkben az ARI Ext Menu nevű modult fogjuk megvizsgálni.
A „Letöltés” gombra kattintva átirányítunk a fejlesztő weboldalára, ahol a modul letöltéséhez szükséges link található.
A letöltés után telepítse a bővítményt szabványos módonés lépjen a menükezelőbe az aktiváláshoz.
A modul meglehetősen funkcionális, és rengeteget tartalmaz különféle beállításokat, melynek áttekintésén most nem térek ki, főleg mivel szinte mindegyik felelős kinézetés egyszerű tesztelést igényelnek. A lényeg a cím megadása, a megjelenítési pozíció kiválasztása a sablonban, az állapot módosítása „Közzétéve”-re, és a „Menü neve” mezőben válassza ki a modulban megjelenő menüt.
Valójában a mentés után a következő eredményt fogjuk látni.
Vagyis a modul sikeresen teljesíti a feladatát.
Most már tudja, hogyan hozhat létre legördülő menüt a Joomlában. Ha szeretne többet megtudni a modulok kódszintű felépítéséről, új kurzusunk hasznos lesz az Ön számára.
Ezzel a cikk véget ért! Minden jót neked és jó kódolást!!!
Modern trendek és megközelítések a webfejlesztésben
Tanulja meg a gyors növekedés algoritmusát a nulláról a weboldalkészítés során
A menük minden Joomla webhely elengedhetetlen részét képezik. A webhelynavigáció létrehozása az egyik első lépés a webes erőforrás interneten való közzététele előtt. Menü nélkül projektjét nem fogják tisztelni a látogatók vagy a keresők.
A navigáció hiánya csak egylapozóknál fogadható el. Ha három vagy több szakasza van, akkor ezeket meg kell jelölnie a menüben.
Ebben a cikkben azt elemezzük, hogyan jönnek létre a különféle formátumú menük (többszintű, függőleges, vízszintes stb.). Ezen kívül elemezzük az elem létrehozásának jellemzőit, és azt is megtudhatja, hogy milyen típusú menüelemek vannak, és mi az osztályutótag. Ezenkívül 4 bővítményből álló kis választékot kap, amelyek gyors menükészítést tesznek lehetővé.
https://www.youtube.com/watch?v=u19ebn-5W40
A menü létrehozása a Joomla motorja számára egy szelet torta. Ebben a CMS rendszerben nagyon egyszerű saját navigációt készíteni, mert inkább kezdőknek készült. Csak a létrehozandó menü nevét és típusát kell megadnia ahhoz, hogy az megjelenjen az oldalon.
A menük létrehozásának megkezdéséhez először lépjen a Joomla adminisztrációs területére. Még jobb, ha előre gondolja meg, miből fog állni a navigáció egészen pontosan. Azt is döntse el, hogy melyik típus felel meg jobban az Ön céljainak: réteges, függőleges stb. Miután végiggondolta, lépjen az adminisztrációs panelre, majd nyissa meg a „Menü” lapot. Ezután el kell jutnia a "Menükezelő" elemre, és a legördülő listában kattintson a "Menü létrehozása" gombra. Ezt követően megkezdődik a navigáció közvetlen létrehozása - ehhez meg kell adnia az alapvető paramétereket. A fő követelmények a cím és a menü típusának előírása. Vegye figyelembe, hogy a navigációs típus az Ön kényelmét szolgálja.
https://www.youtube.com/watch?v=34CARMpcNHM
Most kattintson a Mentés és bezárás gombra. Ezzel nem fejeződik be a menü létrehozása, mivel nem tartalmaz egyetlen elemet sem. Elem generálásához a létrehozott navigációs menü kezeléséhez kell menni. A megnyíló lapon megjelenik a „Menüelemek” rész. Lépjen erre a lapra, és hozzon létre összetevőket a Joomla webhely navigációjához. Ugyanúgy meg kell adnia az elem nevét, mint a menünél. Ezenkívül meg kell adnia az elem típusát. Ezúttal a típus számít, mivel ez befolyásolja az elem megjelenítését. Leggyakrabban tartalmazza az "Anyagok" típust.
De az étlap elkészítése ezzel nem ér véget. Még mindig meg kell adnia egy bizonyos formátumot (réteges, vízszintes vagy függőleges). Ehhez meg kell adni a helyes pozíciót és osztályutótagot, amely meghatározza ennek az elemnek az elhelyezési stílusát. Az osztályutótag megadásához a Bootstrap által használt megfelelő sablont kell használnia. Nem minden alább felsorolt osztályutótag aktiválható a webhelyén, de itt van a legnépszerűbb menüstílusok listája:
Az Ari Ext Menu egy olyan modul, amely függőleges vagy vízszintes menüt hoz létre a Joomlában animációs effektussal. Az Ari Ext bővítmény a szabványos módon van telepítve. Az animációs effektus beállításához az Ari Ext beállításaiban módosítsa az Átmenet típusa sort úgy, hogy adjon hozzá egy „eltűnést” vagy „csúszást”. A modul a CSS fájl szerkesztésével tetszés szerint testreszabható. Az Ari Ext lehetővé teszi többszintű menü létrehozását. Az Ari Ext egyetlen negatívuma az orosz nyelvű verzió hiánya, így magának kell kitalálnia a bővítmény beállításait. Egyébként az Ari Ext remek munkát végez!
Az SJ Flat egy egyszerű és kényelmes modul, amely lehetővé teszi gyönyörű és funkcionális menük létrehozását. Az SJ Flat fő tájolása egy réteges menü. Az SJ Flat modul lehetővé teszi, hogy tetszőleges számú alkategóriát hozzon létre a Joomla különféle menüpontjaihoz. Ezenkívül az SJ Flat nagyszerűen működik felugró menükkel függőleges és vízszintes elrendezésekhez egyaránt. Az SJ másik előnye az automatikus adaptáció a mobil eszközökhöz. A vízszintes menü függőlegessé válik, amikor bekapcsolja a webhelyet mobil eszköz alacsony felbontással. Az SJ Flat legfontosabb előnye pedig, hogy a modul ingyenesen letölthető!
A Vertical Menu modul neve önmagáért beszél - ez a bővítmény szükséges egy függőleges navigációs menü létrehozásához. A Vertical Menu modul fő jellemzője az egyszerű telepítés és egyszerű beállítás mellett a SEO-barát kód. Ez a bővítmény úgy van optimalizálva, hogy a menü segítsen a webhely népszerűsítésében. Különféle tervezési lehetőségek közül választhat a Függőleges modulban a betűtípustól a megjelenített menü színsémájáig.
https://www.youtube.com/watch?v=frwWrSzeO5s
Mega menü igazi sláger a többi navigációs menümodul között. Ezzel a bővítménnyel bármilyen formátumú menüt hozhat létre. A Mega Menu modul lehetővé teszi, hogy ne csak szöveges információkat vigyünk be az elemekbe, hanem képeket, videókat, animációkat és egyéb fájlokat is. A Mega segítségével minden menüpontot külön-külön testre szabhat, így a navigáció gördülékeny és átgondolt kialakítású lesz. A Mega vízszintes és függőleges menükkel is működik. A Mega a Joomla 3. verziójával működik a legjobban. A Mega modul angolul működik.
