V tomto texte uvidíte, ako funguje flexibilný a funkčný plugin, s ktorým si vytvoríte pokročilé menu bez zadávania akéhokoľvek kódu.
Tento doplnok sa dodáva s dvoma rôznymi rozloženiami, jedno je na polovicu obrazovky a druhé na celú obrazovku. V režime celej obrazovky, keď používateľ klikne na tlačidlo ponuky, ponuka sa zobrazí na celej obrazovke. Tento štýl ponuky pomáha šetriť miesto na stránke a pre responzívne verzie stránky. Pri rozložení na polovicu obrazovky sa ponuka zobrazí z ľavej alebo pravej strany obrazovky, podľa toho, ako si ju nastavíte. Je to skvelá voľba pre responzívne verzie stránky pre mobilné telefóny alebo tablety.
Vytvorenie responzívneho menu cez polovicu obrazovky
Menu vytvoríte jednoduchým pretiahnutím doplnku zo zoznamu prvkov a výberom typu menu zo zoznamu (hlavné menu, podmenu). Môžete nastaviť zarovnanie, vľavo, vpravo alebo na stred, môžete nastaviť bod prerušenia ponuky (možnosť tabletu alebo mobilu), pri ktorej šírke obrazovky sa už nezobrazuje celá ponuka, ale iba tlačidlo hamburger a vyberte mimo plátna možnosť zobrazenia ponuky. Potom kliknite na nastavenie štýlu a tam si môžete prispôsobiť menu ako chcete, zmeniť typografiu, farbu pozadia, animáciu a ďalšie ponúkané možnosti.
Vytvorenie responzívneho menu na celú obrazovku
A toto menu sa vytvára rovnakým spôsobom, jednoduchým pretiahnutím pluginu zo zoznamu prvkov vyberiete typ menu zo zoznamu. Upravte nastavenia a nastavte bod prerušenia ako možnosť vždy a vyberte možnosť celú obrazovku zobrazenie menu. Potom znova cez nastavenie štýlu upravte ponuku tak, ako chcete, aby vyzerala.
Po vytvorení menu môžete tiež vidieť, ako vyzerá v responzívnych verziách stránky. S týmto druhom pluginu môžete vytvoriť celkom kreatívne a zaujímavé menu, pomocou ktorého samotná stránka vyzerá krajšie.
Dúfam, že tento text bol pre vás užitočný a dozvedeli ste sa niečo nové, ak máte záujem prečítať si ďalšie tipy na samostatnú prácu, môžete si ich pozrieť na našom blog, a v prípade, že sa chcete poradiť s profesionálmi, kliknite na tento odkaz.
Zdroj: YouTube
