Přejít k hlavnímu obsahu

Jak vytvářet mega menu na Divi

Divi: nejjednodušší téma WordPress k použití

Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma. [Doporučeno]

Mega nabídky umožňují uživatelům zobrazit více odkazů najednou, aniž by museli posouvat, vznášet se a pamatovat si obsah nabídky. Nejlepší způsob, jak porozumět velkým nabídkám, je, že se jedná o rozbalovací nabídky v rozbalovacích nabídkách.

Takže místo své běžné rozevírací nabídky, která zobrazuje podnabídku, když umístíte ukazatel myši na hlavní nadřazené odkazy v navigační liště, vám mega nabídka umožňuje mít v rozevírací nabídce další nadřazené odkazy a podnabídky.

Jak přidat mega menu na navigační lištu

Přihlaste se ke svému panelu WordPress a přejděte na Vystoupení> Nabídky .

wordpress menu divi.png

Vytvořte nabídku se čtyřmi nadřazenými odkazy, přičemž každý z nadřazených odkazů má vlastní odkazy podřízené nabídky. V níže uvedeném příkladu přidám tři položky podnabídky pod každý ze čtyř nadřazených odkazů nabídky.

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní snadno vytvořit jakýkoli design webových stránek s profesionálním vzhledem. Přestaňte platit drahé za to, co můžete udělat sami. [Zdarma]

menu divi.png

Vytvořte další odkaz, který bude sloužit jako odkaz mega-nabídky. V níže uvedeném příkladu nazývám tento odkaz „Hlavní“. Poté přetáhněte dva odkazy nadřazené nabídky (každý s odkazy na podnabídku) pod hlavním odkazem.

Nyní, abyste si vytvořili Megamenu, musíte přidat hlavní třídu CSS do hlavního odkazu nejvyšší úrovně s názvem „Hlavní“. Můžete to udělat kliknutím na odkaz Možnosti obrazovky v horní části stránky a ujistěte se, že je zaškrtnuta možnost Třída CSS.

css třídy divi.png

Nakonec musíte přidat třídu CSS do odkazu „Hlavní“, který jste právě vytvořili. Kliknutím na šipku napravo od položky nabídky „Hlavní“ přepnete další možnosti konfigurace. Najděte textové pole s názvem Třídy CSS a zadejte třídu „mega-menu“.

mega menu divi.png

Nyní, když znovu načtete svou stránku, můžete vidět, že všechny předchozí nabídky byly umístěny do obří nabídky pod tímto odkazem, Mega Menu.

mega menu divi example.png

To je pro tento tutoriál vše, doufám, že vám umožní snadno vytvořit mega nabídku na Divi.

Tento článek obsahuje komentáře 0

Zanechat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

Tato stránka používá společnost Akismet ke snížení nežádoucích účinků. Přečtěte si další informace o tom, jak se používají vaše komentáře.

Zpět na začátek
13 akcie
podíl6
tweet
Zadat7