jQuery hjälper dig att skapa interaktiva, användarvänliga och vackra webbplatser. För dem med lite CSS- och HTML-kunskap låter jQuery komplicerat, men med lättföljda handledningar kan vem som helst lägga till snygga effekter på sin webbplats. I den här artikeln kommer vi att lista några av de bästa jQuery-handledningarna för WordPress-nybörjare.
Med dessa handledningar kommer du inte bara att lära dig hur du lägger till dessa fiffiga jQuery-skript på din WordPress-webbplats, utan du får också en chans att lära dig lite jQuery och hur du använder det i WordPress. För absoluta nybörjare rekommenderar vi att du först tittar på vår guide om hur du lägger till kodavsnitt i WordPress och hur du korrekt lägger till JavaScript och stilar i WordPress.
1. Hur man lägger till jQuery Tabber Widget i WordPress
Flik-widgeten låter dig spara sidofältsutrymme genom att kombinera flera widgets i en enda widget med flikar. I den här jQuery-handledningen får du lära dig hur du skapar en jQuery-flik-widget som ett plugin som är lätt att modifiera och du kan anpassa den för att lägga till vilket innehåll du vill i flikarna.
2. Hur man lägger till en jQuery FAQ Accordion i WordPress
Sidor med vanliga frågor kan bli långa och svårlästa. I den här jQuery-handledningen visar vi hur du skapar en FAQ-sektion på din webbplats med jQuery accordion. Detta skapar en mycket bättre användarupplevelse eftersom användarna snabbt kan se frågorna utan att behöva scrolla för mycket.
3. Hur man lägger till en jämn scrollning till toppen-effekt i WordPress med jQuery
För webbplatser som publicerar långa artiklar där en användare behöver scrolla mycket för att se hela innehållet, ger en knapp eller länk för att skicka användare tillbaka till toppen av sidan en bättre användarupplevelse. I den här handledningen visade vi hur du lägger till en knapp för att gå tillbaka till toppen med en mjuk scroll-effekt med jQuery.
4. Hur man lägger till jQuery-verktygstips i WordPress-kommentarformuläret
Verktygstips kan användas för att ge användarna instruktioner eller användbar information när de för muspekaren över ett element. I den här jQuery-handledningen visar vi hur du lägger till verktygstips i ditt WordPress-kommentarformulär. Det ser inte bara snyggt ut, det uppmuntrar också dina användare att delta i diskussioner på din webbplats.
5. Hur du gör dina videor responsiva i WordPress med FitVids
När du lägger till YouTube-videor på din WordPress-webbplats är de inte responsiva som standard. Även om ditt WordPress-tema är responsivt, kommer videokontainern att skevas oproportionerligt och skapa en dålig användarupplevelse för användare på mindre enheter och skärmstorlekar. I den här handledningen visar vi hur du använder Fitvids jQuery-plugin för att göra dina videor responsiva i WordPress.
6. Hur man lägger till roterande vittnesmål i WordPress
Som titeln antyder, i den här handledningen visar vi hur du lägger till roterande recensioner på din WordPress-webbplats. Mycket användbart när du har en recensionssektion på din webbplats och du vill visa recensioner med en snygg jQuery-effekt.
7. Hur man lägger till en skjutpanelmeny i WordPress-teman
En skjutpanelmeny visas när en användare klickar på menyknappen på din webbplats. I den här handledningen får du lära dig hur du skapar mobilvänliga skjutpanelmenyer med jQuery.
8. Hur man lägger till tooltip-recensioner i WordPress-teman
I den här handledningen visar vi hur du visar användarrecensioner i jQuery Tooltip. Den bygger på koden vi har använt på sidan WPBeginner Videos. Istället för att visa recensioner i blockcitat visas recensionstexten när en användare för muspekaren över användarfotot.
Vi hoppas att du kommer att prova några av dessa jQuery-handledningar på din WordPress-webbplats. Förhoppningsvis kommer detta att hjälpa dig att komma igång med jQuery och WordPress-teman. Låt oss veta om det finns något specifikt jQuery-tips som du skulle vilja se implementerat i WordPress? För feedback och frågor, vänligen lämna en kommentar.
Mrteesurez
Som jag har lärt mig vikten av jQuery. Dessa handledningar är verkligen användbara för att lägga till fler jQuery-funktioner och funktionalitet till webbplatsen, jag går igenom handledningarna en efter en för att lära mig och se kraften i jQuery och dess olika användningsområden. Hoppas kunna lägga till fler handledningar till den här listan snart.
adolf witzeling
Bra sätt att komma igång med jQuery – tack för att du delade.
abhisek
Tack för samlingen men som du vet är människans önskningar obegränsade så vi vill ha fler sådana fina, användbara och enkla handledningar :-). Förresten, om vi använder jquery i menyn (Slide panel menu) kommer det att vara synligt för sökmotorernas crawlers eller måste vi modifiera koden lite?