Varje WordPress-utvecklare behöver denna To-Die-For-lista över lektioner och verktyg [Från nybörjare till avancerad]

Avslöjande: Ditt stöd hjälper till att hålla webbplatsen igång! Vi tjänar en remissavgift för några av de tjänster vi rekommenderar på denna sida.


WordPress är världens mest populära innehållshanteringssystem (CMS) och driver över 25% av den offentliga webben. Det är delvis populärt eftersom det är gratis, enkelt att använda och enkelt att vara värt. Det är också relativt lätt att utveckla för. Många webbdesigners och utvecklare har börjat med att arbeta på WordPress – och många har gjort en lukrativ karriär ur det.

Strukturen i WordPress skiljer innehåll från design och funktionalitet. Innehåll lagras i en databas, anpassade funktioner läggs till med plugin-ins, och designen på en webbplats styrs av ett tema.

Om du vill utforma teman för WordPress, hjälper det att känna till PHP, men det viktigaste är HTML och CSS. Förutom grundläggande kodningskompetens finns det ett antal WordPress-specifika saker du behöver lära dig för att bli en framgångsrik temautvecklare.

Vi har samlat de bästa tutorials för WordPress-temautveckling, tillsammans med länkar till måste-ha verktyg, användbara resurser och några bra böcker. Här hittar du all information du behöver för att skapa dina egna mönster för en WordPress-webbplats.

Handledningar

  • Temautveckling är den officiella WordPress-guiden. Det här är det första du bör läsa när du börjar fundera på att skapa ditt eget tema.
  • Att utveckla ett WordPress-tema från Scratch är en detaljerad utforskning av hur du skapar ditt eget WordPress-tema, för människor som inte nödvändigtvis vet PHP, eller till och med mycket om HTML och CSS.
  • WordPress Theme Development Basics är en inledande titt på hur WordPress-teman fungerar och vad som krävs för att bygga ett.
  • Hur man skapar ett WordPress-tema är en väldigt lätt att följa handledning som inte förutsätter förkunskaper om kodning.
  • ThemeShaper WordPress Theme Tutorial är en 16-lektions temabyggnadsstudie som täcker varje komponent i ett specialbyggt tema i detalj.
  • WordPress Tutorial: Hur man skapar ett WordPress-tema från HTML leder läsaren genom att bygga ett WordPress-tema, med start från en given HTML-mall.
  • WordPress-temautveckling – En guide till alternativen är en översikt på hög nivå över vad man bör tänka på när man börjar med ett WordPress-temautvecklingsprojekt.
  • Att göra det perfekta WordPress-temat är en 6-delad tutorial från Tuts +, som syftar till att hjälpa dig skapa det bästa WordPress-temat du någonsin har gjort.
  • Att utveckla ditt första WordPress-tema är en nybörjarguide för temautveckling i tre delar.
  • Utveckla WordPress-teman med responsiva ramverk är en handledning som beskriver en gemensam temautvecklingsuppgift – arbetar med befintliga typsnittramar som Bootstrap och Foundation.
  • WordPress Theme Development Course från Treehouse är en premium (betald) videokurs som täcker alla aspekter av att skapa ett nytt WordPress-tema från grunden.
  • WordPress-utveckling för mellanliggande användare: Temautveckling i detalj går förbi alla grunderna som upprepas i de flesta tutorials, men antar inte att du vet allt om WordPress – en bra tutorial för temautvecklare med lite erfarenhet som vill bli mer effektiv och effektiv.
  • Design, utveckla och sälja WordPress-teman är en 17-delig videokurs från Udemy som täcker de konstnärliga, tekniska och affärsmässiga aspekterna av WordPress-temaskapning.

Mellan- och avancerade självstudier

Dessa tutorials handlar inte om teman i allmänhet, utan om någon speciell aspekt av temautvecklingen. När du har tagit hand om den grundläggande processen för att bygga ett nytt tema, hjälper dessa dig att ta dina färdigheter till nästa nivå.

  • WordPress Temautvecklingsverktyg täcker en underutforskad aspekt av WordPress temautveckling: att skapa en sund utveckling och testmiljö med rätt verktyg.
  • Professionella WordPress-utvecklingsstrategier ger ett antal användbara tips för att hantera några av de vanliga problemen med att utveckla nya WordPress-teman och plugins.
  • Professionell WordPress-utveckling: Miljöer förklarar hur man ställer in flera miljöer (Dev, Test, Staging, Production) så att fel upptäcks och hanteras innan de distribueras till en live-webbplats.
  • Test av temanhet är en viktig och ofta ignorerad del av att skapa ett nytt WordPress-tema. Denna handledning från WordPress-kodxen är en bra introduktion till ämnet.
  • Utnyttja Chrome Developer Tools för WordPress Development är en praktisk tutorial om front-end utveckling och felsökning i Chrome, med fokus på att arbeta på en WordPress-webbplats.
  • Förbättra och förfina din WordPress-temautvecklingsprocess är en artikel som fokuserar på hur du faktiskt åstadkommer temautveckling, inte på den specifika tekniska kunskapen.
  • Med Sketch för att utforma vackra responsiva WordPress-webbplatser visar du hur du använder det populära Mac-baserade designverktyget för WordPress-temautveckling.
  • Hur man ställer in WordPress lokalt på 5 minuter med DesktopServer förklarar ett enkelt sätt att få en lokal utvecklingsmiljöinstallation så att du kan börja skapa ditt nya WordPress-tema.
  • WordPress Starter Theme vs Theme Framework Differences är en artikel som diskuterar två olika metoder för att skapa ditt nya WordPress-tema.

Referens

Även de bästa temautvecklarna kommer inte ihåg allt. Lägg till en bokmärke för dessa sajter så att du alltid kan hitta den information du letar efter.

  • WordPress Codex är den officiella dokumentationen för WordPress-programvaran. Om du ska bygga dina egna teman bör du lära känna dessa sidor mycket bra.
  • WordPress Coding Standards är den officiella stilguiden för att skriva WordPress-kod. Teman och plugins som skickas till de officiella katalogerna förväntas följa kodningsstandarderna.
  • Att gå in i mallar är den officiella förklaringen från WordPress Codex om hur temamallfiler fungerar.
  • Temautvecklarhandbok för WordPress.com innehåller alla krav för inkludering i temakatalogen WordPress.com.
  • WordPress hooks-databas är en indexerad katalog över alla krokar och filter i WordPress-kärnan. Se också den mycket likadana hookr.io.
  • Naked WordPress är ett lyhört, tomt starttema som inte främst är avsett som bas för temautveckling. Koden för varje fil kommenteras noggrant för referens.
  • Awesome WordPress är en sammanställd lista över WordPress-utvecklingsverktyg och resurser.

Verktyg för utvecklingsarbetsflöde

Om du fortfarande använder Notepad och en FTP-klient för att göra temaförändringar på en live-webbplats måste du förbättra ditt WordPress-utvecklingsarbetsflöde. Platsen att börja är med modernt verktyg.

  • Roots är en svit med WordPress-utvecklingsverktyg som ger en modern, integrerad utvecklingsupplevelse. Verktygen inkluderar en webbserverstapel som är utformad för enkel distribution, en anpassad distribution av WordPress-kärnan som underlättar beroendehantering och versionskontroll och ett starttema med inlagda bästa metoder.
  • WP-CLI är ett kommandoradsgränssnitt för WordPress som låter dig installera och uppgradera plugins, uppdatera kärnan, hantera teman och utföra ett antal andra administrativa uppgifter från skalet, utan att behöva använda en webbläsare. Det finns också ett GUI för WP-CLI, om du har svårt att komma ihåg hur man sammanlänker långa strängar med kommandon.
  • WordPress Packagist speglar WordPress-plugin och temakataloger som ett Composer-arkiv, så att du kan göra modern PHP-beroendehantering i flera instanser av samma projekt.
  • WordPress-Skeleton är en startgitrepo för WordPress-projekt.

Lokala webbservern staplar

Dessa verktyg gör alla samma sak: ge en webbserver stack för en lokal utvecklingsmiljö.

  • XAMPP
  • WampServer
  • MAMP
  • DesktopServer
  • Galler

DesktopServer och Trellis är designade specifikt för WordPress. XAMPP, Wamp och MAMP kommer att vara mest lik servermiljön i en typisk delad värdplan.

plugins

Dessa plugins underlättar WordPress-temautvecklingen.

  • WordPress Beta Tester gör det lättare att testa Beta-versioner av nya WordPress-versioner. För temautvecklare kan detta hjälpa dig att se till att ditt tema är kompatibelt med alla ändringar som görs i kärnan.
  • Användarbyte gör det enkelt att snabbt växla mellan olika användarkonton. Detta är mycket praktiskt för att testa teman för att se hur de ser ut för olika typer av användare (administratör, bidragsgivare, prenumerant).
  • Synchi lägger till en IDE (integrerad utvecklingsmiljö) i temat och plugin-kodredigeraren i WordPress-admin.
  • Utvecklare hjälper till att optimera din WordPress-installation för utveckling.
  • Vad filen berättar för dig vilka mallfiler som används för att visa en sida på din webbplats.
  • Debug Bar lägger till en administratörsfält till en webbplats som ger information om prestanda, cachning, frågainformation och andra saker som är användbara för utvecklare att veta.
  • Temakontroll testar automatiskt ett tema för kompatibilitet med WordPress-temakodningsstandarder.
  • Logga avskrivna meddelanden registrerar all användning av en avskrivad eller felaktigt använd funktion, fil, krok eller filter, och föreslår ett alternativ.
  • Theme Test Drive låter dig köra ett tema för din administratörsanvändare medan alla andra besökare på din webbplats ser ett annat tema.
  • Alternativramen gör det enkelt att skapa temalternativspaneler.
  • Monster Widget låter dig snabbt aktivera alla kärnwidgets på en webbplats, vilket är mycket användbart för att testa temadesign och layout.

webbhotell kupong

Letar du efter seriös WordPress-värd?
Liquid Web ger högpresterande värd och utmärkt kundsupport. Just nu kan du spara stort på deras kvalitetsplaner genom att använda denna speciella rabattlänk
.

Starttema och temaramverk

Du kan bygga ett nytt WordPress-tema från grunden, men du kommer att spendera mycket tid på att skriva redundant kod och återuppfinna hjulet. De flesta professionella temautvecklare använder ett tomt starttema så att de kan fokusera på de funktioner som gör deras design unik.

  • HTML5 Blank WordPress Theme är ett bra starttema för att få din utveckling på höger fot.
  • Sprig är ett starttema som innehåller Twig-templatorsystemet.
  • Cherry Framework är en lyhörd WordPress-temaram baserad på Twitter Bootstrap.
  • Underscores är ett ultra-minimalt, standardbaserat WordPress-starttema byggt av Automattic.
  • Genesis Framework av StudioPress är en professionell temaram som ger en högkvalitativ grund för att bygga vackra WordPress-teman.
  • Avhandling är ett skinnbart WordPress-tema och mallhanteringssystem.
  • Layers är ett anpassningsbart WordPress-tema med en dra-och-släpp-visuell redigerare.
  • Gantry är en temaram för snabb utveckling.
  • Bones är ett populärt HTML5 WordPress-starttema.

Böcker om WordPress Theme Design

  • Att gräva till WordPress (2009 – aktuellt), av Coyier och Starr, är den bästa tillgängliga boken om du vill ha en djup förståelse för hur WordPress verkligen fungerar. Den uppdateras kontinuerligt när varje ny version eller patch släpps, så du får den senaste informationen i papperskopia när du köper den, plus livslängd åtkomst till uppdaterat material online. Om du bara ska köpa en bok på WordPress är det den här du får.
  • WordPress Web Design For Dummies (2013), av Lisa Sabin-Wilson, är en bra introduktion till WordPress och temautveckling. Den här boken är också riktigt bra för människor som arbetar med WordPress-temautvecklare och vill veta vad som är möjligt, vad de kan begära och vad som kan vara för off-the-wall.
  • Smashing WordPress-teman: Making WordPress Beautiful (2011), av Thord Daniel Hedengren, är en populär titt på WordPress-temaskapande med tonvikt på vacker design.
  • Professionell WordPress: Design and Development (2013), av Williams, Damstra och Stern, gräver in i den tekniska snygga av WordPress-tema- och pluginutveckling, för kodare med lite erfarenhet.
  • Web Designer’s Guide to WordPress: Plan, Theme, Build, Launch (2012), av Jesse Friedman, är en grundlig introduktion till WordPress, ur en webbdesigners perspektiv. Den här boken passar bäst för personer som är nya i WordPress, men som redan har viss erfarenhet av HTML, CSS och JavaScript.

webbhotell kupong

Letar du efter bra WordPress-värd med rabatt?
SiteGround – rankad som nummer 1 av våra läsare – ger WordPress-planer optimerade för snabbhet och säkerhet. Just nu kan du spara upp till 67% på dessa populära planer. Använd denna rabattlänk
för att få affären.

Sammanfattning

Att skapa nya teman för WordPress är mycket givande, men det kan också vara hårt arbete. Det finns många rörliga delar, saker att hålla reda på och implementeringsdetaljer att komma ihåg. Om du bara öppnar standardtemat och börjar röra med koden, kommer du förmodligen att lära dig mycket – men du kommer inte att sluta med ett stabilt och underhållbart tema som du kan använda på en offentlig webbplats eller släppa i temakatalogen.

Men om du följer råden i dessa tutorials och använder verktygen som listas ovan, kommer du att kunna skapa vackra nya teman och förbli sana medan du gör det.

Ytterligare läsning och resurser

Vi har fler guider, självstudier och infografik relaterade till WordPress:

  • WordPress Fixing and Troubleshooting Guide: den här 7 kapitelguiden tar dig djupt in i WordPress.
  • 3 anledningar utan argument för att bygga din webbplats med WordPress: lära varför så många tycker att WordPress är det enda CMS som är viktigt.
  • Vad är WordPress: detta är vår grundläggande introduktion till WordPress.

Hur man påskyndar WordPress

Vill du maximera prestandan för din WordPress-installation? Kolla in vår infographic, Hur man påskyndar WordPress.

Hur man påskyndar WordPress
Hur man påskyndar WordPress

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map