Vill du veta hur du lägger till anpassad navigeringsmeny i WordPress? Som standard, många WordPress-teman erbjuda fördefinierade menyplatser och layouter.
I den här handledningen visar vi hur du lägger till andra navigeringsmenyer i ditt WordPress-tema.
Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg
Tillbaka till varför vi är här.
När måste du lägga till en anpassad meny i ditt WordPress-tema?
Mest WordPress-teman tillhandahåller minst en plats där du kan visa din webbplatss navigeringslänkar i en meny.
Du kan hantera menyalternativ från ett lättanvänt gränssnitt i din WordPress-instrumentpanel.
Upptäck också vår 10 premium WordPress-plugins designade för att skapa menyer
Den här handledningen är inriktad på användare som gillar att göra DIY eller för dem som behöver lägga till en extra plats på sina WordPress-teman.
Med det sagt, låt oss ta en titt på hur man lägga till egna navigering menyer i en Wordpress tema.
Skapa en anpassad meny på WordPress
Navigationsmenyer är en funktion i WordPress-teman. Varje WordPress-tema kan definiera sina egna menyplatser.
För att lägga till en anpassad navigeringsmeny, det första du behöver göra är att registrera din nya navigeringsmenyn genom att lägga till denna kod till features.php-fil av ditt 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å till " Utseende> Menyer "I Wordpress instrumentbrädan och försök skapa eller redigera en ny meny. Du kommer att seMin anpassade menySom ett alternativ på menyplatsen.
Om du vill lägga till mer än en ny navigeringsmeny plats då måste du använda en kod så här:
bpc_custom_new_menu function () {register_nav_menus (array ( 'my-custom-menyn' => __ ( 'My Custom Menu'), extra-menyn '=> __ (' Extra Menu '))); } add_action ('init', 'bpc_custom_new_menu');
När du har lagt till menyplatsen, testa din meny och lägg till några objekt i WordPress-instrumentpanelen.
Detta gör det möjligt för oss att ta nästa steg som är att visa menyn i Wordpress rating webbplats.
Visa en anpassad meny på WordPress
Nu måste vi visa den nya navigeringsmenyn i din Wordpress tema. Den vanligaste platsen där navigeringsmenyer placeras normalt är i huvudet delen av en webbplats direkt efter webbplatsen titel eller logotyp.
Du kan dock lägga till din navigationsmeny var du än vill.
Du måste lägga till den här koden i mallfilen för ditt WordPress-tema där du vill visa din meny.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>
WordPress-tematplatsen är namnet vi valde i föregående steg.
Containerklassen är CSS-klassen som läggs till i din navigationsmeny. Din meny visas som en enkel punktlista på din webbplats.
Du kan använda CSS-klassen " custom_menu_class För stilen på dina menyer. Här är ett exempel på en CSS-kod för att komma igång:
div.custom klass meny-ul {list-style-type: none; list-style: none; list-style-image: none; } Div.custom klass meny-li {padding: 20px; display: inline; }
Om du behöver hjälp med CSS och menylayout rekommenderar vi att du använder ett av dessa WordPress-teman för att bygga dina anpassade teman.
Skapa mobila menyer
Vi har detaljerat detta i en tidigare handledning, hur man gör menyer för mobil.
Vi har sett hur praktiska dessa menyer kan vara för din mobiltrafik.
Upptäck också några teman och premium WordPress-plugins
Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.
Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.
1. Woocommerce Donation
Acceptera genom denna förlängning donationer på din WooCommerce-webbplats med belopp som anges av kunderna. Detta gör att de kan ge så mycket de vill. Varje donation kan presenteras som vilken vanlig WooCommerce-produkt som helst.
Om kunden hoppar över kundvagnssidan eller går direkt till kassan utan att göra en donation visas en länk ovanför kassasidan så att de kan donera.
Varje steg för att använda WooCommerce Donation förklaras i en dokumentation med skärmdumpar. Aktivera bara plugin-programmet så hittar du fältet "Lägg till donation" på kundvagnen.
Ladda ner | demo | webbhotell
2. Kalibrera det!
Med den Wordpress plugin Calendarize det! att anpassa kalenderdesignen är särskilt lätt med gratis Visual Editor. Plugin inkluderar avancerad filtrering, baserat på många taxonomier som tid, arrangör och plats. Du kan lista händelser baserat på dagar, månader eller år och visa kommande händelser via widgets.
Plugin stöder också användarrollhantering, anpassade inläggstyper, flera kortkoder och anpassade fält för händelser. Den har också ett antal betalade moduler till $ 15 vardera, som inkluderar betalningsalternativ, annonseringsalternativ, evenemangs- och bokningsscoring, recensioner och mycket mer.
Dess funktioner inkluderar: Importera händelser i CSV-format, visa händelser per år, nedräkning för händelser, stöd för flera betalningsalternativ, stöd för annonseringsalternativ, delning på sociala nätverk, den intuitiva bokningsformulär, etc ....
Ladda ner | demo | webbhotell
3. Directory ultimate PRO
Directory ultimate PRO är en Wordpress plugin premium som låter dig skapa vilken typ av katalog som helst på internet. Det kan integreras i alla WordPress-tema och kan anpassas efter dina behov. Den visar upp sin anpassade sökfunktion som är en av huvudfunktionerna på webbplatser i denna nisch.
Med sökfältet kan du lägga till personliga filter och välja sökstil och slutligen anpassa den perfekt till din webbplats.
Som funktioner erbjuder den bland annat: en 100% responsiv layout, en anpassningsbar sökning, 3 sätt att visa din katalog, optimering för mobilnavigering, utmärkt SEO, kompatibilitet med de flesta moderna webbläsare, och mer
Ladda ner | demo | webbhotell
Rekommenderade resurser
Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.
- Hur man kan integrera Google Forms Wordpress
- Hur du raderar en sida på WordPress på rätt sätt
- 8 WordPress-plugins för att skapa en megamenu på din blogg
- 6 WordPress-plugins för att säkerställa att en blogg uppfyller GDPR
Slutsats
Voila! Det är det för den här tutorialen. Vi hoppas att senare gör att du kan lägga till en anpassad navigeringsmeny på din Wordpress blogg eller hemsida.
Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande.
Berätta vad du tycker om denna självstudie och tveka inte att dela med dina vänner på dina favorit sociala nätverk.
.
