Vil du vide, hvordan du tilføjer tilpasset navigationsmenu i WordPress? Som standard mange WordPress-temaer tilbyde foruddefinerede menuplaceringer og layouts.

I denne vejledning viser vi dig, hvordan du tilføjer andre navigationsmenuer i dit WordPress-tema.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.  

hvordan du tilføjer en brugerdefineret navigationsmenu på WordPress

Hvornår skal du tilføje en brugerdefineret menu til dit WordPress-tema?

mest WordPress-temaer giver mindst én placering, hvor du kan vise dit websteds navigationslinks i en menu.

Du kan administrere menupunkter fra en brugervenlig grænseflade i dit WordPress-dashboard.

Oplev også vores 10 premium WordPress-plugins designet til at oprette menuer

Denne tutorial er rettet mod brugere, der kan lide at gøre-det-selv eller til dem, der har brug for at tilføje en ekstra plads på deres WordPress-temaer.

Når det er sagt, lad os se på, hvordan du tilføjer tilpassede navigationsmenuer i et WordPress-tema.

Oprettelse af en brugerdefineret menu på WordPress

Navigationsmenuer er en funktion af WordPress-temaer. Hvert WordPress-tema kan definere sine egne menuplaceringer.

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 features.php fil af dit WordPress-tema.

funktion bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My Custom Menu')); } add_action ('init', 'bpc_custom_new_menu');

Du kan gå til " Udseende> Menuer "I WordPress dashboard og prøv at oprette eller redigere en ny menu. Du vil seMin brugerdefinerede menuSom en mulighed i menupositionen.

hvordan du tilføjer en brugerdefineret navigationsmenu på WordPress

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

funktion bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu'))); } add_action ('init', 'bpc_custom_new_menu');

Når du har tilføjet menuplaceringen, skal du teste din menu og tilføje et par elementer i WordPress-dashboardet.

Dette giver os mulighed for at gå til det næste trin, der er at vise menuen på vores WordPress-websted.

Visning af en brugerdefineret menu på WordPress

Nu skal vi vise den nye navigationsmenu i dit WordPress-tema. Det mest almindelige sted, hvor navigationsmenuer typisk er placeret, er i overskriftsafsnittet på et websted lige efter webstitlen eller logoet.

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

Du skal tilføje denne kode i skabelonfilen til dit WordPress-tema, hvor du vil vise din menu.

'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>

WordPress-temaplaceringen er det navn, vi valgte i det forrige trin.

Containerklassen er den CSS-klasse, der tilføjes til din navigationsmenu. Din menu vises som en enkel punktliste på dit websted.

hvordan du tilføjer en brugerdefineret navigationsmenu på WordPress

Du kan bruge CSS-klassen " custom_menu_class Til stilen på dine menuer. Her er et eksempel på en CSS-kode for 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 hjælp til CSS og menulayout, anbefaler vi at bruge et af disse WordPress-starttemaer til at opbygge dine brugerdefinerede temaer.

Opret mobile menuer

Vi har detaljeret dette i en tidligere tutorial, hvordan man laver mobilmenuer.

hvordan du tilføjer en brugerdefineret navigationsmenu på WordPress

Vi har set, hvor praktisk disse menuer kan være for din mobiltrafik. 

Oplev også nogle temaer og premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. Woocommerce Donation

Accepter via denne udvidelse donationer på dit WooCommerce-websted med beløb, der er specificeret af kunderne. De vil være i stand til at give så meget, som de vil. Hver donation kan præsenteres som ethvert almindeligt WooCommerce-produkt. 

Plugin til donation af Woocommerce

Hvis kunden springer over kurvssiden eller går direkte til kassen uden at give en donation, vises der et link over kassen, så de kan give deres donation.

Hvert trin i brugen af ​​WooCommerce Donation forklares i en dokumentation med skærmbilleder. Aktivér bare pluginet, så finder du feltet "Tilføj donation" på kurven.

Downloade | demo Web-hosting

2. Kalender det!

Med WordPress plugin Calendarize det! at tilpasse kalenderdesignet er især let med den gratis Visual Editor. Pluginet inkluderer avanceret filtrering baseret på mange taksonomier som tid, arrangør og placering. Du kan liste begivenheder baseret på dage, måneder eller år og se kommende begivenheder gennem widgets.

Kalender det

Plugin understøtter også brugerrollestyring, tilpassede posttyper, flere kortkoder og brugerdefinerede felter til begivenheder. Det har også et antal betalte moduler til $ 15 hver, der inkluderer betalingsmuligheder, annonceringsmuligheder, begivenheds- og reservationsscoring, anmeldelser og meget mere.

Dens funktioner inkluderer: Import af begivenheder i CSV-format, visning af begivenheder efter år, nedtælling af begivenheder, support til flere betalingsmuligheder, support til reklamemuligheder, deling på sociale netværk, den intuitive reservationsformular osv.

Downloade | demo | Web-hosting

3. Directory ultimate PRO

Directory ultimate PRO er en WordPress plugin premium, som giver dig mulighed for at oprette enhver form for mappe på internettet. Det kan integreres i ethvert WordPress-tema og kan tilpasses til dine behov. Det viser sin brugerdefinerede søgefunktion, som er en af ​​hovedfunktionerne på websteder i denne niche.

Directory ultimative pro 1

Dens søgefelt giver dig mulighed for at tilføje personlige filtre og vælge søgestil, til sidst at den tilpasser sig perfekt til dit websted.

Som funktioner tilbyder det blandt andre: et 100% responsivt layout, en søgning, der kan tilpasses, 3 måder at vise dit bibliotek på, optimering til mobilnavigation, fremragende SEO, kompatibilitet med de fleste moderne browsere, og mere       

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

Konklusion

Voila! Det er det til denne tutorial. Vi håber, at sidstnævnte giver dig mulighed for at tilføje en brugerdefineret navigationsmenu til din WordPress-blog eller dit websted. 

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

Fortæl os, hvad du synes om denne tutorial og tøv ikke med at gøre det del med dine venner på dine foretrukne sociale netværk

...