Arm your vuvuzelas: WordPress 3.0, the thirteenth major release of WordPress and the culmination of half a year of work by 218 contributors, is now available for download (or upgrade within your dashboard). Major new features in this release include a sexy new default theme called Twenty Ten. Theme developers have new APIs that allow them to easily implement custom backgrounds, headers, shortlinks, menus (no more file editing), post types, and taxonomies. (Twenty Ten theme shows all of that off.)

Veel mooie nieuwe features komen hiermee tot onze beschikking. De eerste in het oog springende nieuwe mogelijkheid, “custom menu’s”  hebben we meteen kunnen inzetten voor de website die op dit moment in ontwikkeling is: RumdeeDum hiermee misschien de eerste of zeker één van de eerste websites in Amersfoort die draait op WordPress 3.0.

RumdeeDum is een leuk voorbeeld van hoe een website er beslist niet uit hoeft te zien als een standaard blog en toch kan profiteren van WordPress als CMS.

Een korte introductie van de makers van WordPress:

Als je interesse hebt in de achtergrond en ontwikkeling van WordPress is de volgende presentatie zeker de moeite waard, ruim een uur Matt Mullenweg aan het woord over de toekomst, en totstandkoming van WordPress 3.0

Opvallend: via een crawler komt naar voren dat inmiddels 8,5% van alle websites WordPress als basis heeft!

W3C website validatie, HTML optimalisatie en HTML validatie

W3C, oftewel World Wide Web Consortium, is een organisatie die protocollen (HTTP) en codeertalen heeft ontwikkeld voor het World Wide Web (WWW). HTML is de eerste taal die door W3C is ontworpen en al snel daarna volgden er andere varianten zoals XHTML, CSS, XML die op HTML zijn gebaseerd.

Webbrowsers en W3C validatie

Microsoft Internet Explorer en Mozilla Firefox zijn de populairste browsers van dit moment. Daarnaast worden er ook nog iets minder bekende browsers gebruikt zoals Chrome, Opera en Safari.

Iedere browser interpreteert een codeertaal op zijn eigen manier. Het probleem is dan ook wanneer een website fouten bevat en niet gevalideerd is, dat de weergave van de pagina in iedere browser totaal anders kan zijn.

Waarom W3C valideren?

Een gevalideerde website is precies geschreven volgens de strenge W3C validatie normen. Hiermee bent u ervan verzekerd dat een website in alle browsers correct wordt getoond en niet alleen te bekijken is door Explorer of Firefox gebruikers. Uw website is hierdoor toegankelijker voor een groter publiek.

Een ander voordeel van website validatie is dat de webpagina beter door zoekmachines gevonden wordt omdat, deze makkelijker is te analyseren en te indexeren en hierdoor een betere positie in de zoekmachine ranglijst krijgt dan een website die niet W3C gevalideerd is.

Webtaurus is gespecialiseerd in W3C validatie en HTML optimalisatie. Elke “nieuwe” website die door ons wordt ontwikkeld, is standaard W3C gevalideerd. Wij kunnen ook op uw bestaande webpagina HTML validatie toepassen.

Webtaurus ontwikkelt professionele, betaalbare en geheel geoptimaliseerde websites die voldoen aan alle strenge W3C webstandaarden. Door deze standaarden worden internetsites sneller weergegeven en zijn deze beter toegankelijk voor alle internet gebruikers.

Algemeen

WordPress is een open source platform, oorspronkelijk opgezet als blogtool, maar is zeer geschikt om te worden gebruikt als CMS voor kleine en middelgrote websites.  De indeling is logisch en intuïtief en de leercurve is kort. (daarbij is het door de aandacht voor lettertypes en leesbaarheid een prettig platform om mee te werken)

Het uiterlijk

Wordpress werkt met zgn. thema’s.  Er zijn heel veel basis thema’s gratis of tegen geringe vergoeding op het internet te vinden, hieruit kan een thema gekozen worden wat vervolgens aangepast en aangevuld wordt met specifieke onderdelen.
De enige kanttekening hierbij is dat juist door het succes van WordPress er zoveel templates te koop (of gratis) zijn dat het wel aan te bevelen is om goed te kijken naar de functies die worden aangeboden en of een thema goed geschreven is (via http://validator.w3.org/ kunt u elke pagina op internet laten controleren op zgn. valid code)

De inhoud

De inhoud staat in een database en kan gemakkelijk hergebruikt worden wanneer er een ander uiterlijk op toegepast wordt. U kunt uw content indelen in categorieën, pagina’s of berichten. Ook kunt u de inhoud laten sorteren op tags (trefwoorden die u aan de inhoud toekent, ook wel labels genoemd)

Plugins

Voor specifieke doeleinden;  zoals abonneren op een nieuwsbrief of het naar u laten verzenden van bestanden (met een bijbehorend formulier) zijn allerlei zgn. “Plugins”  beschikbaar. En wanneer de juiste plugin nog niet bestaat kan hij voor u gemaakt worden.
Voor degenen die zelf hun wordpress installatie bijhouden: let wel op of een plugin redelijk recent is (of recent bijgewerkt) en kijk even in de support forums of er niet veel klachten zijn,  daarmee kan je veel tijdverspilling voorkomen.

Vrijheid om te kiezen

Met WordPress blijft de relatie met uw webdesigner of bureau vrij. Wanneer u liever met een ander verder wilt werken dan zit u niet vast aan licenties of speciaal voor u geschreven software die u alleen mag blijven gebruiken wanneer u met de oorspronkelijke webdesign firma blijft werken. Bij Webtaurus vinden wij het beste contract; uw tevredenheid.

1. Van wie is deze website?

Niet iedereen is meteen op zoek naar uw biografie of sofinummer. Maar het helpt wel als u duidelijk bent over wie of wat er achter de website zit. Helaas zie ik nog heel veel websites waar je moeite moet doen om erachter te komen met wie je nu eigenlijk te maken hebt.

2. Hoe bereik ik iemand als er iets fout gaat?

U ongetwijfeld bekend… op de website staat alleen een contactformulier waarvan u mag hopen dat er aan de andere kant iemand naar kijkt. Staat uw telefoonnummer ook in de telefoongids? Zorg dan ook dat het snel te vinden is op uw website.

3. Wat heb ik aan deze website?

Zorg dat uw boodschap snel duidelijk is. Een open deur misschien maar lang niet elke website brengt zijn doel helder in beeld.

4. Wat gaat me dit kosten?

De diensten die u aanbiedt hebben een prijs of zijn misschien zelfs gratis… Wees open en kweek geen onjuiste verwachtingen.

5. Wat is exact het product van deze website?

Wanneer uw product zich daarvoor leent, gebruik dan afbeeldingen of geef een duidelijk voorbeeld van de dienst die u eerder aan een ander bedrijf of persoon heeft geleverd.

6. Hoeveel tijd gaat dit mij kosten?

Een bezoeker heeft een bepaalde verwachting van de tijd die het hem gaat kosten om de weg te vinden op uw website en om uw product of dienst aan te schaffen. Probeer aan te geven wat hij kan verwachten.

7. Wat wordt er van mij verwacht op deze website?

Wanneer u een dienst aanbiedt kan het zijn dat u verwacht dat de bezoeker en potentiële klant aan een aantal voorwaarden voldoet. Zet een checklijst op die de bezoeker kan aanvinken.

8. Bestaat deze website volgend jaar nog?

Aan de hand van het uiterlijk en de gegevens op uw website krijgt de bezoeker een indruk of uw website een duurzame is. Het aantal jaren dat u al actief bent is een goede indicator.

9. Wat vinden anderen van deze website?

Mensen worden beïnvloed door de meningen van anderen. Wanneer u tevreden klanten heeft biedt hen dan de gelegenheid om die boodschap te delen. Of misschien is er over u in de pers geschreven?

10. Hoe actueel is de website en wordt hij bijgehouden?

Ik kom veel websites tegen met in de voettekst een jaartal wat enige jaren achterloopt op het huidige. Wanneer uw website zelden wordt ververst kunt u misschien beter jaartallen achterwege laten.

Kleine dingen als text-shadow en moz-rounded-corners maken het leven van een webdesigner een stuk aangenamer. Ooit geprobeerd om de principes van aanbrengen van ronde hoekjes om elementen uit te leggen aan een leek?
En het mooie van het verhaal is dat  al die mooie dingen al ondersteund worden in recente browsers zoals Firefox, Chrome en Safari.

Nu is het wachten op Microsoft om te zorgen dat Internet Explorer ook in de pas gaat lopen…

De kunst is nu om uit te leggen dat gezien de snelheid van de ontwikkeling van de browsers het zinvol is om niet zwaar te investeren in “oude” technieken zoals het gebruik van meerdere plaatjes om ronde hoekjes te laten zien, maar dat je nu al nieuwe css kunt gaan gebruiken die binnenkort wel door alle browsers ondersteund gaat worden (zoals het voorbeeld laat zien, hopelijk geen wishfull thinking)

Inmiddels heeft Microsoft in een voorproefje van IE 9 laten zien dat er gewerkt wordt aan css 3 ondersteuning.
Eerste indruk op css3.info en de info van Microsoft staat hier

En… the man weet waar hij het over heeft. Geen woord onzin in die lyrics.

Another SEO Rapper video….talking about links and how they increase your page rank. lyrics: Chuck back again so tell me what you thank, new song new dance I call it the Page Rank
Seo rapper on \”Page Rank\” YouTube

Design Coding

The Poetic Prophet (AKA The SEO Rapper) is back with another marketing rap. This time he describes how web standards and proper design can affect the ranking and conversion of pages on your site…

En nog eentje om het af te leren…

A funny rap that tells 2 different stories of Social Media being used. lyrics: Addicted to the power cause I’m online for hours 10 tabs open on firefox browser 24 hours like my name Jack Bauer….
nah. 10 tabs dat is een understatement waarschijnlijk.

Meer van moserious

ps. voor designers;
Na het invoegen van de bovenstaande video’s valideerde de pagina niet meer.  Blijkbaar een bekend probleem, de code die YouTube genereert breek de validatie. De YouTube code voor de laatste video is :

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”480″ height=”385″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”src” value=”http://www.youtube.com/v/vXCCGsBVzrc&amp;hl=nl_NL&amp;fs=1&amp;rel=0″ /><param name=”allowfullscreen” value=”true” /><embed type=”application/x-shockwave-flash” width=”480″ height=”385″ src=”http://www.youtube.com/v/vXCCGsBVzrc&amp;hl=nl_NL&amp;fs=1&amp;rel=0″ allowscriptaccess=”always” allowfullscreen=”true”></embed></object>

Dankzij de tips die ik vond op deze site valideert de pagina weer als Xhtml Strict 1.1 door de bovenstaande code te veranderen in:

<object type=”application/x-shockwave-flash” width=”480″ height=”385″ data=”http://www.youtube.com/v/vXCCGsBVzrc”><param name=”movie” value=”http://www.youtube.com/v/vXCCGsBVzrc” /></object>

De video’s lijken normaal te werken, gecontroleerd op Firefox 3.5, Chrome, IE 8, IE 7 en Safari voor Windows.

Op de website ‘heeftstijl‘ waar ik toevallig op terecht kwam staat een leuk artikel wat ik helemaal kan onderschrijven…

Verbazingwekkend eigenlijk: uitgerekend een studente – die dagelijks haar mail checkt, haar lesrooster online raadpleegt, online onderzoek doet voor een scriptie, haar vrienden en vriendinnen krabbelt op Hyves – weet niet wat een browser is.

In mijn dagelijk werk kom ik dat verschijnsel regelmatig tegen.. een klant wil een website, maar heeft geen idee dat er meer browsers zijn dan het programma met de blauwe E waarop hij/zij zijn berichten leest, online betalingen doet en relaties onderhoud.

Frappant daarbij is dat ook nadat de klant begrepen heeft dat er zoveel browsers zijn, hij meestal ook aanneemt (of eist) dat zijn website er op al die browsers hetzelfde uitziet.

Op de website “Ondoordacht Blog” kwam ik onderstaand filmpje tegen…

Wat is een browser, video op centraalstation Rotterdam via Youtube.

Google doet ook z’n best om wat helderheid te verschaffen op Youtube staat onderstaande video:

De video is inmiddels 708205 keer bekeken dus hopelijk zijn er weer een heleboel verhelderde mensen bij gekomen.

Mijn persoonlijk favoriet is al jaren Firefox. Inmiddels niet meer de allersnelste browser maar door de mogelijkheid om de ‘bladeraar’ eenvoudig uit te breiden met “add-ons” krijg je precies de browser die je zelf wilt hebben. Terwijl ik bericht maak heb ik bijvoorbeeld een spellingscontrole, doordat ik in Firefox meerdere woordenboeken of talen heb geïnstalleerd.
En voor webdesigners is de Addon Firebug bijna onmisbaar.

Voor de webdesigners nog even een al wat ouder plaatje wat de dagelijkse praktijk illustreert

U kunt de hele installatie en inrichting van uw Wordpress website zelf uitvoeren, op internet staan veel goede handleidingen en ook de uitleg van Wordpress zelf is helder. Heeft u veel tijd en weinig budget, dan is dat de juiste route.

U kunt natuurlijk ook deze technische zaken overlaten aan een bedrijf als het onze. Niet alleen omdat u op die manier sneller zou kunnen werken, maar vooral omdat wij door de ervaring die we opgebouwd hebben de kleine, maar belangrijke details voor u kunnen regelen.

Zelf concentreert u zich zo op het belangrijkste: de inhoud! Goed geschreven teksten zijn en blijven  het hart van uw website.

Een goed voorbeeld is NRC Next waar de eigenschappen van Wordpress uitstekend tot hun recht komen. De site is helder, eenvoudig van uiterlijk en er ligt een grote nadruk op leesbaarheid.

NRC heeft de breedte van de hoofdkolom beperkt en veel witruimte rondom de tekst gecreëerd waardoor het gemakkelijk leest. De regelhoogte (de ruimte tussen de regels) is ook net iets meer dan vaak gebruikt wordt, ook iets wat het lezen comfortabeler maakt.
Wanneer in de toekomst e-readers met een 10″ scherm voor een redelijke prijs beschikbaar komen zullen dergelijke websites ook op een scherm goed te lezen zijn. (of misschien is dit al een stap in de goede richting ?)