Uppdatering:
Jag har vidareutvecklat den här mallen och den lever nu ett eget liv på github.com/byBrick/Wordpress-boilerplate
–
Här kan du ladda ner min HTML5-mall. Meningen med mallen är att den ska fungera som en startplåt/boilerplate för nya WordPress-sidor. Alla talar svenska!
Bra att veta
- Titel-taggen är anpassad för Yoasts plugin WordPress SEO
- Temat använder sig av en CSS reset från html5doctor.com
- Det finns en favicon.ico och en apple-touch-icon.png som behövs editeras för eget ändamål
- Modernizr
html5shivladdas om besökaren använder en webbläsare som inte hanterar nya HTML5-element Den senaste versionenjQuery 1.5.2 laddas (från Google) via functions.php- Den inbyggda menyn som kom med WordPress 3.0 är aktiverat
- Widgets i sidospalten är aktiverat
- Blandat skräp som WordPress spottar ut i headern är borttaget via functions.php
- Google Analytics läggs automatiskt till i sidfoten, men du behöver såklart byta ut UA-XXXXX-X till din egen tracking-kod
Varför har jag gjort en egen när det finns t ex HTML5 Boilerplate?
Därför att en grundplåt/schablon/mall/boilerplate ska vara just en startgrund. Det ska inte finnas för mycket saker man behöver TA BORT när man börjar med en sån här mall. Det är bättre att ha en bra grund att stå på och sen lägga till det man känner att man behöver (som alltid är beroende av projektet i sig). Plus att den här är på svenska. Och för WordPress.
För er som verkligen vill grotta ner er i HTML5 Boilerplate kan ni se på en väldigt bra genomgång av den här. Som ni märker är den sprängfylld med finesser.
Ladda ner
Ladda ner HTML5-mall v1.2 här.
Updates
28/04/11 – v1.2 - Ändrade så att det är jQuery 1.5.2 som laddas istället för ”den senaste” från Googles CDN. Den här filen har längre utgångstid istället för /1/ som bara har 1 timme. Har även bytt ut html5shiv mot Modernizr. Kommenterat upp filerna och ändrat lite smått i strukturen.
13/01/11 – v1.1 – La till <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″> i <head>. IE=edge säger till webbläsaren att använda den senaste renderingsmotorn för IE. Då slipper man att användaren besöker sidan och tolkar den med IE7, när det finns stöd för IE8 eller IE9. Och chrome=1 berättar för IE att om Chrome Frame finns, så vill vi använda den.
13/01/11 – v1.0 – Första versionen tillgänglig för nerladdning!
Pingback: Länkstruktur i HTML5 | Webbyrå Viktor Bijlenga