Sådan tilføjes brugerdefinerede navigationsmenuer i WordPress-temaer

Ønsker du at tilføje brugerdefinerede navigationsmenuer i dit WordPress-tema? Som standard kommer mange WordPress-temaer med foruddefinerede menupunkter og layouter. I denne artikel vil vi vise dig, hvordan du tilføjer flere navigationsmenuer i dit WordPress-tema.

Tilføj navigeringsmenu til temaer

Hvornår har du brug for denne vejledning til WordPress Navigation Menu?

De fleste WordPress-temaer kommer med mindst ét ​​sted, hvor du kan vise dit websites navigationslinks i en menu.

Du kan styre menupunkter fra en brugervenlig grænseflade inde i din WordPress admin area.

Hvis du bare ønsker at tilføje navigationsmenuer på dit websted, så følg vores begynder guide på hvordan man tilføjer en navigationsmenu i WordPress.

Denne vejledning er rettet mod DIY-brugere, der opbygger et brugerdefineret WordPress-tema eller en person, der skal tilføje yderligere menupunkter til et eksisterende WordPress-tema.

Når det er sagt, lad os tage et kig på, hvordan du tilføjer brugerdefinerede WordPress navigationsmenuer i dit tema.

Oprettelse af brugerdefinerede navigeringsmenuer i WordPress-temaer

Navigationsmenuer er en funktion af WordPress-temaer. Hvert tema kan definere deres egne menupunkter og menu support.

For at tilføje en brugerdefineret navigationsmenu er det første, du skal gøre, at registrere din nye navigationsmenu ved at tilføje denne kode til dit tema functions.php fil.

funktion wpb_custom_new_menu () {register_nav_menu ('min brugerdefinerede menu', __ ('Min brugerdefinerede menu')); } add_action ('init', 'wpb_custom_new_menu');

Du kan nu gå til Udseende »Menuer side i din WordPress-admin, og prøv at oprette eller redigere en ny menu. Du vil se 'Min brugerdefinerede menu' som temaplacering.

Brugerdefineret menu som temaplacering

Hvis du vil tilføje mere end en ny navigationsmenu, skal du bruge en kode som denne:

funktion wpb_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('Min brugerdefinerede menu'), 'ekstra-menu' => __ ('Ekstra menu'))); } add_action ('init', 'wpb_custom_new_menu');

Når du har tilføjet menupunktet, skal du gå videre og tilføje nogle menupunkter i WordPress admin ved at følge vores vejledning på hvordan man tilføjer navigationsmenuer til begyndere.

Dette gør det muligt for os at gå videre til det næste trin, som viser menuen i dit tema.

Viser brugerdefinerede navigeringsmenuer i WordPress-temaer

Dernæst skal vi vise den nye navigationsmenu i dit WordPress-tema. Det mest almindelige sted, hvor navigeringsmenuer normalt er placeret, er i overskriftsafsnittet på et websted lige efter webstedets titel eller logo.

Du kan dog tilføje din navigationsmenu hvor som helst, du vil have.

Du skal tilføje denne kode i dit temas skabelonfil, hvor du vil vise din menu.

<? php wp_nav_menu (array ('theme_location' => 'my-custom-menu', 'container_class' => 'brugerdefineret menuklasse')); ?>

Temaet er det navn, vi valgte i det foregående trin.

Beholderklassen er den CSS klasse, der vil blive tilføjet til din navigationsmenu. Din menu vises som en almindelig punktliste på din hjemmeside.

Brugerdefineret menu vises som almindelig liste

Du kan bruge CSS-klassen .custom_menu_class at style dine menuer. Her er et eksempel på CSS for at hjælpe dig med at komme i gang:

div.custom-menu-class ul {listestil-type: none; listestil: none; listestil-billede: none; } div.custom-menu-class li {polstring: 20px; display: inline; }

Hvis du har brug for yderligere assistance med CSS og menu layouts, anbefaler vi at bruge en af ​​disse WordPress starter temaer at udbygge dine brugerdefinerede temaer.

Oprettelse af mobil-venlige Responsive Menus i WordPress

Med stigningen i brugen af ​​mobilenheder vil du måske gøre dine menuer mobilvenlige ved at tilføje en af ​​de mange populære effekter.

Responsive menu plugin demo

Du kan tilføje en udvidet udgave (ovenfor), dropdown-effekten og endda en skifteffekt for mobile menuer.

Vi har en detaljeret trinvis vejledning om hvordan man laver mobil-ready lydhøre WordPress menuer.

Gør mere med WordPress Navigation Menuer

Navigationsmenuer er et kraftfuldt webdesignværktøj. De giver dig mulighed for at pege brugere på de vigtigste dele af dit websted.

WordPress giver dig mulighed for at gøre meget mere end blot at vise links i din menu. Prøv disse nyttige vejledninger for at udvide funktionaliteten i navigationsmenuer på dit WordPress-websted.

Giv en kommentar

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.