den huvudsakliga / Internet / Plugin för att skapa en WordPress-meny. Skapa en vertikal meny i WordPress

Plugin för att skapa en WordPress-meny. Skapa en vertikal meny i WordPress

Hej, kära läsare. På denna dag presenterar jag dig ett urval WordPress-plugins använder sig av Jquery.. Vad exakt kommer att vara i det här inlägget? I synnerhet plug-ins med en blogg, och inte många användbara och vackra saker.

Plugins för WordPress

Plugin för WordPress Mega-menyn

Plug-in-rullgardinsmenyn blir för närvarande väldigt populär. Detta vackra plugin tillåter dig att snabbt göra och konfigurera Mega-rullgardinsmenyn. Det finns effekter av dämpning och glid, det är möjligt att upprätta en nedre drevmen.

Kontaktformulär

Detta plugin skapar en widget som lägger till en popup eller lämnar kontaktformulär för din blogg. Vackert plugin med ett stort utbud av funktioner.

Exempel (i övre vänstra hörnet klickar du på Kontakta oss) ι Hämta plugin

iPod-menyn. Widget för blogg

Implementera menyn. Det är särskilt lämpligt för platser av stora företag, affärsidor och andra resurser av denna typ. I allmänhet är en mycket bra multifunktionell meny för bloggen.

Jquery slick meny för blogg

Jquery plugin utökad meny för din blogg. Kommer att arbeta på WordPress Blogs minst 3 versioner. Du kan konfigurera vilken som helst menyplats på sidan.

Exempel ι Hämta plugin

Jquery popup-meny. WordPress-plugin.

Detta plugin lägger till en flytande och klibbig meny till en blogg, som innehåller dina länkar till den webbplats som du kan konfigurera med lätthet. Detta WordPress-plugin kan fungera med flera flytande menyer på varje sida och har många alternativ för att ställa in positionen.

WordPress-menyn är ett av de viktigaste elementen på webbplatsen. Den här delen av den plats som användaren ständigt interagerar. Från kvalitet, ergonomiska och designmenyer beror det allmänna intrycket av besökare om webbplatsen. Ibland var det tack vare en intressant, ovanlig meny som kan vända den vanliga Internet-surfaren, som passerade, i en permanent användare av din webbplats.

För att göra en högkvalitativ vertikal, horisontell, multi-nivå eller någon annan godtycklig meny, måste du också oberoende öppna och redigera CSS-klasser, eller du kan fortfarande skapa den med en plug-in utan professionella färdigheter.

Och eftersom det finns många av dem, kommer det att överväga möjligheterna för de bästa betalda och fria modulerna som gör att du snabbt kan visa menyn till din webbplats.

Jquery vertikal mega meny widget

Åtminstone i titeln på plugin och ordet "mega", kommer du inte att kunna skapa något omöjligt med honom. Men en enkel vertikal meny med sina egna kategorier av någon plan med modulen lägger till webbplatsen är ganska riktig. Den stora plus-jquery vertikala mega-menyn-widgeten är att verktyget gäller gratis. Så, utan extra kostnader, åtminstone idag kan du skapa en högkvalitativ meny för din webbplats.

JQuery Vertikal Mega-menyn Widget kan du skapa en widget, en popup-meny, utgången till skärmen som kan konfigureras på alla sätt (ändra animering av utseendet, övergången mellan kategorier, utmatning etc.). Som ett resultat visar det sig något som liknar dragspel. Den kan konfigureras för att konfigurera det själv, redigera CSS-klasser. Och glöm inte i fliken "Utseende" för att aktivera widgeten och placera den i en viss del av webbplatsen - annars kommer den jquery vertikala Mega-menyn Widget Plugin inte att kunna visa dragspelet till sidan.

Plugin kan du göra en annan, intressant och adaptiv meny för webbplatsen. Hela modulen innehåller tre variationer av menyn:

horisontell;
vertikal utbredd;
vertikal widget.

Alla tre alternativen med utgåvan av den senaste versionen av plug-in kan anpassas för mobila enheter. Modulen är kompatibel med WordPress 3.5+ och fungerar på en enkel princip - inställningen tar inte mycket tid. Det är integrerat i något ämne, så du behöver inte hämta i CSS och mallkoden behöver inte.

Jquery mega meny widget

Ett annat plugin från utsläpp av mega. JQuery Mega-menyn Widget Module fungerar med jquery-bibliotek - Bädda in JavaScript till HTML. Du kan skapa en widget när du svänger där det kommer att bli en slutsats av rullgardinsmeny.

Jquery mega meny widget innehåller många inställningar:

Håll / klicka - Ställa in menyens svarande skript (vilket kommer att klicka på en viss kategori);
Definition av kompositionen - ett godtyckligt antal kategorier;
Mantel - Ställa in ett yttre utseende med öppen CSS-kod, som kan konfigureras;
Animationseffekt - Animering av utseendet på kategorier (Du kan välja en glidande effekt eller lägga till "försvinnande");
Animationshastighet - Ändring av intensiteten av animeringseffekten;

Dessutom gör det också att du kan avaktivera animationen helt och skapa en widescreen-meny, justeras automatiskt under andelen av mallen. Kanske är det inte exakt mega-modul, men du kan ladda ner det gratis, och efter 10-15 minuter får du en widget på webbplatsen.

Ett varierat verktyg som ger möjlighet att lägga till en färgstark meny med en modern design. Huvuddraget i tillägget är att inte bara kategorier som har rubriker kan göras, men också att ladda upp bilder till dem. Här är typerna av menyyper, inbjuder dig att skapa ett plugin:

horisontell meny med bilder och undermeny;
vertikal i två variationer med olika ikoner;
horisontellt med ikoner;
med runda bilder i kategorier;
meny i form av en PNG-knappar;

För att lägga till den valda adaptiva menyn har du en kortkodsmallstruktur.

Ett annat JQuery-plugin som låter dig skapa en multi-nivå-funktionsmeny för WordPress. Du kommer att få estetiskt trevlig avrundad meny. Knappar kommer att separeras av CSS-modulen specifik. Du kan konfigurera stilklasser själv och göra en godtycklig meny precis under utformningen av din resurs. Dessutom är jquery-rullgardinsmenyn tillgänglig för att ställa in färgen på den bakre bakgrunden, såväl som förändringen i storlek och typ av teckensnitt för att beskriva kategorier. Detta är en adaptiv meny.

Widgeten fungerar endast med CSS. Mer lämpad för dem som förstår CSS, och vill omvandla utgången på en befintlig meny. Med rullgardinsmeny-widgetmodulen kan du skapa en drop-down godtycklig meny med en vacker design. Modulen använder inställning av varje enskilt objekt. Det finns också flera vanliga ämnen CSS. Widgeten låter dig göra en vertikal eller horisontell visning av kategorier med flera nivåer.

Ozh 'admin drop down meny

Det här verktyget kan inte lägga till en anpassad meny på webbplatsen, men kommer att göra Webmaster-menyn. Ozh 'Admin Drop Down-menyn är utformad för dem som är trötta på att ständigt komma in i WordPress-administrations-panelen på jakt efter önskad inställning. Plugin kommer att lägga till en osynliga besökare på besökarna på de sidor som kan konfigureras för att snabbt komma åt redigeringsinställningar, lägga till media, skapa sidor etc.

Detta är en flash-meny. Utvecklarna är inte i förgäves kallad den dynamisk - den vertikala menyn fungerar med speciella animeringseffekter. Som ett resultat kan du göra en adaptiv, snygg och bekväm flash-meny. Färgen på bakgrunden, texten, teckensnittet och storleken på varje element är konfigurerade i en speciell administreringssektion. Bekvämligheten med användarens meny är främst förknippad med möjligheten att stoppa valet av kategorin under rullningen på sidorna - det vill säga användaren behöver inte ständigt öppna menyn, om du behöver bläddra igenom webbplatsen.

Detta är en ovanlig meny. Du kan antingen använda den som en standardmeny för hela webbplatsen, eller placera den på separata sidor. Plugin beräknas på resurser av restauranger, kaféer, barer och andra institutioner där det finns en "meny". På projekt av ett annat verksamhetsområde rekommenderas det inte - inställningen för andra ändamål kommer att vara svårt.

Anpassad taxonomier meny widget

Extremt enkelt plugin. Gör att du snabbt kan skapa en flytande widget och mata ut den från skärmsidan. Perfekt för en blogosfär. Om du skriver någon form av tematisk blogg där många termer och vill träna nybörjare i detta område, kommer den anpassade taxonomierna menyn widget att hjälpa dig. Du kan göra en klassificerad hierarkisk sido meny med en tydlig kategorisering och visa nya sektioner. Beställningen av taxonomi är konfigurerad med olika filter. Den här kostnadsfria widgeten, och är endast lämplig för träningsportaler.

Jquery dragspel meny widget

Om du vill att du ska ha en dragspelsmeny på resursen är Jquery Accordion Menu Widget det bästa verktyget för att implementera den här idén. JQuery Accordion Meny Widget Plugin Funktioner:

lägger till en mängd olika nivåer av menyn;
ett godtyckligt antal punkter i dragspel;
ställa in övergången till kategorin "Klicka" eller "med svävar";
bädda in i mallen med hjälp av kortkoder;
förmåga att visa en eller flera nivåer av dragspelmenyn samtidigt;
jquery Accordion-menyn Widget Plugin kan använda användarkakor för att spara det öppna / stängda läget när du byter till sidor;
automatisk stängning av dragspelmenyn efter en sekund efter att ha tagit bort markören från navigeringspanelen;
det finns en inställning av att visa antalet stycken i modermenyn.
du kan konfigurera och aktivera CSS-klasser;
animationshastighet är konfigurerad.

Med den sista punkten, var försiktig - den låga animationshastigheten kan minska användbarheten av verktyget.

Responsive Select-menyn.

Respektabel och elegant meny. Tillfredsställa behoven hos någon webbplats, och kommer snabbt att dekoreras. Och viktigast av allt - Responsive Select-menyn kan laddas ner gratis. Menyutgången kan organiseras i vilken position som helst: vertikal, horisontell eller som en widget. Detta är en fullfjädrad adaptiv meny, där du kan skapa många nivåer av olika format. Du kan lägga till klickbara listor med beskrivningar av underkategorier i menyn, och till och med bädda in Google Maps med formulär för att registrera! CSS-stil är helt konfigurerad. Det här är inte en tråkig standardmeny, men ett innovativt och ovanligt tillskott för ditt projekt!

Jquery slick meny widget

En widget, som ligger i någon del av webbplatsen. Du kommer att få en elegant och snygg meny, vars utgång är bekvämt konfigurerad med olika animeringstyper. JQuery Slick Menu Widget-modulen är bekväm eftersom du kan göra en adaptiv meny som följer användaren, och det kan vara godtyckligt (från listan över huvudportalrubrikerna till listan över länkar till de sociala nätverksgrupperna). Verktyget innebär att du konfigurerar olika CSS-stilar - i arsenalen finns det 12 färdiga designalternativ och förmågan att byta dem själv. Utgången från menyn är också konfigurerad, liksom dess position (vertikal, dynamisk, statisk, etc.).

Fading meny plugin.

De flesta av de plug-ins som anges i översynen är gratis. Men blekande menyplugin är ett betald verktyg, och det förtjänar det för användningen. Du kan lägga till en godtycklig meny till den webbplats som kommer att fixas ovanpå sidan. Vid första anblicken verkar det som om det här är en liten funktion. Men i själva verket visar sig att fixering av menyn i toppositionen kan avsevärt minska antalet "misslyckanden" (en av parametrarna för användarbeteende), och det påverkar positivt din position i sökmotorn.

Ställa in blekningsmeny Plugin är inte särskilt svårt - Utgången och innehållet i menyn kan konfigureras i den vanliga WordPress-panelen. I färd med konfiguration får du ett val: Lägg till widgets i toppanelen eller nedan. Det rekommenderas att lägga till i början - i den här delen av webbplatsanvändarna visar vanligtvis större aktivitet. Glöm inte att konfigurera stilparametrar. Det är viktigt att inte göra plugin ljus och övermättad, men att framgångsrikt kombinera den med den aktuella mallen på wordpress på din webbplats. Om det finns tid och förmåga kan du lägga till egna ikoner för menyn. Och var noga med att ange kategorimodulens sektioner där nya poster kommer att uppstå periodiskt - Fading Meny Plugin Gör det möjligt att visa nya meddelanden i menykåpan.

Ubermenu.

Stödjer den vertikala och menyn i ett horisontellt läge. Lämplig för att skapa en meny från början och justera den redan existerande. Plugin innehåller många olika inställningar som enkelt justeras i WordPress-panelen. Utsignalen från menyn finns i en av 20 stilar. Den vertikala menyn kan placeras på vilken sida som helst på sidan och horisontellt - underifrån eller ovanifrån. Ubermenu Adaptive och arbetar på alla populära webbläsare lika bra.

Produktion

Oavsett ett godtyckligt tillägg från den föreslagna listan du har valt, kom ihåg att om det är en vertikal, horisontell eller popup-meny, måste det vara framgångsrikt kombinerat med de andra elementen på webbplatsen!

Jquery vertikal mega meny widget - Gratis plugin utformad för att skapa en vertikal rullgardinsmeny i sidofältet. Pluggen är avsedd för WordPress i allmänhet, men är tydligt skärpt för e-handel och kan användas inte bara med wooCommerce, och med andra plagne för internethandel.

Jag har träffat flera olika plugins för att skapa en annan typ av strukturerade, rullgardinsmenyer i sidfältet, men det här pluginet är tilldelat. De flesta av dem skapar automatiskt en meny baserat på blogginlägg och kategorier baserat på datum och månad. Bekvämt, om du bara har en blogg.
Samma plugin gör att du kan skapa absolut alla menyer på grundval av sidor, varor, kategorier, etiketter - något! Det är precis vad det är nödvändigt för varukatalog, även om det måste tinker lite - föremål läggs till manuellt.
Efter nedladdning, installerar och aktiverar plugin, är det första att göra den nödvändiga menyn som kommer att visas med plugin. I platsinställningarna går vi till fliken "Utseende" -\u003e "Meny" och skapar en ny - ja, låt oss säga "Meny2". Fyll i det som vi vill, gör kapslade föremål. Du kan experimentera och sedan, först och främst är det viktigaste att skapa åtminstone något. Varje objekt är gjort manuellt referens. Det vill säga, om du sätter i katalogsidan i menyn, fungerar länken till katalogen, men positionerna från katalogen i menyn rörs inte automatiskt. För den största effekten rekommenderas att du gör menyn på tre nivåer, då kommer plugin att visa de flesta av sig själva.

När menyn är skapad måste du se till att plugin börjar visa det. Vi går till "utseende" -\u003e "widgets", hitta det en ny widget "jquery vertikal mega-meny" och lägg den på rätt plats på sidfältet. Här kan du rycka lite i inställningarna, även om det viktigaste är att välja vår tidigare skapade meny2-meny och klicka på "Spara". Menyn är skapad, du kan se den på webbplatsen!

För att helt avslöja potentialen på menyn på Wordpress, prova några tillgängliga plugins. Valet är ganska brett, eftersom pluginerna tillåter dig att expandera menyns funktioner på det mest olika sättet, till exempel och mega-menyn och den adaptiva menyn och menyknapparna etc. Nedan är en lista med 8 bästa, enligt min mening, plug-ins för WordPress-menyn.

1. Adaptiv meny

Om det inte finns någon adaptiv meny på din webbplats är det mottagliga menyn Plug-in ett bra val för varje självresterande platsägare. Förlängningen ger möjlighet att använda många inställningar och har betalda och fria versioner. Menyn gratisalternativ gör att du kan ändra mycket: färg, teckensnitt, vattenkokare, bakgrundsbilder, implementerade möjligheten att inaktivera menyalternativ eller ändra sin beställning, ändra läget för menyn på sidan (vänster, höger, topp eller botten ), etc.

2. Max Mega-menyn

Bekvämlighet med navigering och användning på webbplatser där menyn består av dussintals eller hundratals kategorier och element kan förbättras med en mega-meny. Med MEGA-menyn kan du placera alla nödvändiga föremål och komplicera inte användargränssnittet. En av de bästa plug-ins att skapa en mega-meny - Max Mega-menyn. Adaptiv meny skapad med den kan användas på touch och näthinnan.

Max Mega-menyförlängningen använder dra och släpp. Du kan samtidigt öppna flera instanser av plugin-in och ställa in många visuella effekter i menyn, till exempel, som visas när du svävar. Det kan göras så att undermenyn, när du svänger eller trycker på musen, såg undermenyn så att bilden smidigt uppträdde och försvinna, så att vid navigering av undermenyn ovan eller på sidan, lägg till ikoner. Allt detta är tillgängligt i den fria versionen, och i den betalda - ännu mer.

Hej vänner! Glatt att se dig på sidorna i min blogg. Denna artikel helt och helt ägna WordPress-menyn. Jag kommer att försöka lyfta fram det här ämnet från alla sidor: Jag kommer att överväga de mest intressanta pluginerna för WordPress-menyn, jag kommer att ägna flera linjer för att skapa en övre meny, jag kommer att prata om standardfunktionerna i WP. För att det material som beskrivs i den här artikeln är det skyldigt att läsa inlägget om det innan det läser det.

Standard sätt att skapa och utmatningsmeny i WordPress:

Om ämnet stöder WordPress 3-menysystemet, kan den övre menyn skapas via avsnittet "Utseende" - "meny, annars bildas det automatiskt från publicerade sidor.
Skapa en meny som innehåller aktiva bloggrubriker, du kan använda widgeten "Kategorier".
Menyn med länkar till bloggsidorna matas ut med widgeten "sida". Personligen använde jag aldrig den här widgeten, eftersom WP-sidan används för att visa teknisk information (om dig själv, platskarta, feedback och så vidare). Det bästa stället för dem är i en blogghuvud i en horisontell form. Så accepterad.
Den godtyckliga menyn är skapad i avsnittet "Utseende" - "Meny", en widget används för bloggutmatningen.
Använd valfria WordPress-plugins.

Om 2 och 3 poäng är uppenbara, och bara lägg till lämpliga widgets tillräckligt, kan resten vara förvirrande, så jag kommer att överväga dem mer.

Standard WordPress-funktioner

Gå till avsnittet "Utseende" - "Meny", klicka på "+" -knappen och ange titeln.

Nu är det nödvändigt att lägga till det punkter:

Sidor - Välj önskade sidor och klicka på "Lägg till i menyn".

Det är möjligt att skapa en hierarki, bara dra dem till varandra. Eftersom denna hierarki kommer att visas på bloggen - beror på det använda ämnet.

Glöm inte att behålla ändringar gjorda.

I de ämnen som WordPress 3-menysystemet stöds av samma alternativ "temaområde" - det här är en plats som är speciellt tilldelad till menyn. Oftast är det avsett att visa den övre horisontella bloggmenyn, som ofta kallas "Main". I det här fallet är det tillräckligt att ställa in ämnet "ämne", och det kommer automatiskt att visas på webbplatsen.

Annars används widgeten "godtycklig meny". Gå till avsnittet "Utseende" - "Widgets", hitta den här widgeten i den övergripande listan och dra den till TESTABAR (sidokolumnen). Därefter visas inställningarna där du behöver välja den tidigare skapade menyn.

Spara inställningarna och beundra din skapelse.

Toppmeny WordPress - Så här redigerar du och tar bort

I många ämnen bildas den övre menyn automatiskt från publicerade sidor, som huvudsakligen används för allmän information - "På bloggen", "Användbar information", "Sitemap" och så vidare. För att göra detta används följande kod i header.php-filen:

> >

I mitt ämne är det duplicerat längst ner på sidan, så samma kod var i footer.php-mallen.

Vad är det obekväma:

Den bildas dynamiskt från alla skapade och publicerade sidor, du vill eller inte. Ibland måste vissa sidor lämnas obemärkt.
I vissa ämnen under toppmenyn tilldelas mycket lite utrymme, så endast de första 3-4 poängen visas i den, och resten är dold under det intilliggande skiktet (om det är ett innehållsområde eller logotyp). Det ser väldigt ful ut, och sökmotorer kan överväga denna avsiktliga dölja länkar från besökare.

Fixa dessa brister är lätta nog - du behöver bara ta bort koden som jag ledde till ovan och skriver följande design:

För personer som känner till HTML är det inte svårt för dem som vet att jag kommer att förklara. Linjerna kommer endast att skilja sig från två parametrar.