WordPress-skolan, del 2: Ändra tema och byt utseende

I del två av vår WordPress-skola beskriver vi hur du ändrar utseende på din WordPress-sida genom att byta tema. Det finns tiotusentals gratisteman att tillgå till WordPress, och skulle du ändå inte hitta något som passar så kan du antingen köpa ett färdigt tema, eller anlita någon för att bygga ett helt unikt utseende för just din WordPress-sida.

Viktigt att tänka på är dock att ta för vana att enbart köpa och installera teman som hittas på legitima sajter som t ex wordpress.org, vilket vi skrivit mer om i ett blogginlägg om WordPress-säkerhet. Dessa teman har granskats vilket garanterar högre säkerhet.

Missade du del 1 av WordPress-skolan hittar du den här:
» Installera WordPress och publicera ditt första inlägg

Del 2: Byt tema och ändra utseende på din WordPress-sida

Om din WordPress-sida hade varit en människa, hade temat varit kläderna. Byt kläder och få din sajt att se helt annorlunda ut. Med rätt val och rätt kombination kan du ge ett intryck av seriositet alternativt lekfullhet, eller vad du nu själv önskar.

1. Byt tema

Att byta tema är lika enkelt som mycket annat på WordPress. Du loggar in i administrationspanelen och väljer “Utseende > Teman” i vänsterspalten. Där finns dina installerade teman och om du klickar på ett av dessa kan du få en förhandsgranskning av hur din hemsida skulle se ut med det nya temat. Om du tycker att det ser bra ut klickar du på “Aktivera”.

wp-skolan-20

Att välja tema, och hitta ett tema som passar just dig och din WordPress-sida, behöver händelsevis inte vara så svårt om du inte vill. Om du önskar, har tid och tycker att det är roligt så finns det oändligt med kombinationer av färg och form vilket kan ge din sida precis det uttryck du själv önskar. Med lite enklare bearbetning kan du dessutom snygga till de små skavanker ett alternativt tema kan ha för att känna att du ska kunna leva med ditt val en tid framåt.

Du skulle kunna jämföra att välja tema med ett husköp; du behöver gå på visning efter visning för att hitta ett som verkligen passar. Många kan du enkelt avfärda redan efter att ha passerat ytterdörren, medan andra behöver kännas in och testas ett tag, innan du kan göra ditt val.

När du letar tema ska du också tänka som vid ett husköp; det behöver inte vara helt perfekt från början, så länge alla väggar står på rätt plats och så länge köket och toaletten är nykaklade och fräscha så är det inte så svårt att måla om i vardagsrummet med lite baskunskaper i CSS och HTML.

a) Hitta ett tema som passar dig

wp-skolan-21Låt oss gå på en shoppingrunda, och för enkelhetens (och säkerhetens!) skull, låt oss göra det i WordPress. Väl inne i menyn “Utseende > Teman” klickar du på “Lägg till nytt”. På sidan som nu dyker upp kan du ta en titt på populära och nya teman.

wp-skolan-22

Du kan också söka efter ett tema, antingen med speciella namn, nyckelord, ämnen eller vissa karaktäristiska egenskaper genom att klicka på “Filter för egenskaper”. Bland egenskaperna hittar du förutom färger och layout också funktionalitet på temat, så som ”Egen bakgrund”, “Anpassad meny” och ”Flexibelt sidhuvud”.

När du gjort dina val är det bara att klicka på “Använd filter” och en lista med matchande teman kommer att dyka upp med förhandsgranskningar av hur de ser ut.

wp-skolan-24

Genom att klicka på miniatyrbilden och “Detaljer och förhandsgranskning” får du upp en virtuell test-hemsida, där du ser ett exempel på hur temat kan se ut. Om du gillar vad du ser är det bara att klicka på ”Installera” för att installera temat på din WordPress-sida.

wp-skolan-25
wp-skolan-26

wp-skolan-27

b) Aktivera tema

För att aktivera ditt nya tema går du in under “Utseende > Teman” i vänsterspalten. För du muspekaren över det nya temat dyker knapparna “Förhandsgranskning live” och “Aktivera” upp. Förhandsgranska temat och aktivera det sedan om du känner dig nöjd.

wp-skolan-28

Nu är det dags att kasta sig in i djungeln av teman och försöka göra någonting snyggt av din WordPress-sida.

Om du har specifika önskemål om hur du vill att din sida ska se ut finns det många webbyråer och liknande som du kan anlita för att bygga ett tema till din WordPress-sida som ser ut precis så som du vill ha det. Vår återförsäljaravdelning har ett gott samarbete med de främsta webbyråerna i landet och kan snabbt och enkelt para ihop dig med en kandidat som passar dina önskemål. Kontakta af@loopia.se för mer information.

Lycka till!

Vidare till del 3 av WordPress-skolan »
Läs alla delar av Loopias WordPress-skola här »

Läs mer om hemsidesverktyget WordPress »

Text: Kristoffer Emanuelsson, wordpressguru.se

Dela: Facebooktwittergoogle_pluslinkedinmail

29 reaktion på “WordPress-skolan, del 2: Ändra tema och byt utseende

  1. Marie

    WordPress skolan är det bästa som hänt för en amatör som jag. Nu kan jag lära mig grunderna i WordPress utan att behöva vänta på att få hjälp och vara beroende av andra, TACK!

    Marie

  2. Pingback: WordPress skolan hos Loopia fortsätter med utseendet i fokus | WordPress Guru

  3. Ylva Nilsson

    Kanon att ni ger så enkla instruktioner så vem som helst kan följa med.
    Men jag får kommentarer till min blogg om att sajten har ”browser compatibility issues”, t ex med Internet Explorer.
    Är det nåt jag kan göra för att lösa det?
    /Ylva

  4. WordPressGuru

    @ylva. Tack för kommentaren, jag försöker alltid skriva så att alla ska förstå, oavsett förkunskaper.

    Angående fina kommentarer så låter det som skräpkommentarer. Jag ser att du använder dig av Twentyten som tema, WordPress default tema. Jag vet till 100% att det är ett tema som klarar Internet Explorer perfekt. Så om inte personerna som kommenterar kan specificera mer exakt vad som är problemet så skulle jag inte lita på dem.

  5. Pingback: Rumor Control » WordPress-skolan del 4 – från blogg till hemsida

  6. catrine

    Hej!

    Jag försöker ladda upp ett nytt tema som jag har köpt, jag laddar upp .zip filen men den säger att temat misslyckades för att:

    Paketet kunde inte installeras. Temat saknar formatmallen style.css.

    Hur ska jag göra?

  7. Katarina Hjertstedt

    Hej!

    Jag är tyvärr inget fan av WP då jag inte är imponerad alls av den påstådda användarvändligheten. Dock är jag nu tvingad att jobba i detta 🙁

    Jag har följt instruktioner om hur man byter och installerar ett tema enligt ovan steg. Jag har försökt med flera olika zip-filer, dvs letar fram zip-filen som jag har laddat ned och sparat på hårddisken. Men så snart jag trycker på Installera nu-knappen rensas fältet där jag precis hade laddat upp zip-filen. Vad är det som händer. Varför installeras inte flen?

    /Katarina

  8. Michaela

    Hur ska jag gå till väga om jag vill ha en helt egen desgin till min hemsida? Kunna välja allt själv, typsnitt i sidokolumn, i menyn under headern och framför allt färg på den menyn och bredd. JAg känner mig väldigt bunden till dessa teman.

    Om det är så att jag behöver koder till stilmallar, hur får jag det?

    /Michaela

  9. Tård

    Hej,

    För att få full kontroll över utseendet på din WordPress-sida behöver du hantera CSS-kod. Du kommer åt CSS-koden för det aktuella temat genom att välja ”Utseende -> Redigerare” i WordPress. Det finns gott om resurser både på nätet och i bokform för att lära dig CSS om du är intresserad av det.

    Använder du temat TwentyEleven kan du dock få lite mer kontroll utan röra CSS-koden genom att installera tillägget Twenty Eleven Theme Extensions. Läs mer om det här: http://blogg.loopia.se/2012/04/13/wordpress-tips-twenty-eleven-for-lata/

    Beroende på vilken typ av hemsida du är ute efter kan det dock vara mer passande att använda Loopia Sitebuilder där du kan göra väldigt mycket mer åt utseendet utan att behöva hantera någon CSS- eller HTML-kod. Läs gärna mer om Loopia Sitebuilder och testa en gratis-demo på http://loopia.se/sitebuilder

  10. gonzalo

    Hej

    När jag försöker installera en tema så kommer den här texten upp: Paketet kunde inte installeras. Temat saknar formatmallen style.css

    Vad kan det bero på?

    Mvh
    Gonzalo

  11. Cecilia Eriksson

    Hej!
    Jag kopierar en tidigare kommentar här ovan, för jag har exakt samma problem. Har precis köpt ett tema, och skulle installera en zip-fil så dyker detta meddelande upp:

    Paketet kunde inte installeras. Temat saknar formatmallen style.css.

  12. Pingback: WordPress-skolan – del 1 | Loopia Blogg

  13. Dinoo

    Tyvärr gäller också att du kan php och inte endast css, annars fungerar inte. Att byta utseende på WP inte är så lätt som man tror.

  14. Tård Wennerborg

    Hej Dinoo.

    Vill du ha full kontroll på alla detaljer på din sajt så är CSS, HTML och PHP den enda vägen.
    Men det går att komma långt utan. Dels med de tiotusentals teman som finns, men också genom olika tillägg som ger dig mer kontroll.

    Behöver du hjälp med designen av din sajt har vi nästan 3 000 återförsäljare runt om i landet som arbetar med att ta fram sajter till kunder. Kontakta af@loopia.se om du önskar komma i kontakt med någon som kan hjälpa dig.

  15. Monika Ågren

    Hej
    Jag sätter precis nu igång med att göra en hemsida i WP till mitt nystartade företag. Det är mycket jag inte förstår.
    Det står mycket om blogg, hur vet jag vilka teman som kan vara mer anpassade till hemsida?
    Jag är inne på ”Filter för egenskaper” men förstår inte rubrikerna, speciellt under det som heter Egenskaper. Hur vet jag vad som avses under de olika rubrikerna?
    Jag fick ett tips om att välja ett tema som är mobilkompatibelt. Hur vet jag vilka som är det?
    Tacksam för snabbt svar, då jag tog bort min gamla hemsida (visserligen mycket rudimentär) i samband med att jag startade upp detta.
    Hälsningar Monika Ågren

  16. Björn

    Hej ,
    jag uppdaterade wordpress och gjorde nått fel så jag har fått in Mystique som tema. Så hela min hemsida har bytt utseende. Hur får jag tillbaka min orginalsida? Inget händer med temat när jag går tillbaka och återtar en sparad fil (uppdatering)
    //Björn

  17. Pingback: WordPress-skolan, del 3: tillägg och widgets

  18. Rebecca

    Hej
    Jag undrar hur man lägger till information i sidfoten. Jag behöver göra detta då den är extremt sökoptimerad (fick jag höra) 🙂
    Finns det en enkel förklaring?
    Med vänlig hälsning, Rebecca

  19. Daniel Överfjord

    Hej Rebecca, ditt tema har en fil som heter footer.php där du kan lägga in egen information.
    Inloggad i din WordPress-sida kan du redigera koden för sidan under menyvalet ”Utseende–>Redigerare–>Sidoft för temat”
    Observera dock att det du lägger in där kan komma att raderas när du uppdaterar temat. Du bör dock alltid ha senaste version av ditt tema för att undvika säkerhetshål i sidan.

    Jag har dock fått uppfattningen om att Google inte lägger stor vikt vid information i sidfoten och framförallt inte länkar i sidfoten.
    Du kan också installera SEO-tillägg som Yoast SEO för att förenkla var på din sida du bör lägga sökmotoroptimerad text och ändå kunna uppdatera alla delar av sidan.
    Se lite information om det här: https://yoast.com/footer-design-by-links/

    //Daniel Ö Loopia Support

  20. Karin

    Jag har haft min sida i något år och inser att jag inte vill ha någon blogg men som jag förstår det så går det inte att ta bort blogg-widgeten (heter det så) i det tema jag valt. Jag vill därför byta tema. Någon berättade för mig att om man väljer ett tema som är ”blåmarkerat” som är det temat inte förberett för någon blogg. Det här var ett bra tag sen och jag minns inte riktigt vad vederbörande sa. Jag har kollat lite på nytt tema men förstår inte hur jag ska avgöra om temat innehåller blogg eller inte. Har du något tips?

  21. Anna Pettersson

    Hej Karin,
    Alla WordPress-teman innehåller möjligheten till att ha en blogg, det är de ”inlägg” du skriver och publicerar som bildar själva bloggen. Ställ gärna din fråga på nytt i Facebook-gruppen WordPress Sverige (https://www.facebook.com/groups/wpsvse/), där finns massor av WordPress-proffs samlade som kan ge dig tips på hur du ska gå tillväga.

  22. Pingback: WooCommerce-skolan, del 2: Ändra tema och byt design på din e-handel

  23. Annika

    Kan man anpassa en sida så att den blir olik de andra tex bakgrund? Jag ska göra en kurs för min sida men vill gärna att den ska vara lite annorlunda än resten.

  24. Anna Pettersson

    Hej Annika, för att ändra t ex bakgrundsfärgen på en specifik sida behöver du hantera CSS-kod via ”Utseende > Redigerare” i WordPress kontrollpanel. Vissa teman kan ha den möjligheten i sina inställningar för sidmallar. Ställ gärna din fråga på nytt i Facebook-gruppen WordPress Sverige (https://www.facebook.com/groups/wpsvse/), där finns massor av WordPress-proffs samlade som kan ge dig tips på hur du ska gå tillväga.

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *