Hur man lägger till en megameny till din WordPress-webbplats (steg för steg)

Obs: I nästa ämne du kommer att läsa kommer du att lära dig om: Hur man lägger till en megameny till din WordPress-webbplats (steg för steg)

Nyligen frågade en av våra läsare om det var möjligt att lägga till en megameny på din WordPress-sajt. Mega Menus låter dig lägga till rullgardinsmenyer med flera kolumner till din navigering med rich media som bilder och videor. I den här artikeln kommer vi att visa dig hur du enkelt lägger till en megameny på din WordPress-webbplats.

Hur man lägger till en stor meny i WordPress

Varför och vem ska lägga till Mega Menu i WordPress?

Mega Menus är särskilt användbara för sajter med mycket innehåll. Detta gör att webbplatsägare kan visa fler objekt i sin toppmeny.

Populära webbplatser som Reuters, Buzzfeed och Starbucks använder megamenyer för att visa mycket engagerande och interaktiva navigeringsmenyer.

Starbucks webbplats som visar stor meny

Medan WordPress standardnavigeringsmenyer låter dig lägga till rullgardinsmenyer och till och med lägga till bildikoner bredvid varje objekt, behöver du ibland bara en stor meny.

Låt oss ta en titt på hur du enkelt lägger till en megameny på din WordPress-webbplats.

Video handledning

Registrera dig för WPBeginner

Om du inte gillar videon eller behöver fler instruktioner, läs vidare.

Lägg till en megameny i WordPress

Det första du bör göra är att installera och aktivera Max Mega Menu-plugin. Det är den bästa gratis WordPress megameny-plugin som finns på marknaden. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Efter aktivering kommer pluginet att lägga till ett nytt menyalternativ, Mega Menu, till din WordPress adminmeny. Om du klickar på den kommer du till insticksprogrammets konfigurationssida.

Mega menyinställningar

Standardinställningarna fungerar för de flesta webbplatser. Du måste dock ändra menyfärgen så att den matchar färgen som används i WordPress-temanavigeringsmenyrutan.

För att ta reda på vilka färger som används i ditt tema kan du använda inspekteringsverktyget i din webbläsare.

Använd inspektören för att utforska färgen på navigeringsfältet

När du har fått hex-färgkoden kan du klistra in den i en textfil för senare användning.

Därefter bör du besöka sidan för megamenyinställningar, klicka på fliken “Menyteman” och klicka sedan på avsnittet “Menyraden”.

 Menyfärgfält

Här kan du ersätta bakgrundsfärgen som används av megamenyn för att matcha ditt temas navigeringsmenybehållare.

Glöm inte att klicka på knappen Spara ändringar för att spara dina inställningar.

Nu när vi har konfigurerat megamenyinställningarna, låt oss gå vidare och skapa vår megameny.

Först måste du komma åt Utseende »Meny sida och lägg sedan till toppnivåelement i din navigering. För detaljerade instruktioner, se vår nybörjarguide om hur du skapar en navigeringsmeny i WordPress.

Därefter, på menyskärmen, måste du aktivera megamenyn genom att markera rutan under “Maximal konfiguration av megameny”.

Aktivera den stora menyn

Sedan måste du hålla muspekaren över ett menyalternativ och du kommer att se en “Mega Menu”-knapp visas på menyfliken.

Genom att klicka på knappen visas ett popup-fönster. Här kan du lägga till valfri WordPress-widget i din megameny och välja hur många kolumner du vill visa.

Lägg till widgets till din megameny

Du kan också klicka på skiftnyckelikonen på en widget för att redigera tilläggsinställningarna. Glöm inte att klicka på knappen Spara för att lagra dina widgetinställningar.

När du är klar kan du stänga popup-fönstret och besöka deras hemsida för att se megamenyn i aktion.

Mega meny förhandsvisning

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en megameny i WordPress. Du kan också kolla in vår guide om hur du snabbar upp WordPress och ökar prestandan för nybörjare.

Om du gillade den här artikeln, prenumerera på vår YouTube-kanal för WordPress-videohandledning. Du hittar oss även på Twitter och Facebook.

Relaterade Inlägg

Back to top button