Designa för över tjugo miljoner användare: WordPress 3.0
WordPress 3.0 är utan tvekan en av de mest spännande uppdateringarna till plattformen under mycket lång tid.
Förutom saker som alla användare kommer att märka, som anpassade menyer, anpassade bakgrunder och ett nytt standardtema, finns det också massiva tillägg till kodbasen, såsom möjligheten att köra flera webbplatser från en enda installation och anpassade posttyper.
Dessa saker ger WordPress fart som ett extremt kraftfullt CMS samt en publiceringsplattform.
Sedan januari i år har jag blivit involverad i det centrala WordPress-samhället för att bidra till den pågående utvecklingen och idag skulle jag vilja berätta lite om hur det fungerar.
Att bli involverad i gemenskapen
WordPress har alltid haft ett starkt utvecklingssamhälle och utvecklarna har faktiskt haft regelbundna möten och resurser för att organisera sig med i åratal.
Problemet är att jag inte är utvecklare. Jag kan göra lite PHP här och där och jag är ganska praktisk när det gäller WordPress men det är verkligen inte vad jag specialiserar mig på. Tack och lov startades en OpenSource-arbetsgrupp för WordPress-gränssnittet (User Interface) nyligen, vilket är headed up av Jane Wells: chefen för alla saker UX (User Experience).
Så snart jag blev involverad i UI-gruppen insåg jag att standarden på mitt arbete skulle behöva vara ganska högt. Historien om personer som är involverade i WordPress-gränssnittet är i grund och botten en vem som är vem som är den största designern i världen, från Jason Santa Maria till HappyCog Studios (Zeldman).
Designa för över tjugo miljoner användare
Det första projektet som jag tacklade för användargruppen var en för att uppdatera sidhuvudet och sidfoten i WordPress administrativa systemet. skrämmande minst sagt. Det är en förändring i WordPress 3.0 som (tyvärr) inte nämns mycket ofta, men det är den nummer en sak som de flesta användare kommer att märka när de uppgraderar.
Grundaren av WordPress, Matt Mullenweg , som nämns i hans huvudnyckel på årlig WordPress-konferens i San Francisco nyligen att en uppskattad 8,5% av alla webbplatser på internet körs på WordPress. Med cirka 246 miljoner webbplatser på internet totalt (dec 2009) kommer över 20 miljoner människor (och mer om du anser att många WordPress-installationer har mer än en administratörs användare) att se den nya adminhoveddesignen; förutsatt att de uppgraderar till den senaste utgåvan. Det skrämmer skiten ur mig.
Att designa för WordPress är inget som att designa för en klient. Med så många användare finns det överväganden som du normalt aldrig skulle drömma om. Till exempel, som en tumregel när du utformar något med text i det: elementet måste vara tillräckligt flexibelt för att expandera för att fördubbla sin normala bredd. Varför? Eftersom WordPress är översatt till omkring 70 olika språk och inte alla ord är lika långa när de översätts!
Naturligtvis när det gäller språk är textens bredd inte det enda problemet; några är skrivna från höger till vänster. Du visste nog inte att WordPress har en hel uppsättning stilark och bilder från RTL (Right To Left). Även något så enkelt som en rullgardinsmeny måste ges extra försiktighet, eftersom grafiken som används också måste fungera när den speglas horisontellt med kontrollerna på motsatt sida.
Designprocessen
OpenSource-designen är lite annorlunda än OpenSource-utveckling. När det gäller bidragskoden är det inte mycket, det är subjektivt, men med design kan många saker komma ner till personlig åsikt. Av den anledningen leder Jane Wells UI-gruppens arbete och har en slutlig inskrivning på designbeslut.
Om du trodde att det var svårt att ta hänsyn till alla användargränssnitt nuancer, vill du definitivt inte ha Janes jobb. Hon måste utvärdera alla beslut i relation till WordPress som helhet, dess värderingar och dess planer för framtiden. Hon måste hantera folks begäran på toppen, vilket inte alltid kan översättas till vad folket längst ner vill höra. Hon gör ett fantastiskt jobb med att organisera allt, jag avundar definitivt inte hennes arbetsbelastning.
Jane satte kortet för den nya rubriken och sidfoten, som skulle tända upp dem för att främja tillgängligheten (mörk text på en ljus bakgrund) och för att flytta sig bort från den mycket mörka grå som har varit i WordPress länge. Ett par mockups togs fram och sedan efter diskussion i UI-gruppmötena valdes en version som skulle genomföras.
Utvecklingsprocessen
När designen hade slutförts kunde jag ha lätt gått tillbaka vid den här tiden och låt en av utvecklarna genomföra det ... men vart skulle det vara kul i det? Att lära sig hur man kodar för WordPress var en annan riktigt intressant upplevelse, inget som någonting jag gjort tidigare.
Att redigera de centrala WordPress CSS-filerna är helt uppriktigt, förstenande. Om du raderar en enda klass i en CSS-fil kan du hypotetiskt bryta ett antal plugins och teman för miljontals användare. Du kan inte bara koda det som du tycker att det ska vara och gå vidare.
Strukturen hos CSS är också ganska annorlunda än normal. Det finns CSS-filer som styr kärnlayouten och CSS-filer som styr adminens hud (som kan bytas ut). För att lägga till en 1 pixelgräns till rubriken och sidfoten, måste gränsen själv definieras i kärna css-filen, men gränssfärgen måste definieras i "skin" css-filen. Med den här typen av kodstruktur kan alla plugin- eller temaframställare överdriva dessa stilar om de vill.
All Change, Låt oss göra det annorlunda
En annan skillnad i att arbeta med ett OpenSource-projekt är att allt är i ständig utveckling, ingenting är någonsin färdigt. När den nya adminrubriken och sidfoten hade slutförts reviderades de ytterligare fyra eller fem gånger. Faktum är att bara några dagar sedan fattade vi beslutet att porta över dem till att använda CSS3-gradienter med en fallback solid färg.
Detta är frustrerande ibland eftersom du kan känna som om du lägger in mycket arbete som inte används (jag kan inte ens berätta hur länge jag spenderade på den ursprungliga grafiken för dessa gradienter) men i slutändan leder det till att ett bättre resultat, vilket är vad vi alla vill ha.
Vill du designa för WordPress?
Att kunna säga att jag har skapat något för en sådan massiv plattform ger mig en verklig känsla av prestation, men glöm inte att någon kan bidra till WordPress UI-gruppen. Om du är intresserad av att göra UI-bidrag till nästa utgåva av WordPress, gå sedan vidare till http://make.wordpress.org/ui att se aktuella diskussioner och mötesplaner.
Just nu är det en ganska liten men fokuserad grupp, jag skulle uppmuntra någon att engagera sig och forma framtiden för WordPress. Det bästa med OpenSource är att om du inte gillar något, kan du bidra till att göra det bättre.
Slutligen, om du vill kolla in WordPress 3.0 innan den startas så kan du hämta en kopia av allmän beta från WordPress.org .