precis som en målare behöver en pensel, en smed hennes hammare och snickare hans såg, behöver WordPressers sin egen uppsättning verktyg.
medan vi har många olika WordPress utvecklingsverktyg till vårt förfogande, det mesta av arbetet sker i en enkel textredigerare.
oavsett om du är en full-on plugin eller tema utvecklare eller ”bara” en avancerad användare, vi behöver kod redaktörer hela tiden: Konfigurera kärnfiler, ändra stilar, redigera mallfiler, du heter det — en bra bit av vårt arbete ändrar kodrader.
därför är det bara bra och korrekt att vi använder det bästa verktyget till vårt förfogande, eller hur? När allt kommer omkring, som Abraham Lincoln (påstås) sa: ”Ge mig sex timmar att hugga ner ett träd och jag kommer att spendera de första fyra som skärper yxan.”
(trodde inte att jag kunde föra Lincoln till en konversation om WordPress, eller hur? Inte jag heller.)
För att se till att vi alltid använder de skarpaste axlarna, låt oss ta en titt på några av de bästa kodredigerarna för WordPress-utvecklare och användare där ute.
vad du ska leta efter i en kodredigerare för WordPress-utveckling
innan vi går vidare till själva programvaran, låt oss snabbt gå över varför vi borde använda en specialiserad kodredigerare i första hand.
kan du trots allt inte redigera WordPress-filer med någon typ av textredigerare, inklusive den som levereras med datorns operativsystem?
även om det faktiskt är sant och sådana program är tillräckliga i en nypa, erbjuder en bra kodredigerare många fler funktioner förutom ”redigering” – delen, alla utformade för att göra ditt liv som WordPress-arbetare mycket enklare och spara massor av tid.
i det följande kommer jag att gå över några vanliga funktioner och funktioner för professionella kodredigeringsprogram.
beroende på dina behov och preferenser kan de utgöra en stor faktor i ditt beslut för eller mot någon av kodredigerarna på den här listan. Därför bör du se till att dina måste-ha-funktioner antingen ingår naturligt eller kan läggas till via ett tillägg.
Target Language Support
först och främst är det viktigt att se till att kodredigeraren av val stöder programmeringsspråk du planerar att arbeta med.
för webbutveckling skulle detta vanligtvis vara HTML, CSS, PHP och JavaScript. Men du kan också behöva ytterligare språk.
lyckligtvis stöder de flesta av dagens redaktörer dessa som standard. Ändå skadar det inte att kontrollera.
syntaxmarkering och layoutalternativ
möjligheten att automatiskt markera olika element i kodsyntaxen med olika färger är en mycket användbar funktion för programmering, skript och markeringsspråk.
det gör det mycket lättare att förstå och läsa koden, spot syntaxfel (eftersom strängar inte ändrar färg om de inte är färdiga) och se var en konsol slutar och nästa börjar.
många kodredigerare erbjuder också ytterligare layoutalternativ som kodvikning och automatisk indragning. Kombinerat förbättrar dessa funktioner avsevärt kodläsbarheten.
syntaxmarkering är tillgänglig för nästan alla programmeringsspråk idag och det finns ingen ursäkt för att inte inkludera den i en kodredigerare.
Sök och ersätt funktion
speciellt när man bygger komplexa platser, händer det ofta nog att något behöver ändras webbplats bred — kanske en av huvudfärgerna eller en viktig JavaScript-variabel.
vad det än är, Är du nu kvar och letar efter och korrigerar varje enskild instans i koden. Som du kan föreställa dig blir det särskilt svårt om du arbetar med flera filer, till exempel flera stilark.
När detta händer är det mycket användbart att ha en kraftfull sök-och ersättningsfunktion till hands som kan göra detta automatiskt. Det kommer att spara mycket arbete och ansträngda ögon, lita på mig.
kod Autocompletion
Du kanske känner till den här funktionen från din telefon (med ofta roliga resultat), ordbehandlare eller om du någonsin har arbetat med Firebug för att göra live redigeringar på webbplatsens CSS.
som namnet antyder hjälper autocomplete dig att skriva kod utan att behöva skriva ut varje instans helt. Istället, när du börjar skriva, kommer redigeraren att föreslå ett antal alternativ som passar din inmatning.
programmeringsspråk är förutbestämda för den här typen av saker, eftersom det bara finns ett begränsat antal uttryck som är meningsfulla i alla fall och som du kan föreställa dig kan detta göra kodningen mycket snabbare och enklare.
inbyggt FTP-stöd
Höj din hand om det här låter som ditt arbetsflöde för redigering av WordPress-filer:
- öppna Filezilla
- ring till din server
- Bläddra till en fil
- ladda ner den
- hitta filen på din dator
- öppna den med en text edior
- gör ändringar
- spara filen
- gå tillbaka till FileZilla
- Ladda upp filen på servern
om det är du, oroa dig inte, du är inte ensam. Vi har alla börjat med denna eller en liknande invecklad process.
Tack och lov finns det ett enklare sätt. Många kodredigerare har nu moduler för åtkomst till FTP/SFTP-servrar så att du kan öppna, Redigera och distribuera filer direkt från redigeraren.
versionskontroll
versionskontroll är ett säkerhetsnät. När du gör ändringar i dina filer och saker går fel (som de oundvikligen kommer), versionskontroll kan du gå tillbaka till äldre versioner av ditt arbete och ångra misstag.
speciellt om du arbetar med större projekt är versionskontroll ett måste.
medan du kan använda Git (du kan hitta en nybörjarhandledning här) och andra medel för versionskontroll oberoende av din kodredigerare, erbjuder många antingen den inbyggd eller som en förlängning.
Om du gör mer än tillfällig kodning kan detta vara en viktig faktor för ditt beslut.
så långt så bra?
Låt oss komma till utmanarna för bästa kodredigerare för WordPress-utveckling.
de bästa Kodredigerarna för WordPress-utvecklare och användare
en varning: för det här inlägget försökte jag koncentrera mig på rena kodredigerare, inte hela utvecklingsmiljöer. Så om du inte hittar din favorit IDE på listan (som PHPStorm, Eclipse, etc.), det är med avsikt.
Plus, denna lista är inte alls komplett och i ingen särskild ordning. Att välja vilken kodredigerare som är rätt för dig beror verkligen på dina personliga preferenser och behov, därför kommer jag inte att ge en dom om vilken som är bäst.
allt bra? Då får vi knäcka.
Light Table
Pris: Gratis
vår första utmanare är inte bara gratis och öppen källkod (du hittar den på GitHub) utan också resultatet av en Kickstarter crowdfunding-kampanj med mer än $300k i stöd.
det fungerar över flera plattformar (Windows, Mac, Linux), sportar ett smidigt och mycket rent gränssnitt, och tack vare sina många tillgängliga tillägg är det mycket anpassningsbart.
en av de mest intressanta funktionerna är att den ger omedelbar feedback. Öppna ett webbläsarfönster i redigeraren och du kan se effekter av kodändringar direkt. Här är det i aktion:
ytterligare funktioner:
- lätt
- Fuzzy filsökning
- stöd för olika bäddar
- syntaxmarkering
- felsökning
UltraEdit
pris: $79.95/år
oavsett om du är i Arbeta med Windows, Mac OS eller Linux, UltraEdit har ryggen.
UltraEdit känner till HTML, PHP, JS, Perl, C/C++, Python och andra språk, sportfunktioner som filjämförelse, redigering med flera flikar/flera rutor och mer, och till och med sin egen FTP-klient.
medan relativt dyr och med årliga återkommande betalningar, Har du lätt att tänka på att arbeta med en premiumprodukt som utvecklas aktivt.
ytterligare funktioner:
- syntaxmarkering
- integrerad SSH/telnet
- Editor teman
- fil/Data sortering
RapidPHP
pris: från $35.95
rapidphp är en kodredigerare för windows som sätter en stor premie på hastighet (därav namnet, antar jag).
även byggd för PHP-programmering, stöder det också HTML, CSS, JS och andra webbutvecklingsspråk med funktioner som syntaxmarkering, autofullständig, formatering och felsökning.programmet ansluter också direkt till FTP, SFTP och FTPS-servrar och levereras med filhanteringsverktyg och Git-integration.
medan en premiumprodukt erbjuder RapidPHP en provversion som kan användas 30 gånger innan du blir ombedd att köpa en licens.
ytterligare funktioner:
- Code folding
- redo för HTML5 och CSS3
- CSS kompatibilitet klocka
- kraftfull sökning och ersätt
- enkel återanvändning av kodavsnitt
- stöd för mobil utveckling
Chocolat
pris: $49.00
programmet med det läckra namnet har höga mål: att vara den perfekta textredigeraren för Max OS X för varje programmeringsspråk som man känner till (deras ord inte mina).
det vill uppnå detta genom att integrera perfekt med OS-gränssnittet och erbjuda kodkomplettering för JS, Python, HTML och mer samt projektövergripande sökning och ersättning och live-felkontroll.
ytterligare funktioner:
- Kodvikning
- Split redigering
- system färgväljare
- Live förhandsvisning för HTML och Markdown
- Skapa projekt via dra och släpp
Atom
Pris: Gratis
atom är ett relativt nytt tillskott till kodredigerarens värld och gjordes av ingen annan än GitHub.
det fungerar med alla större operativsystem, är gratis, öppen källkod och eftersom det gjordes med utvecklare i åtanke är det mycket utdragbart och anpassningsbart.
redigeraren levereras med en kärnmodul som kan utökas med ett växande antal användarskapade paket. Tillsammans med de många teman kan du skapa exakt det verktyg du behöver.
ytterligare funktioner:
- Fuzzy Sök
- kodavsnitt
- filsystem webbläsare
- Projektomfattande Sök och ersätt
- flera fönstervyer
- kodvikning
Komodo redigera
pris: Gratis
denna redaktör är en gratis och öppen källkod trimmad version av den populära Komodo IDE. Det erbjuder stöd för flera språk med autofullständig, projekthanteringsverktyg och förändringsspårning.
mer avancerade alternativ som felsökning och enhetstestning är dock reserverade för sin storebror.
ytterligare funktioner:
- Markdown viewer
- flera val
- anpassningsbara skinn och ikoner
- Kopy.io integration
CodeAnywhere
pris: Gratis (för provversion)
den här är en ganska spännande post. Istället för en nedladdningsbar applikation är CodeAnywhere en (lämpligt namngiven) molnredigerare/IDE.
Logga in var som helst i världen, öppna filer på valfri FTP-server, Dropbox eller Google Drive och få din kod på.
redigeraren innehåller också ett kraftfullt revisions verktyg för enkel återställning som gör att du kan SSH-filer direkt till en annan server.
Plus, dess molnkaraktär gör det enkelt att samarbeta med eller visa din kod till en annan person som att skicka en länk och du kan också använda den på iOS-och Android-mobila enheter.
den grundläggande versionen av CodeAnywhere är gratis att prova, licenser börjar på $2/månad.
ytterligare funktioner:
- fördefinierade anpassade containerstackar
- Anslut med Git, Bitbucket, Github
- 70+ språk inklusive JS, PHP, HTML och mer
- kodkomplettering
- Linting
- stöd för alla enheter och webbläsare
- mycket anpassningsbara layouter, skinn och mer
BBEdit
Pris: $49.99
BB i namnet står för bare bones, Redaktörens tillverkare. Det erbjuder stöd för många språk, Sök och ersätt över flera filer, automatisk komplettering, kodvikning och andra funktioner.
medan BBEdit levereras med en prislapp, gör samma företag också ett gratis alternativ som heter TextWrangler för Mac OS. Det är en trimmad version av premiumprodukten som du kan ge en snurr innan du bestämmer dig för sin större, mer kapabla bror.
ytterligare funktioner:
- snabb sökning
- projekthanteringsverktyg
- syntaxmarkering
- kodvikning
- FTP/SFTP stöd
vim
pris: Gratis (Charityware)
medan deras webbplats ser riktigt tidigt 90-tal, har vim-redaktören ett mycket gott rykte bland Linux-utvecklare.
det är öppen källkod och ger plattformsoberoende kompatibilitet en helt ny innebörd-Vim kommer även att arbeta i DOS eller på en Amiga. (Fråga dina föräldrar om du inte vet vad något av det betyder).
redigeraren är också mycket konfigurerbar och kan utökas med så kraftfulla funktioner att den går över till IDE-territorium istället för att vara en ren kodredigerare.
Vim kommer dock med en viss inlärningskurva och kan därför inte vara ett verktyg för nybörjare. Även om du är gratis kan du välja att betala för det och därmed donera till ett välgörenhetsprojekt i Uganda.
ytterligare funktioner:
- integrerat användargränssnitt
- syntaxmarkering för 200+ språk
Espresso
pris: $75
denna koffeinhaltiga utmanare är ett webbutvecklingsverktyg för Mac OS-plattformen som har en inbyggd funktion för kodredigeringsverktyg som heter cssedit.
det sportar ett riktigt trevligt gränssnitt, stöder automatisk komplettering av kod och kodvikning, låter dig enkelt dra och släppa kodavsnitt och erbjuder till och med en Live förhandsvisning.
även om det inte är billigast kan du testa det med en 15-dagars provperiod innan du gör ett åtagande.
ytterligare funktioner:
- tryck ändras direkt till server
- stöd för CSS3, HTML5 och andra språk
- kraftfull sök och ersätt funktion
TextMate
pris: från $56.00 (single user license)
den självbetitlade ”missing editor for Mac OS X” är en annan redigerare med en plattform, men med ett tillvägagångssätt som är mycket inspirerat av UNIX-operativsystemet.
TextMate är enkel men funktionsrik med autofullständig, automatisk indrag, vikbara kodblock och mer. Det erbjuder också en sofistikerad Sök-och ersättningsfunktion och gör det enkelt att arbeta med flera filer samtidigt.
ytterligare funktioner:
- enkel urklippshantering
- inspelningsbara makron
- stöd för 50+ språk
- syntaxmarkering
- stöd för XCode
Sublime Text
Pris: $70
Fans av det distraktionsfria skrivläget i WordPress kommer att glädjas över att höra att sublim text kommer med samma funktion. Kodning i fred och koncentration, här kommer vi.
andra funktioner som gör detta program till en av de mest populära kodredigerarna där ute är dess smarta design, kraftfull sökning, Autofyll och autofullständig funktion samt hög anpassningsbarhet.
det faktum att det fungerar över alla större operativsystem skadar förmodligen inte heller.
ytterligare funktioner:
- instant project switch
- Split redigering
- flera val
- Plugin API
Notepad++
pris: Gratis
denna enorma mjukvara är en av mina personliga vapen val och jag har nämnt det på andra ställen innan. Det är ett super praktiskt och gratis verktyg för att göra snabba ändringar i alla WordPress-filer.Notepad++ är dock inte bara för nybörjare och casual kodning, det används också av utvecklare i världsklass.
funktioner inkluderar syntaxmarkering för PHP, JS, HTML, CSS och ett antal andra språk, Sök och ersätt samt automatisk komplettering.
förutom det kan Notepad++ utökas via plugins — till exempel för att ansluta direkt via FTP och mycket mer. Den enda nackdelen är att den bara fungerar på Windows. Tyvärr, Apple och Linux-användare.
ytterligare funktioner:
- stöd för flerspråkiga miljöer
- Syntax fällbara
- fliken multi-dokument gränssnitt
- zoomfunktion
CoffeeCup
pris: $69
I undrar vad som är med alla Kaffe referenser i code editor spelet. Det är redan den andra.
hur som helst, CoffeeCup är först och främst gjord för HTML / CSS och begränsad till dessa två språk plus PHP och Markdown. Tänk på detta innan du köper. Det är också bara körs på Windows och Mac OS
men å andra sidan kommer det med kraftfull kod autokomplettering, syntaxmarkering och validering, är redo för semantisk kod och synkroniserar filer enkelt via FTP.
Du kan använda den kostnadsfria testversionen för att ta reda på om den har allt du letar efter.
ytterligare funktioner:
- Snabbstart
- förhandsgranskning av webbplatsen
parenteser
pris: Gratis
parenteser är en mycket intressant produkt, inte bara för att den är gratis och öppen källkod. Med Adobe som tillverkare har den också ett stort namn bakom sig.
denna kodredigerare riktar sig tydligt till personer med en designbakgrund. En av dess coolaste funktioner är möjligheten att vända mätningar, dimensioner, stilar och andra designelement i Photoshop-filer direkt till CSS.
bortsett från det är det också mycket anpassningsbart genom ett växande bibliotek med tillägg och stöder alla större operativsystem.
ytterligare funktioner:
- lätt
- Inline editors
- kodvikning
- preprocessorfunktionalitet
- Live förhandsvisning
Coda
Pris: $99
Coda är en annan Mac-enda post och en mycket populär. En del av anledningen kan vara dess rena och välorganiserade gränssnitt som ger allt du behöver för att bygga webbplatser på en skärm.
det erbjuder också de vanliga layoutalternativen för att förbättra kodläsbarheten (syntaxmarkering, kodvikning och indragning) samt automatisk komplettering av projektomfattande och automatisk taggstängning.
vad är coolt är att det låter dig redigera lokala och fjärrfiler både och enkelt ansluter till externa källor och servrar. Förutom att det också kommer med en iPad-följeslagare som heter Diet Coda (se vad de gjorde där?).
ytterligare funktioner:
- hitta och ersätt
- felsökning
- filhantering
- stöd för FTP/SFTP/WebDAV/Amazon S3
Icecoder
Pris: Gratis
den sista posten på listan är ganska intressant eftersom den fungerar direkt i din webbläsare. Det gör det inte bara användbart på alla operativsystem, men du kan också naturligt dra nytta av webbläsarteknik som tabbing.
programmet stöder HTML5, CSS3, PHP, JS, och bortom, kan användas online eller lokalt, erbjuder stöd för typ boosters som Emmet, har kod tips och kod jämförelse verktyg samt phpMyAdmin-liknande databashantering.
ytterligare funktioner:
- hitta och ersätt
- kontextmedveten kodmarkering
- flera markörer
- teman
- lokal/Fjärrfilredigering och hantering
Vad är din föredragna kodredigerare?
en väl avrundad kodredigerare är ett av de främsta verktygen för alla som är involverade i att utveckla för (eller bara tinkering med) WordPress-plattformen.
möjligheten att ändra kärnfiler, mallar, stilark och mer är avgörande för att anpassa WordPress-webbplatser och göra WordPress till din egen.
medan någon textredigerare teoretiskt kommer att göra, kan specialiserade program på allvar effektivisera arbetsflödet.
förbättrad läsbarhet och layoutalternativ, direkta FTP-anslutningar, Sök och ersätt, Komplettera automatiskt och versionskontroll är bara några sätt som dessa program gör arbetet mycket enklare.
att bestämma vilken som är rätt kodredigerare för din beror i slutändan på vad du behöver och vill ha.