Het is je misschien al opgevallen – als je de site niet alleen via een RSS lezer bezoekt en je er al eens eerder bent geweest – ik heb, na acht maanden, een nieuwe lay-out gemaakt en geactiveerd voor mijn weblog. De vorige lay-out (versie 1.5 van mijn groene design) was nog zeer functioneel, maar ik begon me steeds meer te ergeren aan de rommelige rechterkant. Ook merkte ik dat heel veel bezoekers direct vanuit de zoekmachines en rss readers op pagina’s terecht kwamen. Het geven van een totaalbeeld met de laatste 12 berichten volledig op de hoofdpagina werd hierdoor steeds minder belangrijk. Als laatste wilde ik mijn foto’s wat meer in de site laten terugkomen, er iets meer mee doen dan alleen in een weblog berichtje verwerken.

De nieuwe lay-out is gebaseerd op Kyle Neath’s Hemingway for WordPress, een hele goede basis lay-out met een actief support forum met veel mensen die het thema al gemodificeerd hebben. In tegenstelling tot de vorige keer dus niet een hele nieuwe lay-out vanaf de grond opgezet, maar een bestaande aangepast. Hierdoor kon ik mijn aandacht richten op de header, waarin ik mijn foto’s wilde verwerken.

Eerst heb ik een ‘aandachttrekker’ uitgezocht op istockphoto.com (goedkope afbeeldingen, vectors), in dit geval eentje met een winterse sfeer. Hopelijk kan ik er ook een paar mooie vinden voor de lente, zomer en herfst ;) Met behulp van Photoshop Elements heb ik hem transparent gemaakt en over verschillende foto’s gelegd. Uiteindelijk heb ik ?©?©n van de foto’s van het Museumplein uitgekozen vanwege het mooie blauw. Ik heb echter ook al avondfoto’s van het Almere Stadshart en de zonsondergang op het Gooimeer aangemaakt. Doordat het plaatje transparent is kan ik relatief snel een nieuwe header in elkaar draaien en op de site zetten.

De header is relatief groot, dus daaronder ook een relatief grote navigatiebalk in een mooie contrasterende kleur. De mensen met een 800×600 resolutie (4% van mijn bezoekers) ondersteun ik niet meer, de site heeft minimaal een 1024×768 resolutie nodig. Op de hoofdpagina nog maar slechts ?©?©n bericht, met aan de rechterkant de lijst met oudere berichten. Hierdoor is de pagina minder groot, hoeft er minder te worden ingeladen en scroll je sneller naar het archief onderaan de pagina. Daarnaast is het een mooie stok achter de deur voor mij om te proberen elk bericht zo goed mogelijk te maken, dit is nu absoluut de eerste indruk die je krijgt als je op de site binnen komt.

Hier en daar moet ik nog wel wat werk verzetten. Zo ondersteunt Internet Explorer 7 als enige browser (12% van de bezoekers) waarin ik heb getest (IE6 op Win2000, Firefox, Safari en Camino op Mac, Firefox en IE7 op Windows Vista) de navigatiebalk niet goed. Ik zal ongetwijfeld wel iets vergeten zijn, maar toch vreemd dat IE wederom niet meteen pakt wat je wilt. En IE6, o ironie, doet dit wel… Verder ontbreken nog een flink aantal plug-ins die ik op mijn site had, waarvan de belangrijkste de recente commentaren is. Die ga ik zo snel mogelijk weer toevoegen.

Ik hoop dat de nieuwe lay-out jullie bevalt (voor zover je niet via een rss lezer mee kijkt), ik denk dat hij een stuk rustiger is, maar uiteindelijk ook overzichtelijker. Ook zul je veel minder moeten scrollen om berichten te vinden. Wel realiseer ik mij dat het (tijdelijk) even wat lastiger is het gewenste bericht te vinden. Hier wordt aan gewerkt.

Update @ 10:23u: De navigatiebalk zou nu in alle browsers goed moeten werken.