Det här tycker jag är en av de svåraste delarna med all design och dessutom en del som så många slarvar med. Med det sagt så sätter jag dessutom pressen på mig själv att inte slarva.

Bra typografi och bra typsnitt är självklarheter för all produktion som ska vara lätt att läsa och vad kan vara viktigare än en blogg. Typsnitt på nätet är ju också så mycket svårare då de ska fungera i så många webbläsare och plattformar, så valmöjligheterna är inte så många.

Däremot så kan man, tack vare CSS, jobba mycket med radavstånd och även spärra delar för att få det luftigare och snyggare.

Efter en hel del vändande och vridande så känns det som jag har fastnat för Trebuchet MS och Tahoma.

Helt svart text tenderar också att bli lite hårdare och tyngre på nätet så har valt att dra ner svärtan lite grand och i hexvärden så är nu brödtext #202020.

Det vi ser i bilden ovan är enligt följande:

Rubrik - Tahoma (regular) 18pt/25pt
Underrubriker - Tahoma (bold) 14pt/17pt
Brödtext - Trebuchet MS (regular) 12pt/17pt
Länkar - Trebuchet MS (regular) 12pt/17pt - #003371

För att det ska se bra ut både för Windows plattformar och för MacOS så kommer Trebuchet MS att kodas med Helvetica som subsitut och Tahoma kommer kodas med Geneva.

Om det mot förmodan är någon som undrar varför det står två storlekar hänvisade på typsnittet så är det första storleken, det andra är radavstånd och ska utläsas enligt 12 på 17.

Det här är långt ifrån klart och alla olika delar som menyer, listor, länkar etc, men kommer uppdatera den här posten efter hand och hoppas också på input från er som läser, då jag vet av faktum att några av er är riktiga typografproffs.

Efter att ha vridit och vänt en del på några olika designidéer så känner jag att jag har en tillräckligt stark idé för att kunna realisera dem och skapa ett Wordpress Theme. Har testat en hel del olika mått och upplägg, men ville ändå skapa en design och struktur som var traditionell och lättnavigerad.

Med det i åtanke så kändes det självklart att lägga navigering i form av kategorier och underkategorier till vänster. Traditionellt uppbyggt. Vidare så känns det nästan otänkbart idag att designa ett Wordpress Theme som inte har plats för annonser och Google Adwords, så därför la jag även till en höger kolumn.

Självklart så ska jag även koda in stöd för widgets i både vänster och höger kolumnen så vad som är populerat i slutänden vet man ju aldrig, men en bra utgångspunkt är alltid bra.
Mått och förhållande mellan de olika elementen är än så länge bara preliminära och kommer sättas definitivt när designen är klar.

Nästa steg blir att börja leka lite med en färgpalett som ska vara genomgående och självklart även sätta en bra typografi.

Har bifogat en skärmdump på hur det förnärvarande ser ut i mina tankar och vad jag kommer jobba utifrån för att skapa nästa Wordpress Theme.

Nu är det äntligen dags. Har satt mig in tillräckligt, tror i alla fall jag, i hur Wordpress fungerar och vad jag faktiskt tycker är snyggt. Designen som rullar nu på min blogg tycker jag verkligen är snygg, men den är ju inte min så det går ju inte.

Det finns så otroligt mycket att tänka på och strukturera upp, så jag tänkte jag skulle dela upp det här i ett par steg och dessutom ge möjligheten att få lite kommentarer om vad som är viktigt och vad som bör vara med.

Så det är lika bra att kavla upp ärmarna och sätta igång.

Kommer lägga ut en tredelad serie om designprocessen och alla problem och lösningar jag stöter på, på vägen. Om inte allt för lång tid ska ska det finnas ett färdet Wordpress theme som är tilltalande och som självklart är sökmotorvänligt i alla aspekter.

Det jag behöver och hoppas på, är att få input av er som läser den här bloggen.

Här är en lista över de saker som behöver lösas

• Design - självklart ska det vara snyggt och inte se ut som alla andra
• Typografi - ett område som så ofta verkar komma sist, men som jag själv anser är otroligt viktigt
• Teknik - smarta lösningar och kanske någon ny plug-in för att lösa strukturella och kodmässiga “problem”
• Sökmotoroptimering - ett självklart område och tyvärr ett område som så många inte riktigt verkar har full koll på. Ser dagligen dåligt kodade lösningar som är direkta indexeringshinder. Så bra sökmotorvänlig kod är en förutsättning
• Vidareutveckling - ett bra Wordpress Theme är ju inte bara gratis att använda och licensmässigt ok att förändra. Det ska vara enkelt att göra det och koden ska vara rikligt dokumenterad. Funderar till och med på att skriva en liten manual att bifoga till mitt theme för dem som vill bygga om det
• Licens - vilket licens ska man välja så att man är skyddad, men ändå tillåter spridning. Blir att läsa på om vilka allternativ som finns
• Plug-ins - På grund av dålig kod sökmotormässigt så kommer jag behöva skriva om flera plug-ins eller ännu värre (bättre?) skriva några egna.

Det var vad jag hade lyckats samla på mig hittills, men hoppas på att få input från dem som läser det här så att jag till slut har färdigställt mitt första, men absolut inte mitt sista, Wordpress Theme som ska vara snyggt och där koden ska vara skriven med sökmotoroptimering i åtanke.

Genom mitt arbete som Implementation Manager på Online Services så har vi nu lanserat en blogg som är tänkt att täcka in alla områden som företaget är verksam inom och förhoppningsvis mer därtill. En stor fokus kommer ligga på sökmotoroptimering, webbstatistik och internetmarknadsföring, men även andra området kommer att diskuteras på djupet.

Jag har tagit fram designen och kodat bloggen vilket är kul. Till en början kommer jag själv och min kollega, Simon Sundén vara skribenterna i den bloggen.

Titta gärna in på SEO Bloggen och säg vad ni tycker om design och delta gärna i diskussionerna även där.
En bra sak är vår SEO Ordlista som kommer uppdateras dagligen med nya begrepp och termer inom SEO och SEM. För den som inte vet vad SEO och SEM betyder så rekommenderer jag stark ordlistan

Vad definierar egentligen en bra design när man pratar om Themes till Wordpress?

Det är en fråga som jag har ställt mig själv ganska länge medans jag har fundrar på att starta en blogg. Jag antar att det är en tidigare yrkesskada att alltid vilja ha riktigt bra design, men då är vi tillbaka till det uttalandet igen - bra design. Vad är egentligen bra design?

Självklart så bör man kunna säga att en bra design av ett Wordpress tema är att den är snygg. Samtidigt är design så otroligt svårt att definera eftersom smaken är som baken - delad och vad jag tycker är snyggt kan nästa person tycka är fult.

Det finns så otroligt många tallangfulla designers idag att nätet svämmar över av snygg design och webbplatser som kan få hjärtat att hoppa över ett slag. Samtidigt så känner jag att lika ofta jag stannar upp vid en webbplats och beundrar den och låter en sekunds avundsjuka över skaparens genialitet dra över mig som en svag bris. Lika ofta känner jag precis tvärt om när jag tittar på bloggar.

Självklart så kan man argumentera att en blogg handlar uteslutande om innehåll och det är också en anledning till att de har blivit så populära eftersom alla kan dela med sig av sina egna tankar utan att ha talang, men ska man visa form och design så är det helt plötsligt något för den lilla skaran.

På senare tid så har jag hittat ett par snygga bloggar och de blir fler och fler, kanske för att det har blivit en marknad även för professionella designers. Däremot så oavsett hur snygga de är så är tyvärr dess kod inte alltid lika snygg och det för mig in på nästa sektion som i alla fall jag tycker hör ihop med en snygg design av ett Wordpress theme - koden.

Bra design betyder också bra kod

Att det ska vara bra kod är för mig lika naturligt som att gå till jobbet iförd kläder. Det är helt enkelt inget man slarvar med, men vad är egentligen bra kod? Bra struktur och med smarta lösningar som använder så få rader som möjligt är något jag själv tycker definerar bra kod, men med mitt nuvarande yrke så väger andra faktorer också in när jag läser kod nu förtiden och det är att koden är bra gentemot sökmotorerna. Kort och gott så måste koden SEO validera så att man har grunden till bra sökmotoroptimering.

En annan sak som dessutom är riktigt viktigt för att jag ska tycka det är ett bra theme och därmed en bra design är att det är lätt att modifera. Hur ofta har man inte försökt modifiera ett snyggt wordpress theme för att upptäcka att det nästan är omöjligt. Att kommentarer är något som inte “riktiga” programmerare använder och css dokumentet är bara byggts på i en oändlighet istället för att ha renskrivits en sista gång, så det ligger bakgrundsfärger och andra definioner över allt, så för att ändra en färg på en rubrik så är det 11 ställen man behöver ändra på.

Med allt det här i åtanke så har jag besämt mig för att stoppa ut hakan och ge mig på att börja designa Wordpress themes som kan sammanfatta allt detta och därmed bli vad jag själv tycker är riktigt bra design.

Så för att sammanfatta

• Det ska vara snyggt, en tilltalande design, rent av sexig
• Kodningen ska vara modern, välstrukturerad och minimalistisk
• Koden ska vara lika väldokumenterad som ritningarna från en arkitekt
• Kod och design ska vara strukturerad och 100% sökmotorvänligt för en teknisk förutsättning för bra sökmotoroptimering
• Det ska vara lätt för en annan person att ta vid och designa om och göra de förändringar de önskar

Jag hoppas att jag kommer att lyckas med min tanke och det snart kommer finnas snygga Wordpress Themes att ladda ner på den här webbplatsen.