Hver WordPress-udvikler har brug for denne To-Die-For-liste over selvstudier og værktøjer [Fra begyndere til avanceret]

Afsløring: Din support hjælper med at holde webstedet kørt! Vi tjener et henvisningsgebyr for nogle af de tjenester, vi anbefaler på denne side.


WordPress er det mest populære content management system (CMS) i verden, der driver over 25% af det offentlige web. Det er delvis populært, fordi det er gratis, let at bruge og nemt at være vært. Det er også relativt let at udvikle til. Mange webdesignere og -udviklere har fået deres start med at arbejde på WordPress – og mange har gjort en lukrativ karriere ud af det.

Strukturen i WordPress adskiller indhold fra design og funktionalitet. Indhold gemmes i en database, tilpassede funktioner tilføjes med plug-ins, og designet af et websted styres af et tema.

Hvis du vil designe temaer til WordPress, hjælper det at kende nogle PHP, men det vigtigste er HTML og CSS. Ud over de grundlæggende kodningsfærdigheder er der en række WordPress-specifikke ting, du skal lære for at blive en succesrig temaudvikler.

Vi har samlet de bedste tutorials til WordPress-temaudvikling sammen med links til must-have-værktøjer, nyttige ressourcer og et par gode bøger. Her finder du alle de oplysninger, du har brug for for at oprette dine egne designs til et WordPress-sted.

Vejledninger

  • Temaudvikling er den officielle WordPress-guide. Dette er den første ting, du skal læse, når du begynder at tænke på at oprette dit eget tema.
  • Udvikling af et WordPress-tema fra Scratch er en detaljeret udforskning af, hvordan man opretter dit eget WordPress-tema, for folk, der ikke nødvendigvis kender PHP, eller endda meget om HTML og CSS.
  • WordPress Theme Development Basics er et indledende kig på, hvordan WordPress-temaer fungerer, og hvad det kræver at opbygge et.
  • Hvordan man opretter et WordPress-tema er en meget let at følge tutorial, der ikke antager forudgående viden om kodning.
  • ThemeShaper WordPress Theme Tutorial er en 16-lektions tema bygningsvejledning, der dækker hver komponent i et specialbygget tema i detaljer.
  • WordPress-tutorial: Sådan opretter du et WordPress-tema fra HTML leder læseren gennem opbygning af et WordPress-tema, startende fra en given HTML-skabelon.
  • WordPress-temaudvikling – En guide til valgmulighederne er en oversigt på højt niveau over, hvad man skal overveje, når man går i gang med et WordPress-temaudviklingsprojekt.
  • At fremstille det perfekte WordPress-tema er en 6-dels tutorial fra Tuts +, der sigter mod at hjælpe dig med at skabe det bedste WordPress-tema, du nogensinde har lavet.
  • Udvikling af dit første WordPress-tema er en begyndervejledning til temaudvikling i tre dele.
  • Udvikling af WordPress-temaer ved hjælp af responsive rammer er en tutorial, der indeholder en fælles temaudviklingsopgave – arbejde med eksisterende font-end rammer som Bootstrap og Foundation.
  • WordPress Theme Development Course fra Treehouse er et premium (betalt) videokursus, der dækker alle aspekter af at skabe et nyt WordPress-tema fra bunden af.
  • WordPress-udvikling til mellemliggende brugere: Temaudvikling i detaljer kommer forbi alle de grundlæggende elementer, der gentages i de fleste tutorials, men antager ikke, at du ved alt om WordPress – en god tutorial til temaudviklere med lidt erfaring, der ønsker at blive mere effektiv og effektiv.
  • Design, udvikling og salg af WordPress-temaer er et 17-deligt videokursus fra Udemy, der dækker de kunstneriske, tekniske og forretningsmæssige aspekter af WordPress-temaskabelse.

Mellem- og avanceret tutorials

Disse tutorials handler ikke om tema generelt, men om et bestemt aspekt af temaudvikling. Når du først har taget hånd om den grundlæggende proces med at opbygge et nyt tema, hjælper disse dig med at tage dine færdigheder til næste niveau.

  • WordPress temaudviklingsværktøjer dækker et underudforsket aspekt af WordPress temaudvikling: opsætning af et fornuftigt udviklings- og testmiljø med de rigtige værktøjer.
  • Professionelle WordPress-udviklingsstrategier giver en række nyttige tip til håndtering af nogle af de almindelige problemer med udvikling af nye WordPress-temaer og plugins.
  • Professionel WordPress-udvikling: Miljøer forklarer, hvordan man konfigurerer flere miljøer (Dev, Test, iscenesættelse, produktion), så fejl opdages og håndteres, før de implementeres på et live-sted.
  • Test af temaenhed er en vigtig og ofte ignoreret del af oprettelsen af ​​et nyt WordPress-tema. Denne tutorial fra WordPress codex er en god introduktion til emnet.
  • Udnyttelse af Chrome Developer Tools til WordPress Development er en praktisk tutorial til front-end-udvikling og debugging i Chrome, med fokus på at arbejde på et WordPress-sted.
  • Forbedring og forfining af din WordPress-temaudviklingsproces er en artikel, der fokuserer på, hvordan du rent faktisk udfører temaudvikling, ikke på den specifikke tekniske viden.
  • Brug af Sketch til design af smukke lydhøre WordPress-websteder viser dig, hvordan du bruger det populære Mac-baserede designværktøj til WordPress-temaudvikling.
  • Sådan konfigureres WordPress lokalt på 5 minutter med DesktopServer forklarer en nem måde at få et lokalt udviklingsmiljøopsætning på, så du kan begynde at oprette dit nye WordPress-tema.
  • WordPress Starter Theme vs Theme Framework Differences er en artikel, der diskuterer to forskellige tilgange til oprettelse af dit nye WordPress-tema.

Reference

Selv de bedste temaudviklere kan ikke huske alt. Tilføj bogmærker til disse sider, så du altid kan finde de oplysninger, du leder efter.

  • WordPress Codex er den officielle dokumentation for WordPress-softwaren. Hvis du vil bygge dine egne temaer, skal du lære disse sider godt at kende.
  • WordPress Coding Standards er den officielle typeguide til skrivning af WordPress-kode. Temaer og plugins, der indsendes til de officielle kataloger, forventes at følge kodningsstandarderne.
  • Trin til skabeloner er den officielle forklaring fra WordPress Codex om, hvordan temaskabelonfiler fungerer.
  • Vejledning til temaudvikler til WordPress.com fastlægger alle kravene til inkludering i temadataloget WordPress.com.
  • WordPress hooks-database er et indekseret bibliotek over hver hook og filter i WordPress-kerne. Se også den meget lignende hookr.io.
  • Naked WordPress er et lydhørt, tomt starttema, der ikke primært er beregnet som base for temaudvikling. Koden for hver fil kommenteres omhyggeligt som reference.
  • Awesome WordPress er en samlet liste over WordPress-udviklingsværktøjer og ressourcer.

Udviklingsværktøj

Hvis du stadig bruger Notepad og en FTP-klient til at foretage temaændringer på et live site, skal du forbedre din WordPress-udviklingsarbejdsgang. Stedet at starte er med moderne værktøj.

  • Roots er en pakke med WordPress-udviklingsværktøjer, der giver en moderne, integreret udviklingsoplevelse. Værktøjerne inkluderer en webserver-stak designet til let implementering, en tilpasset distribution af WordPress-kerne, der gør afhængighedsstyring og versionskontrol lettere, og et starttema med baked-in bedste praksis.
  • WP-CLI er en kommandolinjegrænseflade til WordPress, der giver dig mulighed for at installere og opgradere plugins, opdatere kerne, administrere temaer og udføre en række andre administrative opgaver fra shell uden at skulle bruge en webbrowser. Der er også en GUI til WP-CLI, i tilfælde af at du har svært ved at huske, hvordan man sammenkæder lange strenge af kommandoer.
  • WordPress Packagist spejler WordPress-plugin og temakataloger som et Composer-arkiv, så du kan udføre moderne PHP-afhængighedsstyring på tværs af flere forekomster af det samme projekt.
  • WordPress-skelet er en start git repo til WordPress-projekter.

Lokale webserver-stakke

Disse værktøjer gør alle de samme ting: leverer en webserver-stack til et lokalt udviklingsmiljø.

  • XAMPP
  • Wampserver
  • MAMP
  • DesktopServer
  • Trellis

DesktopServer og Trellis er designet specielt til WordPress. XAMPP, Wamp og MAMP vil være mest ens med servermiljøet på en typisk delt hostingplan.

plugins

Disse plugins gør WordPress temaudvikling lettere.

  • WordPress Beta Tester gør det lettere at teste Beta-udgivelser af nye WordPress-versioner. For temaudviklere kan dette hjælpe dig med at sikre dig, at dit tema er kompatibelt med eventuelle ændringer i kernen.
  • Brugerskift gør det nemt at skifte mellem forskellige brugerkonti hurtigt. Dette er meget praktisk til at teste temaer for at se, hvordan de ser ud til forskellige brugertyper (Administrator, Bidragyder, Abonnent).
  • Synchi tilføjer et IDE (integreret udviklingsmiljø) til tema- og plugin-kodeditoren i WordPress-admin.
  • Udvikler hjælper med at optimere din WordPress-installation til udvikling.
  • Hvad Filen fortæller dig, hvilke skabelonfiler der bruges til at få vist en side på dit websted.
  • Debug Bar føjer en admin-bar til et websted, der giver information om ydelse, cache, forespørgseldetaljer og andre ting, der er nyttigt for udviklere at vide.
  • Tematjek tester automatisk et tema for kompatibilitet med WordPress-temakodningsstandarder.
  • Log afskrevne meddelelser registrerer enhver brug af en forældet eller forkert anvendt funktion, fil, krog eller filter og foreslår et alternativ.
  • Tema Testdrev giver dig mulighed for at køre et tema for din admin-bruger, mens alle andre besøgende på dit websted ser et andet tema.
  • Opsætningsramme gør det nemt at oprette temaindstillingspaneler.
  • Monster Widget giver dig mulighed for hurtigt at aktivere alle core widgets på et websted, hvilket er meget nyttigt til test af temadesign og layout.

web-hosting-kupon

På udkig efter seriøs WordPress-hosting?
Liquid Web tilbyder højtydende hosting og fremragende kundesupport. Lige nu kan du spare stort på deres kvalitetsplaner ved at bruge dette specielle rabatlink
.

Begynder temaer og temarammer

Du kan opbygge et nyt WordPress-tema fra bunden af, men du vil bruge en masse tid på at skrive overflødig kode og genopfinde hjulet. De fleste professionelle temaudviklere bruger et tomt starttema, så de kan fokusere på de funktioner, der gør deres design unikt.

  • HTML5 Blank WordPress Theme er et fantastisk starttema til at få din udvikling af på højre fod.
  • Sprig er et starttema, der indeholder Twig-templeringssystemet.
  • Cherry Framework er en lydhør WordPress-temaramme baseret på Twitter Bootstrap.
  • Underscores er et ultra-minimalt, standardbaseret WordPress-starttema bygget af Automattic.
  • Genesis Framework af StudioPress er en professionel temaramme, der giver et grundlag i høj kvalitet til at opbygge smukke WordPress-temaer.
  • Specialet er et WordPress-tema og skabelonstyringssystem, der kan skindes.
  • Layers er et WordPress-tema, der kan tilpasses med en træk-og-slip-visuel editor.
  • Gantry er en temaramme for hurtig udvikling.
  • Bones er et populært HTML5 WordPress-starttema.

Bøger om WordPress Theme Design

  • At grave i WordPress (2009 – aktuelle) af Coyier og Starr er den bedste tilgængelige bog, hvis du ønsker en dyb forståelse af, hvordan WordPress virkelig fungerer. Den opdateres kontinuerligt, efterhånden som hver ny version eller patch frigives, så du får den nyeste information i papirkopi, når du køber den, plus levetidstilgang til opdateret materiale online. Hvis du kun vil købe en bog på WordPress, er det den, du får.
  • WordPress Web Design For Dummies (2013) af Lisa Sabin-Wilson er en fantastisk introduktion til WordPress og temaudvikling. Denne bog er også rigtig god for folk, der arbejder med WordPress-temaudviklere og ønsker at vide, hvad der er muligt, hvad de kan bede om, og hvad der måske er for off-the-wall.
  • Smashing WordPress-temaer: Making WordPress Beautiful (2011), af Thord Daniel Hedengren, er et populært kig på WordPress-temaskabelse med vægt på smukt design.
  • Professionel WordPress: Design og udvikling (2013), af Williams, Damstra og Stern, graver ind i den tekniske kløgtige WordPress-tema og plugin-udvikling, til kodere med en vis erfaring.
  • Web Designer’s Guide to WordPress: Plan, Theme, Build, Launch (2012) af Jesse Friedman er en grundig introduktion til WordPress fra en webdesigners perspektiv. Denne bog er bedst egnet til folk, der er nye inden for WordPress, men allerede har en vis erfaring med HTML, CSS og JavaScript.

web-hosting-kupon

På udkig efter en god WordPress-hosting til en rabat?
SiteGround – vurderet som nr. 1 af vores læsere – giver WordPress-planer optimeret til hastighed og sikkerhed. Lige nu kan du gemme op til 67% på disse populære planer. Brug dette rabatlink
at få aftalen.

Resumé

Oprettelse af nye temaer til WordPress er meget givende, men det kan også være hårdt arbejde. Der er mange bevægelige dele, ting at holde styr på og implementeringsdetaljer at huske. Hvis du bare åbner standardtemaet og begynder at rode med koden, lærer du sandsynligvis meget – men du ender ikke op med et stabilt og vedligeholdeligt tema, som du kan bruge på en offentlig side eller frigive i temagruppen..

Hvis du imidlertid følger rådene i disse tutorials og bruger værktøjerne ovenfor, vil du være i stand til at oprette smukke nye temaer og forblive sane, mens du gør det.

Yderligere læsning og ressourcer

Vi har flere guider, tutorials og infografik relateret til WordPress:

  • WordPress rettelser til rettelser og fejlfinding: denne 7 kapitelvejledning tager dig dybt inde i WordPress.
  • 3 grunde uden argumenter til at opbygge dit websted med WordPress: lær, hvorfor så mange synes WordPress er det eneste CMS, der betyder noget.
  • Hvad er WordPress: dette er vores grundlæggende introduktion til WordPress.

Sådan fremskyndes WordPress

Vil du maksimere ydelsen på din WordPress-installation? Se vores infografiske, hvordan man fremskynder WordPress.

Sådan fremskyndes WordPress
Sådan fremskyndes 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