Rune Grønkjærs Blog
Abonnér på mit feed

Mit eget wordpress tema

Indtil nu har jeg benyttet mig af et ganske udmærket tema, lavet af l2aelba. Temaet er dog af ældre dato og både html, css og php funktionerne er langt fra optimale. Som webudvikler kan jeg selvfølgelig ikke leve med at html og css på min egen blog ikke er helt perfekte. Som om nogen kan opnå det helt perfekte, men man går selvfølgelig efter det hver gang. Et andet problem jeg har haft er vedligeholdelse. Et er at mit nuværende tema er af lidt ældre dato og html og css er kompliseret opbygget. Noget andet er selvfølgelig at jeg ikke selv har lavet det, og endnu er lidt fremmed for wordpress og php. For at kunne rette og forbedre må jeg også vide hvad jeg laver.

Hvordan?

Jeg har tænkt mig at benytte en tutorial, for at være sikker på at kunne komme ud i alle hjørnerne af et tema. Efter at have googlet emnet, fandt jeg denne tutorial hos themeshaper. Den ser ret avanceret ud og vil sandsynligvis vise mig alle de ting jeg har brug for at vide.

Tanker og fakta om min valgte tutorial

Tutorialen tager mig helt fra bunden af og hjælper mig med en god grundhtml. Den er bygget op i et antal steps, hvor de løbende bliver mere avancerede. Der er nogle supergode forklaringer undervejs der forklarer de forskellige valg man tager. Korte og præcise forklaringer. Dejligt. En anden ting denne tutorial er meget fokuseret på er SEO. Den sørger for at de vigtigste ting på bloggen, såsom en posttitle også vil blive dominerinde rent SEO mæssigt. Detaljer som hjælp til folk med screenreaders bliver også taget seriøst.

Det lykkedes

Efter at have gået igennem tutorialen er jeg nu færdig med mit eget tema og resultatet kan ses her. Rent visuelt er der meget lidt der har ændret sig. Men jeg er nu langt mere tilfreds med min HTML og css her på sitet. Siden er også topoptimeret til at jeg kan ændre i det fremover og med nogle få ændringer i css’en kan jeg vælte fuldstændig rundt på designet, hvilket er rart at vide. Ved at optimere css’en er jeg gået fra lige under 22244 karakterer css kode til 6654. Her har jeg klippet alle kommentarer ud af koden både i før og efterkoden. Hvad HTML’en angår har jeg fjernet mange overflødige tags og lavet en mere simpel og logisk struktur.

Konklusion

Det er relativt let at lave sit eget tema. Men det vil ikke blive noget jeg kommer til at gøre fra bunden ret mange gange. Nu har jeg en god standardopsætning på mit eget site, som jeg kan genbruge på mange andre sites, skulle jeg få brug for det.
Dette indlæg blev skrevet i css, html, tema, wordpress. Føj permalink til favoritter. Følg alle kommentarer her med RSS feedet for dette indlæg. Skriv en kommentar eller smid et trackback: Trackback URL. | Read this in english English version

7 kommentarer

  1. Skrevet 21. marts 2010 at 23.00 | Permalink

    Lyder ganske udfordrende, og hvis jeg lige kigger på din markup, så er der stadig plads til optimering med alle de javascript code-prettifiers i alle mulige sprog – så mange sprog kan du ikke skrive :P

  2. Skrevet 21. marts 2010 at 23.36 | Permalink

    Fint med optimeringen Rune!
    Hvor tror du brugerens vægt ligger, hvis man hiver din kommentar frem? :)
    “Rent visuelt er der meget lidt der har ændret sig. Men jeg er nu langt mere tilfreds med min HTML og css her på sitet”

  3. Rune Grønkjær
    Skrevet 22. marts 2010 at 08.28 | Permalink

    @Kevin: Nej, jeg skal have fundet ud af at fjerne nogen af dem. Døgnet har alt for få timer :)

    @Esben: Tjah hvad mener du/I? Her ligger 2 kommentarer fra mine typiske brugere. Jeg gætter på at du også har tjekket min kildekode :) Kom endelig med nogen svinere hvis jeg skal have noget gjort anderledes. Det kan jo altid blive bedre.

  4. Skrevet 25. marts 2010 at 21.58 | Permalink

    Indrømmet Rune… Jeg havde kigget i din kode. Men tager man den dødelige internetbruger har denne nok ret stor fokus på det visuelle. Men som jeg forstår det, så er det også et “work-in-progress”?

  5. Rune Grønkjær
    Skrevet 29. marts 2010 at 06.19 | Permalink

    @Esben såså. Det er et fint design, taget i betragtning at det er en designhandikappet der har lavet det. :)
    du kan garanteret ikke engang gøre det bedre!? (husk at jeg vil have min himmel i toppen) :D

  6. Skrevet 30. juni 2010 at 13.08 | Permalink

    Det er da blevet et pænt resultat. Tak for et fedt link til den theme guide hos themeshaper.

  7. Rune Grønkjær
    Skrevet 30. juni 2010 at 15.21 | Permalink

    Ja, det er en super guide. God solid html man får, så man ikke behøver rette så meget efterfølgende.

Smid en kommentar

Your email is never published nor shared. Required fields are marked *

*
*

Du kan benytte disse HTML tags og attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

English version