Tänkte göra en ny mall till min blog. Wordpress stödjer olika mallar så naturligtvis finns det många varianter man kan ladda ner. Jag tänkte dock att det vore roligt att sätta lite personlig touch på bloggen med en egengjord mall.
Lättare sagt än gjort. Först studerade jag hur mallarna är uppbyggda, efter inledande studie av Wordpress themes folder så bestämde jag mig för att helt enkelt modifiera det vanliga default temat.
Detta med att modifiera befintlig open source applikation för att passa egna önskemål är något som man kan spara mycket tid på.
Förut ville jag göra allt själv, men när jag kom ut på lite företag så var det rätt tydligt att tidsramar är viktiga att hålla (även om det i stort sett alltid är något icke kontrollerbart som bräcker ramen), allt som är gratis är bra (nästan), och kan man ändra på det så det passar egna mål är det bättre.
Tid är pengar. Pengar är tid. Även om du inte får något betalt för tiden eller pengarna som i detta fall då det var ett personligt projekt utan ekonomiska motiv i bakgrunden.
Men endå, själva designen till bloggen tog 4 timmar att göra. Sen fick den nya Wordpress designen vila i några dagar innan jag tittade på den igen. Efter andra titten kändes det att jag behövde mer textur i designen och jag började genast googla efter en viss sorts design som blivit mycket populär senaste tiden. Många kanske redan sett den, massa snirkliga mönster och sådant i bakgrunden.
I alla fall denna design kallas ”grunge”. Så efter en snabb googling efter grunge mönster så hittade jag en lämplig snirkel att stoppa in i bakgrunden för att testa konceptet innan jag gjorde min egen variant.
Sedan var jag rätt så säker på att jag ville ha tabbar någonstans på sidan, så det blev tre temporära tabbar under headern. Rundade tabbar är något som alltid funkar och fortfarande känns relativt modernt.
Målet med designen var inte att göra något uttänkt utan mer göra något som får medelsvensson att stanna upp och tänka ”snyggt”. En designer kan överanalysera ett A4 med två streck. En designer kan också designa en shop som gör att besökare vill shoppa mer. Jag valde den här gången att inte tänka så mycket utan lägga på enkla Photoshop-knep som skuggor, gradienter osv. Lite web 2.0, lite transitional men definitivt CSS och strict.
Sedan började det riktiga jobbet, nämligen att montera på Photoshop designen på befintlig kod.
Efter att reverse enginera CSS-filen och läsa lite guider hittade jag snabbt containrarna som höll innehållet. Därefter var det relativt lätt att stoppa in ny header och en ny box för tabbarna. Högerkolumnen ställde till med lite problem men tack vare att CSS-koden i Wordpress är riktigt bra skriven var det lätt att hacka sig igenom och ändra på den med.
Det var dock något mer tidskrävande att modifiera existerande tema så jag undrar om det inte hade varit bättre att starta från scratch nästa gång och klistra in PHP-kod och HTML-taggar i tommar PHP-filer. I alla fall planerad launch är satt till slutet av Juni 2008.
0 Responses
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.