Ultimate 12-månaders guide till Learning WordPress (Plus Resources)

Om du vill lära dig något nytt år 2015, varför inte göra det WordPress? Det ger en stor del av nätet, du förstår din egen webbplats bättre, du kan bättre kommunicera med utvecklare, och du kan tjäna lite pengar för att hjälpa andra. Dessutom ger programmering dig insikt i ett visst sätt att tänka som kan vara till hjälp i andra samhällsskikt. Tricket är att veta vad du behöver lära dig och att hålla det konsekvent - disciplin krävs.

Detta är en 12-månaders guide om vad du ska fokusera på, ett ämne per månad, en månad i taget. Bokmärk den här guiden och besök den regelbundet under hela året, och i slutet av året kanske du kan hålla din mark när det gäller WordPress.

Lär dig att använda WordPress korrekt (Jan)

Oavsett nivå du använder WordPress på, jag satsar det finns många saker du inte vet. I januari bör du fokusera på administratörssidan av saker, ingen kodning just ännu.

Se till att du inspekterar och prövar alla funktioner du ser. Prova alla länkar, titta på skärmalternativ, Hjälpflikar, försök att schemalägga ett inlägg, ta reda på vad ett klibbigt inlägg är, skapa ett sidofält och några widgets, bygga upp en meny, titta på alla tillgängliga inställningar och så vidare.

Tanken är att bli skicklig på att använda WordPress så att du kan läsa och arbeta igenom handledning snabbare. Många hoppar över det här steget och det orsakar onödig förvirring under inlärningsprocessen. Medan programmeringen inte vill distraheras av vad WordPress-importören är, kommer du ha mycket att göra utan att bördan.

Resurser som kan hjälpa till

Listan nedan är inte på något sätt uttömmande men jag rekommenderar att du går igenom varje avsnitt i administratören och provar allt. Om du inte kan ta reda på vad något gör, Google det och gå därifrån.

• Komma igång med WordPress
• Installera WordPress
• Uppdaterar WordPress
• WordPress Terminology
• Allt om inlägg
• Allt om sidor
• Använda bilder
• Inbäddning av innehåll
• kortkoder
• Plugins och teman
• Innehåll Synlighet
• Användare i WordPress
• Administrationsskärmar
• Anpassade fält
• diskussioner
• permalänkar
• WorkingWwith WordPress FAQ

Utvecklarverktyg & Grunder (Feb)

För att komma igång med utveckling behöver du lite verktyg och lite grundläggande kunskaper om arbetar med filer. Det första du vill ha är en skicklig textredigerare. Det finns gott om kodredaktörer som tidigare granskats här i Hongkiat, och de flesta är.

Jag använder personligen Atom, och redaktör gjord av GitHub. Medan det är en mycket skicklig redaktör, har det inte lättillgängliga FTP-funktioner (som jag rekommenderar att du tar hänsyn till när du väljer en redaktör. Du kommer att se varför i ett ögonblick).

Bekanta dig med din redaktör. Oavsett vilken du använder rekommenderar jag att du läser om det via Googles sökningar, tittar igenom inställningarna och ser till att du kan använda den för att skapa och redigera filer på din dator med tillförsikt.

Därefter vill du lära dig mer om FTP. File Transfer Protocol är ett sätt att läsa och redigera filer på en fjärrdator. Tanken här är att du kommer att kunna ändra din webbplats utan att behöva ladda ner filer och ladda upp dem när du har ändrat dem med en separat applikation. Här är en titt på Coda 2 i aktion.

Du borde spendera lite tid denna månad och lär dig hur grundläggande aspekter på webben fungerar. Varför webbservrar används, vilken webbläsare används för och så vidare. Du behöver inte gå in på för mycket detaljer, men du behöver en grundläggande förståelse för ett antal koncept.

Resurser som kan hjälpa till

• En lista över gratis kodredigerare
• Fem bästa textredigerare
• 14 Stora textredigerare för webbdesigners
• De bästa programmeringstextredigerarna
• FTP för nybörjare
• Vad är FTP och hur man överför filer med den
• Hur webbsidor fungerar
• Hur en webbplats fungerar
• Video om hur webbplatser fungerar
• Hur webbplatser fungerar på Quackit.com

HTML och CSS (mar)

Det är dags att få våra händer smutsiga med vissa HTML och CSS, huvudspråken på webben. HTML är vad som ger sidorna sin struktur, CSS är vad som utformar dem för att se hur de gör det. De är båda enkla språk men de behöver pratice att behärska.

Jag tycker att det är viktigt att nämna att härifrån behöver du mycket och mycket träning. Jag tror att alla språk som används på webben är enkla men det finns mycket lätt information att smälta som är en del av svårigheten att programmera.

bli inte avskräckt om du inte förstår något eller något inte fungerar, vi har Allt varit där. När du har gått igenom några resurser och du är redo för en utmaning, rekommenderar jag att du övar hitta ett element du gillar på en webbplats och försöker återskapa den. En annan bra metod är att gå över till 365 PSD eller Dribbble och hitta ett webbelement du gillar.

Ta en titt på detta Easy Notes-skott på Dribbble. Klicka på bilagan och försök och återskapa widgeten för mellanslagstyp.

När du kan skapa individuella element kan du ta itu med större projekt, som en komplett webbplats. Du kan bläddra bland webbplatser som Themeforest, Designmodo och Premium Pixels för ytterligare inspiration. Du kan även ta fram färdiga WordPress / HTML-teman och försöka återskapa dem hemma som en statisk HTML-sida.

Var noga med att vara medveten om licensiering. Teman på Themeforest och många andra platser är licensierade och får inte användas utan licens även om du återskapar dem från början!

Resurser som kan hjälpa till

html

• W3Schools
• HTML Dog
• TutorialsPoint
• Tizag

CSS

• W3Schools
• HTML Dog
• TutorialsPoint
• Tizag
• CSSTutorial.net

Andra resurser

• Codecademy HTML & CSS
• CSS Zen Garden
• CSS3 på W3Schools
• CSS färgväljare
• Interaktiv CSS Selector Tutorial
• CSS riktlinjer

PHP (april)

Tiden har kommit för att lära sig några serversidor. Hittills har du bara lärt dig kundkod. HTML och CSS skickas som till en användares webbläsare och bearbetas där. PHP bearbetas på servern och konverteras till HTML och CSS och skickas till webbläsaren. Det introducerar ett stort antal användbara funktioner som du kommer att lära dig om den här månaden.

PHP är det som tillåter WordPress att visa tusentals artiklar med en enda fil. PHP är hur en webbplats kan visa den inloggade användarens namn, hur Facebook kan visa dina vänner och så vidare. Samma sida på Facebook kommer att se väldigt annorlunda ut för dig än vad den gör för mig på grund av den magiska serverkoden.

Återigen är PHP inte svårt men det finns mycket att veta. Svårigheten ökas ytterligare genom att inte kunna skapa något användbart under en längre tid. Jag rekommenderar att du tittar på WordPress-teman så snart som möjligt för att se några praktiska tillämpningar.

Tänk på att du inte behöver veta allt i PHP för att komma igång med WordPress. Objektorienterad PHP är inte något du behöver oroa dig för på kort sikt och du behöver inte memorera alla tillgängliga funktioner.

Har en bra kunskap om variabler, loopar, om uttalanden och funktioner är en bra start. Därifrån, ju mer du vet, desto bättre, och du hämtar många saker från WordPress själv.

Resurser som kan hjälpa till

• W3Schools
• Codecademy
• Tizag
• TutorialsPoint
• PHP Språkreferens
• PHP-funktionsreferens

Ändra ett WordPress-tema (maj)

Slutligen kan vi komma igång med WordPress! WordPress använder HTML, CSS, PHP och Javascript för att visa innehåll. Du har inte lärt dig just nu om Javascript, men det är ok, vi kan göra det under en senare månad.

Det första du bör göra är ändra ett tema. Använda FTP gå in i mappen som håller ditt aktiva tema och leka med det. Hitta var titeln är och flytta den under innehållet, lägg till lite text, lägg till lite CSS och så vidare.

Observera att detta faktiskt kommer att ändra din levande webbplats så gör bara det här om du är säker på att det är okej. Teman borde aldrig ändras genom att direkt röra koden. Det är bra för träning men i verkligheten behöver du heller skapa ditt eget tema eller Använd ett barntema för att ändra en befintlig (se resursdelen för denna månad för mer info).

Målet för den här månaden är att bli bekväm med hur ett tema fungerar och koden som den använder. Du bör börja lära dig om malltaggar, speciella WordPress-funktioner som kan användas för att visa postdata och de filer som ett tema kräver.

Det tema som jag rekommenderar att du ändrar först är tjugo femton. Detta bör installeras med WordPress 4.1+ eftersom det är det nya standardtemat. Detta tema följer alla nuvarande standarder och ställer in baren för utveckling. du kan vara säker på att vilken kodning du ser i tjugo femton är korrekt.

I slutet av månaden borde du känna dig bekväm att göra små förändringar i ett tema och du bör ha en grov uppfattning om hur du startar ditt eget tema från början. glöm inte, den här månaden handlar om experimenterande, var inte rädd att göra saker som rekommenderas på vissa webbplatser. du lär dig, inte skapar en produkt!

Resurser som kan hjälpa till

• Barntema Dokumentation
• Hur man skapar ett barntema
• Barn Tema Tutorial
• Malletiketter

Skapa ett tema (juni)

Att skapa ett tema är inte så annorlunda än att ändra en befintlig, men du måste skapa många egna filer. Var inte rädd för att kopiera-klistra in från andra teman som tjugofem femton. Filer som comments.php som styr diskussionerna är ungefär samma på de flesta webbplatser. Du kan använda CSS för att få det att se annorlunda ut och justera om någon HTML kanske.

Skapa ett tema är en bra övning eftersom det tar dig igenom så mycket funktionalitet det fördjupar din kunskap om WordPress i allmänhet. du måste skapa en rubrik och sidfot, du måste tänka på sidfält, menyer, kommentarer, enskilda inlägg, sidor, hemsidor och mer.

Du bör fokusera på frågor som kommer upp under utveckling. Din hemsida visar de senaste 10 inläggen på framsidan, men "Vad gör jag om jag vill ha något helt annat?" Det här är den typ av frågor som bara kan uppstå när du bygger något.

du måste ha en god förståelse för mallhierarkin som reglerar filerna som är ansvariga för att visa specifikt innehåll. Se till att du tittar på sidmallar (se resurser). Dessa låter dig bygga sidor med anpassad funktionalitet.

När du har gått igenom allt rekommenderar jag att du tittar på Avancerade anpassade fält. Med denna plugin kan du skapa mycket användbara alternativgrupper för inlägg som du kan använda i dina teman.

jag”ll lista massor av resurser här men om du är osäker, se tjugo femton kodbasen för hjälp, det borde ha allt du behöver!

Resurser som kan hjälpa till

• Mall Hierarki
• Villkorliga etiketter
• Fullständig funktionsreferens
• Temautveckling
• Sidofält Dokumentation
• Navigationsmenyer
• Arkivindex
• Skapa en statisk frontsida
• Skapa en söksida
• Skapa en 404-sida
• Kommentarmallen
• Författarmallar
• Sidmallar
• Avancerade anpassade fält

Grunderna om krokar och plugins (jul)

Krokarna utgör grunden för plugins. De låter dig lägga till ny funktionalitet till WordPress eller ändra befintlig kärna funktionalitet utan att behöva ändra kärnan koda.

De fungerar som triggers. I stället för att gå till koden i WordPress-filerna som publicerar ett inlägg och lägger till din egen kod för att skicka författaren ett mail kan du säga: “När WordPress publicerar ett inlägg skickar du ett mail till författaren”. Detta kan göras i en helt separat fil vilket innebär att kärnkoden aldrig ändras.

Du har faktiskt använt dem i ditt tema också när du använde wp_head () och wp_footer () funktioner. WordPress använder dessa internt för att mata ut en massa kod, till exempel administratörsfältet. Så här kan plugins ändra teman utan att faktiskt röra temat.

Att lära sig om krokar är din startpunkt i pluginutveckling. Att förstå dem är nyckeln till att arbeta med WordPress och kanske erbjuda professionella tjänster i framtiden. Ta dig tid att behärska den här, du kommer att vara beroende av krokar tungt för alla dina projekt.

Den här månaden borde du inte gräva för djupt i plugins men lära sig de nödvändiga filerna och vissa grunder kommer troligen att passa inuti vår tidsram. Plugins är mycket enkla att skapa, de behöver egentligen bara en enda fil med en kommentar ovanpå.

Därifrån kan du göra vad som helst du”d gillar men du behöver använda rätt krokar - det är därför krokar är så viktiga.

Resurser som kan hjälpa till

• Plugin API
• Den slutgiltiga guiden till krokar
• Nybörjarens guide till åtgärder och filter
• Definiera dina egna krokar
• Skriva ett plugin
• Så här skapar du ett WordPress-plugin

Plugin Proficiency (Aug)

Augusti är det dags att lägga lite övning i att skapa plugins. Hitta något du vill ha en plugin för och gör det själv. Vill du ha alla instanser av bra omvandlade till “grymt bra” när som helst ett inlägg publiceras? Fortsätt och gör det.

Om du hittar en bra idé kan du skicka in den till plugin-arkivet, men namnet på spelet är praktiken gör det perfekt. Du kan börja oroa dig för att följa kodningsstandarderna och se till att din kod är kommenterad och snygg formaterad.

Du borde ha tillräckligt med kunskap nu för att bli distraherad av sådana saker. Efter ett tag kommenterar och standardkoden blir den andra naturen, även om det verkar lite obetydligt först.

Skapa minst 2-3 plugins den här månaden. Gör dem varierade, om man ändrar efter innehåll, kanske den andra ska göra något när ett inlägg publiceras. Kanske borde du skapa några anpassade posttyper och anpassade taxonomier, det behövs ofta för mer komplexa projekt, se länkarna i resursdelen.

Detta är det stadium där du gradvis ska lära dig avlägsna områden i WordPress som att skapa nya roller, anpassade posttyper och mer. Du kan jaga allt detta ner och studera dem, men det kan vara bättre att ta itu med dem när de kommer upp som ett krav på ett projekt.

Att koda effektivt och säkert med de saker du känner är viktigare än mängden saker i din hjärna. Jag har kodat länge nu och jag behöver ibland leta upp de enklaste sakerna. Att veta att något är tillgängligt är tillräckligt, att kunna kodas enkelt är viktigare,

Resurser som kan hjälpa till

• Kodningsstandarder
• phpDocumentor Documentation
• Anpassade taxonomier
• Anpassade inläggstyper
• Inställningar API
• Metadata API
• Alternativ API
• Komplett guide till anpassade inläggstyper
• Skapa översättbara teman och plugins
• Enqueueing Scripts och stilar

Javascript (september)

Den (nästan) sista delen av pusslet är Javascript. Javascript tillåter dig att lägga till interaktivitet och andra avancerade funktioner på din webbplats. Genom att använda Javascript kan du en popup-modal, ladda in kommentarer på plats, implementera ändlös rullning och mycket mer.

Javascript är i grunden ett klientsidans språk men kan kopplas till serverns sidokod med AJAX. Det här låter dig rösta på en artikel till exempel. När du klickar på röstknappen ändras knappen till en tacknot och rösträkningen ökar med en. Allt detta händer utan att sidan laddas om. Detta är Javascript kopplat till PHP med AJAX.

De flesta av Javascript som du använder kommer att vara jQuery. jQuery är ett JavaScript-ramverk som implementerar specialfunktioner och ger dig enkel åtkomst till vanliga mönster. Det är viktigt att förstå att jQuery är inte speciell Javascript, precis som det inte finns något speciellt om PHP som används i WordPress. Det är helt enkelt en ram där du kan arbeta.

Javascript kan vara det mest komplexa eftersom det spänner över flera discipliner och kan hittas i många aspekter av en webbplats. Från spårningskoder för att ladda resurser, hantera bilder, avlyssna användaråtgärder och enkla animeringar, är det verkligen överallt.

Den goda nyheten är att du vet att du har all den kunskap du behöver för att lägga till Javascript till ditt tema eller plugin direkt. Du borde vara “över bulten” - allt du lär dig just nu ska vara enkelt att genomföra när du har lärt dig det.

Resurser som kan hjälpa till

Javascript

• W3Schools
• Codecademy
• TutorialsPoint
• HTML Dog

jQuery

• W3Schools
• Codecademy
• jQuery Learning Center
• TutorialsPoint

Mer

• AJAX och WordPress
• Så här använder du AJAX i WordPress

Övningspraxis (okt)

För att understryka hur viktig praxis jag skulle rekommendera ägna en hel månad till det vid denna punkt. Jag har programmerat ganska länge nu och jämfört med en nykomling kan jag förstå nya koncept snabbare men jag är fortfarande helt borttappad utan övning.

Lyckligtvis, ju mer du övar, desto snabbare lär du dig saker senare. I själva verket, genom att vana sig vid att alltid arbeta med kod, behöver du mindre och mindre övning för att få samma resultat.

I ett WordPress-miljö är det bästa sättet att träna att skapa teman och plugins. En metod du kan försöka är att skapa en enkel, redan existerande plugin från början. Om du fastnar någonstans kan du titta på källkoden för den aktuella produkten.

Fokusera på att fördjupa din förståelse av begrepp du redan vet. Kom i träning med att läsa design- och utvecklingsbladen och utvecklarbloggar av dina favoritappar. Här är några av de största platserna att läsa om webbutveckling bortsett från här på Hongkiat självklart.

Din läsningslista

• Smashing Magazine
• WPMU DEV Blog
• En lista bortsett från
• Webdesign Depot
• Speckyboy
• Sex revisioner
• Scotch.io
• David Walsh Blog
• Code.Tutsplus
• Designmodo
• CSS-Tricks
• Frykt inte Internet

Avancerade koncept (nov)

Det här är den månad där all den kunskap du har borde komma ihop och du kan börja bli programmerare. Du borde kunna börja ser den stora bilden och ha en fungerande kunskap av de fyra huvudspråken som WordPress använder: HTML, CSS, JS och PHP.

Jag skulle råda att börja lära mig objektorienterad PHP. Du använder det redan i dina teman och plugins i loop och andra konstruktioner. OOP (objektorienterad PHP) kommer att göra det möjligt för dig att skriva bättre kod och förstå kärnkoden för WordPress bättre. Dessutom är det gatewayen till programmering med C-typspråk och därigenom skapar appar för iOS till exempel.

Du kan vidareutveckla din WordPress-kunskap genom att lära dig om några av klasserna, hur man interagerar med databasen direkt, hur transienter fungerar.

Du borde kunna göra små, betalda projekt nu med tillförsikt. glöm inte att göra faktiskt uppdragsarbete är där du lär dig mest. Det handlar inte bara om kodning, det handlar om att lära sig att kommunicera om kod till personer som inte vet någonting bredvid internet.

Övning är viktigt i alla skeden, men du borde nu ha tillräckligt med kunskaper för att lära sig ett koncept utan för mycket arbete. Transienter (alternativ med ett utgångsdatum) bör vara tydliga till exempel, även om du aldrig har haft behov av dem. Du bör kunna mäta när de kommer att vara användbara och titta upp dem efter behov.

Som det sista språket att lära sig för WordPress vill du kolla på MySQL som är van vid fråga databasen direkt. Mycket av denna funktionalitet kan användas via funktioner men ibland måste du fråga direkt db.

Jag vill betona vikten av komma in i en objektorienterad tankegång. Det kommer att verka väldigt alien först och användningen av dem verkar oklart. Kom ihåg hur användningen av PHP var oklart när du först studerade det? Hur får en variabel och ett if-uttalande mig en webbsida?

Objektorienterad PHP är liknande. Den används för komplexa fall, desto mer komplicerade saker behövs bara för storskaliga applikationer. Därför verkar koncept ibland överflödiga eller överkomplexa.

Jag rekommenderar verkligen högkvalitativa video-tutorials för den här. Mina favoriter finns på Laracaster (se resurser). Larakaster gjordes främst för Laravel men innehåller många OOP och andra högnivåkoncept.

• MySQL På W3Schools
• MySQL På TutorialsPoint
• Laracasts
• Objektorienterad PHP för nybörjare
• TutorialsPoint
• OOP-dokumentation
• Trähus
• Interagera med WordPress-databasen
• En guide till transienter
• The Walker Class
• WP_Error klassen
• WP_Query-klassen

Avancerade utvecklingsverktyg (dec)

Nu när du vet mycket mer är det dags att göra ditt liv enklare genom att lära dig att använda några avancerade verktyg. Detta inkluderar saker som använder SSH för att komma åt en server, WP-CLI för att hantera WordPress-installationer, Vagrant för att skapa en lokal WordPress-installation, och mer.

Det första du bör lära dig är hur man ställer in WordPress lokalt med XAMPP, MAMP, WAMP eller Vagrant. Jag använder personligen Vagrant, men resten är också bra. Detta eliminerar behovet av att använda FTP hela tiden, avsevärt påskynda utvecklingstiden.

Därefter bör du titta på SSH. Detta involverar använder terminalen och utfärdande kommandon. Det låter läskigt men det är verkligen inte. Det kommer att öppna en helt ny värld. WP-CLI kommer att bli en bra introduktion till detta. Det låter dig installera WordPress om några sekunder, ladda ner ett tema, uppdatera det och skapa testanvändare med ett enkelt kommando.

Jag rekommenderar också att lära sig allt om CSS preprocessorer. Språk som LESS och SASS tillåter dig att använda variabler, funktioner och andra avancerade koncept i din CSS.

Som en del av dina förprocessorstudier bör du lära dig hur du använder avancerade kompilatorverktyg som Prepros eller Codekit. Dessa verktyg kan ladda om webbplatsen när en fil sparas, kompilera automatiskt CSS, minimera Javascript och så vidare.

Detta ger dig insikt i världen av kodning för produktion. I utveckling vill du använda så många separata filer som möjligt för att göra din kod mer logisk. I produktion vill du bara ha så lite fotavtryck som möjligt, så att alla Javascript och CSS-filer ska minimeras och sammanfogas. De nämnda verktygen ger dig allt du behöver för att bli bekväm med detta.

Du bör också börja arbeta mer effektivt med din textredigerare. Användar du snippets? Kontrollerar du din syntax automatiskt? Känner du till alla kortkommandon som skulle göra ditt liv enklare?

Detta är ett område där du ständigt kan förändras och växa. Jag gick från att använda XAMPP till MAMP till slutligen Vagrant. Det var en naturlig inlärningskurva och jag är fortfarande i färd med att lära mig allt som finns att veta om Vagrant.

Jag gick från att använda Notepad ++ till Sublime till Coda till Atom. Det finns inget fel med något av dessa verktyg, men när jag växte gick jag naturligtvis fram från den ena till den andra.

Slutligen vill du kolla in versionskontroll, specifikt SVN och Git. Grunderna är mycket lika, du måste lära dig några separata kommandon, men när du förstår en, kommer den andra att vara lätt att förstå.

Anledningen till att du vill ha båda är att WordPress använder SVN för tillfället så när du släpp plugins och teman du behöver använda SVN. De flesta projekt använder Git som det är lite bättre för arbetar i lag, så det är vad du vill använda för andra projekt.

Resurser som kan hjälpa till

• Använda Vagrant att ställa in en lokal WordPress-miljö
• Luffare
• XAMPP
• MAMP
• WAMP
• SSH-handledning för Linux
• Hur man använder SSH
• WP-CLI
• WP-CLI handledning
• MINDRE
• SASS
• SASS Basics
• SASS Guides
• Komma igång med mindre
• Codekit
• Prepros
• Koala
• En visuell guide till Version Control
• Lär dig Version Control med Git
• SVN-boken

Slutord

Jag hoppas att den här artikeln gav dig en bra översikt över vad som krävs få allt från ingenting till att vara en proutvecklare. I verkligheten om du kan begå fulltid kommer det förmodligen inte att ta ett helt år.

Det finns två stora saker att tänka på. Huvuddelen är att det inte är svårt att någon enda bit är det, det är mycket att veta, vilket gör det svårt när man sätter ihop. var inte avskräckt om du fastnar eller jobbar långsammare än andra. Alla arbetar i sin egen takt, om du håller på det kommer du att bli en bra utvecklare.

En av de viktigaste egenskaperna hos bra utvecklare är också det de slutar aldrig att lära sig. De letar kontinuerligt efter bättre lösningar, lär sig nya språk och nya metoder. De kommer ihåg att världens kodning inte är svart och vitt, många gånger Det finns inget enda bra svar på ett problem.

Lycka till med dina kodningsstudier 2015, låt oss veta hur du gör i kommentarerna nedan!