Lotten.se
Postad i Digital av Simon Fransson den 4 juni, 2010
Lotten Bergman är enligt egen utsago en ”hängiven bloggare och en inte lika hängiven twittrare”. Sedan 2006 har hon bloggat flitigt på Blogger.com, vilket innebär runt 1 500 inlägg och smått ofattbara 45 000 kommentarer. Att flytta det där till WordPress – som har så fina importfunktioner från både XML och Blogger-konton – kan väl inte vara några konstigheter? Nej, på pappret ser det hela ganska enkelt ut, men i vanlig ordning uppstår det en hel massa problem att lösa.
Först och främst är det svårt att inse hur stor plats 1 500 inlägg och 45 000 XML-formaterade kommentarer egentligen tar i anspråk – något som man dock blir varse när webbhotellets server vägrar att ens ladda upp en XML-fil på 85 MB. Nåväl, en enkel lösning på det är ju att installera WordPress i MAMP där man lätt kan ställa storleksbegränsningen för filuppladdningar. Vad nu, kan inte WordPress importera hela filen utan att få slut på minne? Jaha ja, men om vi höjer PHP:s minnesgräns? Nähä, det räckte ändå inte ändra fram. Snabbaste lösningen visade sig vara att dela upp filen i fyra delar. Sådär ja, en MySQL-export senare är det bara att ladda upp det hela till webbhotellets databas igen. 7,5 MB GZippad SQL-data gick visst bättre än 85 MB XML, hurra för det! Lättare sagt än gjort? En aning.
Utöver att flytta innehållet har vi dessutom lyckats…
- konvertera Bloggers exportfil till WordPress-format med hjälp av Google Blog Converters
- behålla i stort sett alla URL:er intakta med hjälp WordPress-permalänkinställningar och .htaccess rewrites
- generera specialanpassade inläggsnamn (slugs) för inlägg publicerade innan 2009 (då Blogger helt plötsligt började ersätta åäö med a och o i adresserna)
- importera Bloggers blogroll-länkar via OPML
Men trots, eller kanske tack vare, alla problem på vägen blev det här en ganska spännande utmaning. Och slutresultatet blev ju bra det också.
Maya Robert
Postad i Digital av Simon Fransson den 19 februari, 2010Vi har tagit fram en sajt åt produktdesignern Maya Robert. Martin står bakom designen som Simon har implementerat. Fokus ligger på att presentera hennes produkter, vilka vi valt att visa som ett flöde av bilder på förstasidan. För att undvika en massa navigation fram och tillbaka har vi valt att hämta sidorna med produktinformation med jQuery för att sedan visa dem direkt på förtsidan. Naturligtvis finns de även tillgängliga via traditionella länkar för t.ex. Google-robotar och besökare utan javascript.
När det gäller sajtens typografi har vi använt Graublau för brödtext och League Gothic för rubriker, inkluderat med @font-face vilket innebär att webbläsaren själv laddar ner typsnittsfilerna. En riktigt schyst möjlighet som börjar komma mer och mer nu. En annat knep som vi jobbat med är att lägga till WordPress ”Redigera”-länkar överallt där det är möjligt, vilket minimerar behovet av att leta efter inlägg i administationsgränssnittet.
Gå till mayarobert.com och ta en titt!
Henrik Brandão Jönsson
Postad i Digital av Simon Fransson den 5 januari, 2010
Tillsammans med Benny på Gregory har jag gjort en webbsida åt journalisten Henrik Brandão Jönsson. Sajten, som är relativt bloggbaserad, är byggd i WordPress, med några specialtillverkade plugins för att visa t.ex. senaste inlägg och uppladdade PDF-filer.
THE LARS – webb
Postad i Digital av Simon Fransson den 30 december, 2009Vi har byggt en produktsajt för Engström & Engströms lyxförstärkare THE LARS. Det första man möts av när man besöker sajten är så klart de stora produktbilderna på de två två modellerna type 1 och XLS, och kan man även se hur förstärkarna ser ut i 5 olika träslag. På produktbilderna har vi placerat ut ett antal ”noder”, som poppar upp detaljinformation om förstärkarens olika delar. Interaktivitet som denna implementeras ofta med Flash, men för att göra webbsidan mer sökmotorvänlig och dessutom få den att fungera i enheter utan Flash (som t.ex. mobiltelefoner) har vi istället valt att använda javascript-ramverket jQuery.
Utöver jQuery har vi använt CSS3-instruktionen @font-face, som tilllåter oss att använda typsnittet Graublau. Med @font-face behöver besökaren nämligen inte ha typsnittet installerat i sin dator, utan det laddas ner när webbläsaren behöver det. När det gäller rubriktypsnittet Futura Condensed har vi istället valt att använda javascript-biblioteket Cufón, som ritar ut varje ord i ett canvas-element. Detta då Cufón gör det möjligt att begränsa användandet av typsnittet till en enda domän, vilket är önskvärt i det här fallet.
Läs mer om hur vi utvecklade varumärket.
