All posts in WordPress

5st WordPress HTML5 start-teman

WordPress HTML5 Starter Themes

Att använda sig av ett start-tema (starter theme) kan vara smart om man vill komma igång snabbt med att bygga ett eget tema till WordPress. Med ett start-tema eller “framework” som det ibland också (felaktigt?) kallas kan man få en bra grund att bygga vidare på.

HTML5 is the new black och det har därför på senare tid börjat dyka upp allt fler start-teman som bygger på just HTML5/CSS3. Flera av dem bygger även på/har stöd för tex HTML5 Boilerplate, Modernizr, 960.gs etc..

Många webbutvecklare föredrar att bygga sina teman själva mer eller mindre från scratch, men en fördel med att ladda ner och åtminstone leka runt lite i start-teman är att man kan inspireras och lära sig hur man bygger kod på ett bättre sätt. Nedan listar jag 5 WordPress start-teman som jag tycker glänser lite extra och bland dess skapare finns några av WordPress-världens skarpaste hjärnor.

5 bra WordPress HTML5 start-teman:

Starkers HTML5

Starkers HTML5 bygger på det klassiska och avskalade WordPress-temat Starkers.
Ladda ner Starkers HTML5

Toolbox

Toolbox är skapat av WP-gurun Ian Stewart som numera jobbar för självaste Automatic. Toolbox är ett cleant, minimalistiskt och semantiskt starter theme.
Ladda ner Toolbox

HTML5 Reset Theme

HTML5 Reset bygger på Chris “CSS-Tricks” Coyiers Blank Theme och bland annat stöd för hNews Microformat.
Ladda ner HTML5 Reset

Roots

Roots starter theme bygger även det på Starkers, men här får man en hel del extra på köpet så att säga, inklusive HTML5 Boilerplate, Blueprist CSS/960.gs med mera. Roots uppdateras ofta och ser mycket intressant ut.
Ladda ner Roots

Bones

Sist men inte minst vill jag nämna Bones som uppdateras ofta och engagerat av dess skapare Eddie Machado. Det har en hel del smarta grejer (tex all jquery i en och samma fil).
Ladda ner Bones

Fler start-teman?

Det kommer ständigt nya start-teman till WordPress och jag har säkert missat några. Någon som har tips? Har du provat något start-tema får du också gärna dela med dig av dina erfarenheter genom att lämna en kommentar.

Så skaffar du Twitter-knapp till din hemsida

Twitter släppte i dagarna en ny officiell Twitter-knapp som du kan placera på din blogg eller hemsida för att underlätta för dina besökare att kvittra om det du skrivit. Det finns redan mängder av WordPress-plugins ute för att införa Twitter-knappen, men jag gillar att koda så mycket som möjligt själv så här kommer därför koden för att infoga din alldeles egna Twitter-knapp:

<a href="http://twitter.com/share"
class="twitter-share-button"
data-count="none"
data-via="DittTwitterNamn"
>Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">

Om du vill visa hur många som har kvittrat ditt inlägg kan du istället för:

data-count="none"

..ändra till:

data-count="horizontal" (visa knappen och antal tweets bredvid varandra)

..eller till:

data-count="vertical" (visa knappen under antal tweets)

Ps. Glöm inte att Twittra detta tips via tex Twitter-knappen nedan:

Good bye marketingMartin. Hello Martin.

Martin Peterffy

Välkommen till min nya hemsida / blogg / portfolio. Tidigare har jag haft bloggen marketingMartin.se men väljer nu att skriva under mitt egna namn, Martin Peterffy. Den främsta anledningen till detta är att jag inte skriver särskilt mycket om marknadsföring längre och hellre vill skriva om WordPress, webbutveckling, webbdesign, internet, mac och prylar. Självklart kommer jag även fortsätta skriva om sökmotoroptimering och internetmarknadsföring.

Välkommen och kul att du hittade hit!