{"id":32833,"date":"2019-12-17T00:06:07","date_gmt":"2019-12-17T08:06:07","guid":{"rendered":"https:\/\/kinsta.com\/?p=56620"},"modified":"2021-09-22T12:02:51","modified_gmt":"2021-09-22T12:02:51","slug":"sa-har-anpassar-wordpress-tema","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/","title":{"rendered":"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)"},"content":{"rendered":"<p>Om du har <a href=\"https:\/\/kinsta.com\/se\/blog\/installerar-du-ett-wordpress-tema\/\">installerat ett WordPress-tema<\/a> men det inte k\u00e4nns helt r\u00e4tt f\u00f6r dig, kan du k\u00e4nna dig frustrerad. Det finns gott om alternativ tillg\u00e4ngliga f\u00f6r att anpassa ditt <a href=\"https:\/\/kinsta.com\/se\/blog\/snabbaste-wordpress-theme\/\">WordPresstema<\/a>.<\/p>\n<p>Utmaningen \u00e4r att hitta r\u00e4tt s\u00e4tt att g\u00f6ra det.<\/p>\n<p>I det h\u00e4r inl\u00e4gget ska jag styra dig genom alternativen f\u00f6r att anpassa ditt WordPress-tema, hj\u00e4lpa till att avg\u00f6ra vilket som \u00e4r r\u00e4tt f\u00f6r dig och visa dig hur du g\u00f6r det s\u00e4kert och effektivt.<\/p>\n<h3>F\u00f6redrar du att titta p\u00e5 <a href=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\">videoversionen<\/a>?<\/h3>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=Ug74WmYV5Ws\"><\/kinsta-video>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Alternativ f\u00f6r att anpassa ett tema<\/h2>\n<p>Innan vi dyker in och b\u00f6rjar g\u00f6ra \u00e4ndringar i ditt tema, l\u00f6nar det sig att f\u00f6rst\u00e5 vilka alternativen \u00e4r, eftersom de passar olika situationer.<\/p>\n<p>H\u00e4r \u00e4r en \u00f6versikt \u00f6ver de alternativ som \u00e4r tillg\u00e4ngliga f\u00f6r dig:<\/p>\n<ul>\n<li>Om du vill l\u00e4gga till funktionalitet till ditt tema, installera ett plugin.<\/li>\n<li>Anv\u00e4nd Customizer i dina <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-admin\/\">WordPress-adminsk\u00e4rmar<\/a> f\u00f6r att <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-andrar-du-typsnitt-i-wordpress\/\">anpassa typsnitt<\/a>, f\u00e4rger och kanske layout ocks\u00e5, beroende p\u00e5 ditt tema.<\/li>\n<li>Om du arbetar med ett <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sidbyggare\/\">sidbyggartema<\/a>, anv\u00e4nd dess funktioner f\u00f6r att anpassa utformningen av din webbplats.<\/li>\n<li>Om du har installerat ett ramtema, anv\u00e4nd ett av de tillg\u00e4ngliga barnteman f\u00f6r att anpassa din webbplats, tillsammans med eventuella anpassningsalternativ via adminsk\u00e4rmarna.<\/li>\n<li>Om ditt tema \u00e4r specifikt f\u00f6r din webbplats och du \u00e4r bekv\u00e4m att g\u00f6ra det, redigera temats kod direkt.<\/li>\n<li>Om du vill redigera koden f\u00f6r ett tema fr\u00e5n tredje part <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/\">skapar du ett barntema<\/a>.<\/li>\n<\/ul>\n<p>Om du vill <a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/\">redigera koden<\/a> har du ett antal alternativ tillg\u00e4ngliga f\u00f6r dig, fr\u00e5n att anv\u00e4nda <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-gutenberg-redigeraren\/\">blockredigeraren<\/a> till Customizern, \u00e4nda fram till att redigera filerna. Vi tittar p\u00e5 dem alla i det h\u00e4r inl\u00e4gget, men l\u00e5t oss b\u00f6rja med det enklaste alternativet: Installera ett plugin.<\/p>\n<h2>Beh\u00f6ver du faktiskt anpassa ditt tema?<\/h2>\n<p>Ibland beh\u00f6ver du inte anpassa ditt tema alls: ist\u00e4llet m\u00e5ste du <a href=\"https:\/\/kinsta.com\/blog\/how-to-install-wordpress-plugins\/\">installera ett plugin<\/a>.<\/p>\n<p>Teman dikterar utformningen av din webbplats: hur det ser ut och hur det visar inneh\u00e5ll (anv\u00e4nd v\u00e5rt <a href=\"https:\/\/kinsta.com\/se\/verktyg\/wordpress-theme-detector\/\">temadetektorverktyg<\/a> f\u00f6r att identifiera det underliggande temat f\u00f6r en design som du gillar). Plugins l\u00e4gger till extra funktionalitet.<\/p>\n<p>Om de \u00e4ndringar du vill g\u00f6ra \u00e4r inriktade p\u00e5 funktionalitet snarare \u00e4n design, \u00f6verv\u00e4g att installera ett plugin sj\u00e4lv. Detta kan vara ett plugin du beh\u00f6ver skriva, ett du laddar ner fr\u00e5n pluginkatalogen, eller ett du k\u00f6per.<\/p>\n<p>Om du vill redigera functions.php-filen i ditt tema, fr\u00e5ga dig sj\u00e4lv:<\/p>\n<blockquote><p>Skulle jag vilja beh\u00e5lla den h\u00e4r funktionen om jag bytte teman i framtiden?<\/p><\/blockquote>\n<p>Om svaret \u00e4r ja, borde koden st\u00e5 i ett plugin, inte ditt tema.<\/p>\n<p>Bra exempel p\u00e5 vad du skulle anv\u00e4nda ett plugin i st\u00e4llet f\u00f6r ett tema f\u00f6r, inkluderar att l\u00e4gga till <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-widgetar\/\">widgets<\/a>, registrera <a href=\"https:\/\/kinsta.com\/se\/blog\/anpassade-wordpress-inlaggstyper\/\">anpassade inl\u00e4ggstyper<\/a> och taxonomier, skapa egna f\u00e4lt och l\u00e4gga till extra funktioner som en <a href=\"https:\/\/kinsta.com\/se\/blog\/e-handelspluginsen-wordpress\/\">butik<\/a> eller SEO-f\u00f6rb\u00e4ttringar.<\/p>\n<h2>Anpassa ditt WordPresstema via WordPress-adminsk\u00e4rmarna<\/h2>\n<p>Om de \u00e4ndringar du vill g\u00f6ra \u00e4r designfokuserade och relativt enkla, kanske du kan g\u00f6ra dem via adminsk\u00e4rmarna. Customizer ger dig en m\u00e4ngd olika alternativ f\u00f6r att finjustera ditt tema: vad som \u00e4r tillg\u00e4ngligt f\u00f6r dig beror p\u00e5 ditt tema. Och du kan se n\u00e5got som heter Redigerare i menyn Utseende. H\u00e5ll dig borta fr\u00e5n detta, av sk\u00e4l jag ska beskriva inom kort.<\/p>\n<h3>Anpassa ditt tema via Customizer<\/h3>\n<p>Det enklaste s\u00e4ttet att anpassa ditt WordPresstema \u00e4r att anv\u00e4nda WordPress Customizer.<\/p>\n<p>Du kommer \u00e5t detta p\u00e5 ett av tv\u00e5 s\u00e4tt:<\/p>\n<ul>\n<li>N\u00e4r du visar din webbplats (n\u00e4r du \u00e4r inloggad) klickar du p\u00e5 l\u00e4nken <strong>Anpassa<\/strong> i administrat\u00f6rsf\u00e4ltet h\u00f6gst upp p\u00e5 sk\u00e4rmen.<\/li>\n<li>Klicka p\u00e5 <strong>Utseende &gt; Anpassa<\/strong> p\u00e5 administrat\u00f6rssk\u00e4rmarna.<\/li>\n<\/ul>\n<p>Detta tar dig till Customizer.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/customizer.jpg\" alt=\"WordPress Customizer\" width=\"1500\" height=\"776\"><figcaption class=\"wp-caption-text\">WordPress Customizer<\/figcaption><\/figure>\n<p>I sk\u00e4rmdumpen ovan har jag installerat ett gratis tema som heter <a href=\"https:\/\/wordpress.org\/themes\/colormag\/\">ColorMag<\/a> som har m\u00e5nga anpassningsalternativ. Det l\u00e4gger till sektioner till Customizer f\u00f6r designfunktioner, inklusive en headerbild, sociala medier, kategorif\u00e4rger och fliken Designalternativ som tar dig till \u00e4nnu fler flikar d\u00e4r du kan g\u00f6ra \u00e4ndringar i layouten och designen av din webbplats.<\/p>\n<p>Olika teman har olika anpassningsalternativ, men nyare teman verkar l\u00e4gga till fler och fler av dem hela tiden. Om du hittar ett tema som du gillar men det inte \u00e4r helt r\u00e4tt f\u00f6r dig, kanske du tycker att anpassa det ger dig exakt den design och layout du beh\u00f6ver.<\/p>\n<h3>Temaredigeraren (och varf\u00f6r du inte ska anv\u00e4nda den)<\/h3>\n<p>P\u00e5 dina administrat\u00f6rssk\u00e4rmar kan du m\u00e4rka ett alternativ som heter Temaredigeraren, som du kommer \u00e5t via <strong>Utseende &gt; Temaredigerare<\/strong>.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/temaredigerare.jpg\" alt=\"WordPress temaredigerare\" width=\"1500\" height=\"772\"><figcaption class=\"wp-caption-text\">WordPress temaredigerare<\/figcaption><\/figure>\n<p>Detta ger dig tillg\u00e5ng till filerna i ditt tema, vilket inneb\u00e4r att du kan redigera dem direkt.<\/p>\n<p>G\u00f6r inte det.<\/p>\n<p>\u00c4ven om du \u00e4r bekv\u00e4m med att <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-css\/\">skriva CSS<\/a> eller PHP, \u00e4r att redigera filerna i ditt tema s\u00e5 h\u00e4r en mycket d\u00e5lig id\u00e9, av tv\u00e5 sk\u00e4l:<\/p>\n<ul>\n<li>Om du har k\u00f6pt eller h\u00e4mtat ett tema fr\u00e5n tredje part kommer eventuella \u00e4ndringar du g\u00f6r att g\u00e5 f\u00f6rlorade n\u00e4sta g\u00e5ng du uppdaterar temat (och <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-uppdaterar-du-ett-wordpress-tema\/\">du b\u00f6r h\u00e5lla ditt tema uppdaterat av s\u00e4kerhetssk\u00e4l<\/a>).<\/li>\n<li>\u00c4nnu viktigare, om du g\u00f6r en f\u00f6r\u00e4ndring som bryter din webbplats, kommer det inte sp\u00e5ras och den tidigare versionen av filen kommer inte att \u00e4ndras. Du kan o\u00e5terkalleligt bryta webbplatsen.<\/li>\n<\/ul>\n<p>Om du vill redigera koden i ditt tema, b\u00f6r du g\u00f6ra det med hj\u00e4lp av en kodredigerare (kolla in <a href=\"https:\/\/kinsta.com\/se\/blog\/gratis-html-redigerare\/\">de b\u00e4sta gratis HTML-redigerarna)<\/a>, och du b\u00f6r inte redigera filerna i din livewebbplats f\u00f6rr\u00e4n du har testat den p\u00e5 en <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/\">staging-webbplats<\/a>. Om du beh\u00f6ver redigera ett tema fr\u00e5n tredje part, b\u00f6r du g\u00f6ra det via ett barntema. Mer om b\u00e5da dessa senare i det h\u00e4r inl\u00e4gget.<\/p>\n<p>WordPress vet hur os\u00e4kert det \u00e4r att anv\u00e4nda temaredigeraren: det ger dig \u00e4ven en varning n\u00e4r du f\u00f6rs\u00f6ker komma \u00e5t den.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/temaredigeraren-varning.jpg\" alt=\"Varning att inte anv\u00e4nda WordPress temaredigeraren\" width=\"1500\" height=\"1022\"><figcaption class=\"wp-caption-text\">Varning att inte anv\u00e4nda WordPress temaredigeraren<\/figcaption><\/figure>\n<p>S\u00e5 ta WordPress r\u00e5d: Anv\u00e4nd inte temaredigeraren!<\/p>\n<h2>Anv\u00e4nd Sidbyggare och Ramverk f\u00f6r att anpassa ditt WordPresstema<\/h2>\n<p>En stor andel av WordPress-teman har anpassningsm\u00f6jligheter, vilket inneb\u00e4r att du kan g\u00f6ra \u00e4ndringar i design och layout via Customizer.<\/p>\n<p>Men vissa teman tar detta vidare och \u00e4r utformade f\u00f6r att f\u00f6rl\u00e4ngas och anpassas avsev\u00e4rt. Dessa teman kallas temaramar.<\/p>\n<p>Ett annat alternativ \u00e4r att anv\u00e4nda ett plugin som l\u00e5ter dig designa din webbplats med ett anv\u00e4ndarv\u00e4nligt gr\u00e4nssnitt: de kallas sidbyggare.<\/p>\n<h3>Anv\u00e4nd en sidbyggare f\u00f6r att anpassa ditt tema<\/h3>\n<p>Sidbyggarplugins \u00e4r utformade f\u00f6r att g\u00f6ra det enkelt f\u00f6r dig att designa din webbplats, med hj\u00e4lp av ett gr\u00e4nssnitt som l\u00e5ter dig se vad du f\u00e5r.<\/p>\n<p>Du installerar ett sidbyggarplugin med ett kompatibelt tema, och anv\u00e4nder sedan de alternativ som det ger dig att designa din webbplats precis som du vill ha den.<\/p>\n<p>En av de mest k\u00e4nda sidbyggarna \u00e4r <a href=\"https:\/\/en-gb.wordpress.org\/plugins\/elementor\/\">Elementor<\/a>, men du kan ta reda p\u00e5 n\u00e5gra alternativ i v\u00e5r <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sidbyggare\/\">j\u00e4mf\u00f6relse av sidbyggare<\/a>.<\/p>\n<p>Sidbyggare l\u00e5ter dig redigera dina inl\u00e4gg och sidor med ett dra-och-sl\u00e4pp-gr\u00e4nssnitt, vilket inneb\u00e4r att du kan se hur ditt inneh\u00e5ll kommer att se ut och f\u00e5 varje sida att se unik ut.<\/p>\n<p>Nedan anv\u00e4nder jag Elementor sidbyggaren med <a href=\"https:\/\/kinsta.com\/se\/blog\/snabbaste-wordpress-theme\/#hello-elementor\">Hello Elementor-temat<\/a>, som \u00e4r kompatibelt med det.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/elementor-granssnittet.jpg\" alt=\"Elementor-gr\u00e4nssnittet\" width=\"1500\" height=\"787\"><figcaption class=\"wp-caption-text\">Elementor-gr\u00e4nssnittet<\/figcaption><\/figure>\n<p>Sidbyggare ger dig massor av flexibilitet med layout och design av dina sidor. Om du \u00e4r van vid en webbplatsbyggare som <a href=\"https:\/\/kinsta.com\/blog\/wix-vs-wordpress\/\">Wix<\/a>, kan de hj\u00e4lpa till att underl\u00e4tta <a href=\"https:\/\/kinsta.com\/se\/blog\/wix-till-wordpress\/\">\u00f6verg\u00e5ngen till WordPress<\/a>. Och om du f\u00f6redrar ett WYSIWYG-gr\u00e4nssnitt f\u00f6r ditt WordPress-inneh\u00e5ll, kan de hj\u00e4lpa dig att designa dina sidor snabbt.<\/p>\n<h3>Anv\u00e4nd ett temaramverk f\u00f6r att anpassa ditt tema<\/h3>\n<p>Ett alternativ till sidbyggare \u00e4r temaramverk. Dessa \u00e4r sviter av teman som \u00e4r utformade f\u00f6r att fungera tillsammans. Det finns ett f\u00f6r\u00e4ldertema, eller \u00f6verordnat tema, som \u00e4r ramen, och ett urval av barnteman som du kan anv\u00e4nda f\u00f6r att anpassa huvudtemat och f\u00e5 det att se ut som du vill.<\/p>\n<p>Ett exempel p\u00e5 ett temaramverk \u00e4r <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-sidbyggare\/#divi\">Divi<\/a>, som har anpassningsm\u00f6jligheter som l\u00e5ter dig justera utformningen av ditt barntema \u00e4nnu mer, inklusive ett dra och sl\u00e4pp-gr\u00e4nssnitt som liknar de som finns i sidbyggare.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/divi-temat.jpg\" alt=\"Temat Divi\" width=\"1500\" height=\"811\"><figcaption class=\"wp-caption-text\">Temat Divi<\/figcaption><\/figure>\n<p>Rekommenderad l\u00e4sning: <a href=\"https:\/\/kinsta.com\/blog\/divi-vs-elementor\/\">Divi vs Elementor: J\u00e4mf\u00f6relse av WordPress sidbyggar-plugins<\/a><\/p>\n<h2>Redigera ditt WordPresstemas kod<\/h2>\n<p>Om du \u00e4r bekv\u00e4m med att <a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/\">redigera CSS och\/eller PHP<\/a>, kan du redigera koden i ditt tema f\u00f6r att anpassa ditt tema.<\/p>\n<p>Detta ger dig den st\u00f6rsta graden av kontroll.<\/p>\n<p>Om du redigerar ditt eget tema, vilket \u00e4r specifikt f\u00f6r din webbplats och utvecklades speciellt f\u00f6r det, kan du g\u00f6ra \u00e4ndringar i temat direkt. Men om du arbetar med ett <a href=\"https:\/\/kinsta.com\/se\/blog\/installerar-du-ett-wordpress-tema\/#where\">tredjepartstema<\/a> och vill redigera det, b\u00f6r du skapa ett barntema f\u00f6r att undvika att <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-uppdaterar-du-ett-wordpress-tema\/#update-custom-theme\">f\u00f6rlora dina \u00e4ndringar n\u00e4sta g\u00e5ng du uppdaterar temat<\/a>.<\/p>\n<h3>Redigera Temafiler<\/h3>\n<p>Det f\u00f6rsta steget f\u00f6r att redigera ditt WordPress-tema \u00e4r att f\u00f6rst\u00e5 vilka temafiler som styr vad, och vilka du beh\u00f6ver redigera.<\/p>\n<h4>Stilmallen<\/h4>\n<p>Varje WordPresstema har en stilmall, kallad styles.css. Den inneh\u00e5ller all kod f\u00f6r att styla din webbplats: layout, typsnitt, f\u00e4rger och mycket mer.<\/p>\n<p>Om du vill \u00e4ndra f\u00e4rgerna i ditt tema, till exempel, skulle du g\u00f6ra \u00e4ndringar i stilmallen. Om du vill l\u00e4gga till ett <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-andrar-du-typsnitt-i-wordpress\/\">nytt typsnitt<\/a>, skulle du anv\u00e4nda stilmallen f\u00f6r att till\u00e4mpa det p\u00e5 olika element s\u00e5som text och rubriker.<\/p>\n<p>Var uppm\u00e4rksam n\u00e4r du redigerar stilmallen: specificitet inneb\u00e4r att koden f\u00f6r ett element inte alltid kommer fr\u00e5n var du tror att den ska. Element kommer att \u00e4rva styling fr\u00e5n andra element som ligger ovanf\u00f6r dem i hierarkin p\u00e5 sidan om du inte l\u00e4gger till styling som \u00e4r specifik f\u00f6r det nedre elementet.<\/p>\n<p>F\u00f6r att uppt\u00e4cka vilken CSS som p\u00e5verkar vilka element p\u00e5 sidan kan du anv\u00e4nda inspekt\u00f6ren i din webbl\u00e4sare f\u00f6r att visa CSS (Chrome DevTools i det h\u00e4r exemplet):<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/inspektera-kod-1.jpg\" alt=\"Inspektera kod i en WordPress-webbplats med Chrome DevTools\" width=\"1500\" height=\"774\"><figcaption class=\"wp-caption-text\">Inspektera kod i en WordPress-webbplats med Chrome DevTools<\/figcaption><\/figure>\n<p>Du kan sedan anv\u00e4nda detta f\u00f6r att skriva ny CSS som riktar in sig p\u00e5 enskilda element eller en rad element eller klasser p\u00e5 sidan.<\/p>\n<p>Om allt detta tal om element, klasser och specificitet \u00e4r nytt f\u00f6r dig, kanske du vill undvika att direkt redigera ditt temas CSS. \u00c5tminstone tills du har <a href=\"https:\/\/www.codecademy.com\/learn\/learn-css\">l\u00e4rt dig mer om CSS<\/a> och hur det fungerar.<\/p>\n<h4>Funktionsfilen<\/h4>\n<p>En annan fil som i princip varje tema kommer att ha \u00e4r funktionsfilen (functions.php). Det h\u00e4r \u00e4r filen som g\u00f6r att en massa saker fungerar i ditt tema. I den kan du hitta kod f\u00f6r att registrera temafunktioner som utvalda bilder, widgets och mer.<\/p>\n<p>Om du \u00e4r frestad att l\u00e4gga till funktionskod till ditt tema, \u00e4r det h\u00e4r du l\u00e4gger till det. Men se upp: i de flesta fall borde du verkligen skriva ett plugin. Fr\u00e5ga dig sj\u00e4lv:<\/p>\n<blockquote><p>Skulle jag vilja beh\u00e5lla den h\u00e4r funktionen om jag bytte teman i framtiden?<\/p><\/blockquote>\n<p>Om svaret \u00e4r ja, skriv ett plugin ist\u00e4llet f\u00f6r att l\u00e4gga till kod i funktionsfilen. Plugins beh\u00f6ver inte vara stora: det finns inget som hindrar dig fr\u00e5n att skapa ett bara f\u00f6r ett par rader kod.<\/p>\n<p>Funktionsfilen \u00e4r helt skriven i <a href=\"https:\/\/kinsta.com\/se\/blog\/ar-php-dott\/\">PHP<\/a>, s\u00e5 du m\u00e5ste vara bekant med det. Kopiera inte blint koden du hittar via en Google-s\u00f6kning: ta dig tid att r\u00e4kna ut vad den koden g\u00f6r och f\u00f6rst\u00e5 den. P\u00e5 s\u00e5 s\u00e4tt \u00e4r det mindre risk att du l\u00e4gger till kod som inte \u00e4r s\u00e5 bra som den borde vara.<\/p>\n<h4>Temats mallfiler<\/h4>\n<p>De flesta av filerna i ett tema \u00e4r temats mallfiler. Det h\u00e4r \u00e4r filer som best\u00e4mmer vilket inneh\u00e5ll WordPress visar p\u00e5 en viss sida och v\u00e4ljs enligt <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#how-wordpress-chooses-template-files\">mallhierarkin<\/a>.<\/p>\n<p>Om du vill \u00e4ndra hur inneh\u00e5llet visas p\u00e5 en viss inl\u00e4ggstyp, sida eller arkiv, m\u00e5ste du antingen redigera en av dessa filer eller skapa en ny.<\/p>\n<p>S\u00e4g till exempel att ditt tema har an archive.php-fil som anv\u00e4nds f\u00f6r att mata ut arkivsidor f\u00f6r <a href=\"https:\/\/kinsta.com\/blog\/what-is-taxonomy\/\">kategorier och taggar<\/a>. Du vill g\u00f6ra \u00e4ndringar i hur taggarna visas. S\u00e5 du skapar en fil som heter &#8221;tag.php&#8221;, som skulle baseras p\u00e5 archive.php med dina finjusteringar.<\/p>\n<p>\u00c5terigen, var f\u00f6rsiktig med att redigera filerna: de kan bryta din webbplats.\u00a0Testa alltid en lokal installation med ett verktyg som <a href=\"https:\/\/kinsta.com\/se\/devkinsta\/\">DevKinsta<\/a> och\/eller iscens\u00e4ttningswebbplatsen f\u00f6rst.<\/p>\n<p>Oavsett vilken av dessa filtyper du beh\u00f6ver redigera, b\u00f6r du g\u00f6ra det p\u00e5 r\u00e4tt s\u00e4tt. L\u00e4s avsnittet nedan om b\u00e4sta praxis f\u00f6r att ta reda p\u00e5 hur du redigerar din kod p\u00e5 ett s\u00e4tt som inte kommer att bryta din webbplats och inte kommer att orsaka s\u00e4kerhetshuvudv\u00e4rk.<\/p>\n<h3>Anpassa ett tema fr\u00e5n tredje part med ett barntema<\/h3>\n<p>Om temat du k\u00f6r p\u00e5 din webbplats \u00e4r fr\u00e5n tredje part och du vill redigera koden m\u00e5ste du <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-barntema\/#create\">skapa ett underordnat tema, eller barntema<\/a>.<\/p>\n<p>Detta beror p\u00e5 att om du redigerar temat direkt och sedan uppdaterar det (vilket du borde g\u00f6ra), f\u00f6rlorar du alla \u00e4ndringar du gjort.<\/p>\n<p>Att skapa ett barntema best\u00e5r av fyra steg:<\/p>\n<ol>\n<li>Skapa en ny mapp i <strong>wp-content\/themes<\/strong>.<\/li>\n<li>I den mappen skapar du en stilmall. I den stilmallen, tala om f\u00f6r WordPress att detta \u00e4r ett barntema till ditt befintliga tema.<\/li>\n<li>L\u00e4gg till kopior av de filer du vill redigera till barntemat och redigera dem d\u00e4r.<\/li>\n<li>Aktivera barntemat p\u00e5 din webbplats.<\/li>\n<\/ol>\n<p>WordPress kommer alltid att anv\u00e4nda en fil fr\u00e5n barntemat f\u00f6r att mata ut inneh\u00e5ll om det inte finns en fil h\u00f6gre upp i hierarkin i det \u00f6verordnade temat. Om det finns tv\u00e5 versioner av samma fil, kommer det att anv\u00e4nda en fr\u00e5n barntemat. Det betyder att din nya fil i barntemat kommer att \u00e5sidos\u00e4tta den fr\u00e5n det \u00f6verordnade temat.<\/p>\n<h2>B\u00e4sta praxis f\u00f6r att anpassa WordPressteman<\/h2>\n<p>S\u00e5 du planerar att anpassa ditt tema. Innan du g\u00e5r vidare och g\u00f6r \u00e4ndringarna, f\u00f6lj dessa tips f\u00f6r att s\u00e4kerst\u00e4lla att du g\u00f6r det p\u00e5 ett s\u00e4kert s\u00e4tt och att du inte kommer att bryta din webbplats, <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-hackad\/\">g\u00f6ra den s\u00e5rbar f\u00f6r attacker<\/a>, eller f\u00f6rlora din kod.<\/p>\n<h3>Om m\u00f6jligt, anpassa utan att redigera kod<\/h3>\n<p>Om du kan g\u00f6ra dina anpassningar via Customizer eller n\u00e5gon annanstans p\u00e5 adminsk\u00e4rmarna \u00e4r det s\u00e4krare \u00e4n att redigera koden.<\/p>\n<p>Redigera bara koden om du \u00e4r bekant med CSS (f\u00f6r stilmallen) och PHP (f\u00f6r andra temafiler) och om du vet hur man g\u00f6r det p\u00e5 ett s\u00e4kert s\u00e4tt.<\/p>\n<h3>Anv\u00e4nd en lokal utvecklingsplats f\u00f6r att g\u00f6ra dina \u00e4ndringar<\/h3>\n<p>Om du redigerar koden i ditt tema eller skapar ett barntema f\u00f6r att g\u00f6ra \u00e4ndringar, b\u00f6r du g\u00f6ra utvecklingsarbetet p\u00e5 <a href=\"https:\/\/kinsta.com\/se\/blog\/installerar-wordpress-lokalt\/\">en lokal installation av WordPress<\/a> med ditt tema installerat och ditt inneh\u00e5ll kopierat fr\u00e5n din live-webbplats.<\/p>\n<p>P\u00e5 s\u00e5 s\u00e4tt har du en spegel av din livewebbplats f\u00f6r att testa dina \u00e4ndringar p\u00e5. Att jobba p\u00e5 en lokal webbplats kommer inte att ha n\u00e5gon effekt p\u00e5 din livewebbplats och kan vara snabbare.<\/p>\n<p>\u00c4ven om du anv\u00e4nder Customizer, kan det vara bra att anv\u00e4nda en lokal version av din webbplats f\u00f6r testning som du kan publicera dina \u00e4ndringar och testa dem utan att p\u00e5verka livewebbplatsen.<\/p>\n<p>N\u00e4r du har testat \u00e4ndringarna i ditt tema kan du ladda upp den till din livewebbplats eller, \u00e4nnu b\u00e4ttre, testa den p\u00e5 en stagingsajt och sedan <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/#push-staging-to-live-1\">ta den live<\/a>.<\/p>\n<h3>Anv\u00e4nd Versionskontroll<\/h3>\n<p>N\u00e4r du g\u00f6r \u00e4ndringar i ditt tema b\u00f6r du anv\u00e4nda versionskontroll f\u00f6r att sp\u00e5ra dina \u00e4ndringar.<\/p>\n<p>I sin enklaste f\u00f6rklaring inneb\u00e4r detta att \u00e4ndra versionsnumret p\u00e5 temat och beh\u00e5lla kopior av b\u00e5da versionerna. Men om du ska g\u00f6ra versionskontroll korrekt, m\u00e5ste du anv\u00e4nda en tj\u00e4nst som <a href=\"https:\/\/kinsta.com\/blog\/what-is-github\/\">GitHub f\u00f6r att sp\u00e5ra dina \u00e4ndringar<\/a>.<\/p>\n<p>P\u00e5 s\u00e5 s\u00e4tt, om en f\u00f6r\u00e4ndring orsakar problem, kan du enkelt rulla tillbaka den utan att beh\u00f6va g\u00f6ra manuella \u00e4ndringar.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-versionkontroll\/\">Versionskontroll<\/a> \u00e4r \u00e4nnu mer hj\u00e4lpsamt om du arbetar som en del av ett team, eftersom du kommer att kunna se vad andra medlemmar g\u00f6r.\u00a0Se till att du l\u00e4ser v\u00e5r <a href=\"https:\/\/kinsta.com\/se\/blog\/git-vs-github\/\">git vs Github-guide<\/a>.<\/p>\n<h3>Anv\u00e4nd en Stagingsajt f\u00f6r att testa dina \u00e4ndringar<\/h3>\n<p>Om du har tillg\u00e5ng till en stagingsajt (som Kinstas <a href=\"https:\/\/kinsta.com\/docs\/wordpress-hosting\/staging-environment\/\">gratis staging<\/a> som kommer med alla planer), \u00e4r testning p\u00e5 denna innan du aktiverar den nya versionen av ditt tema (eller det nya barntemat) p\u00e5 din livewebbplats det s\u00e4kraste s\u00e4ttet att g\u00e5 vidare.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/mykinsta-staging.jpg\" alt=\"MyKinsta staging\" width=\"1500\" height=\"724\"><figcaption class=\"wp-caption-text\">MyKinsta staging<\/figcaption><\/figure>\n<p>Detta beror p\u00e5 att en lokal webbplats kommer att ha vissa skillnader fr\u00e5n din live-webbplats: den \u00e4r p\u00e5 en annorlunda server (en som \u00e4r skapad p\u00e5 din lokala maskin), den kan k\u00f6ra en annan <a href=\"https:\/\/kinsta.com\/se\/blog\/uppdatera-php-versionen-wordpress\/\">version av PHP<\/a> eller n\u00e5got av de andra verktygen som k\u00f6r din webbplats.<\/p>\n<p>G\u00f6r en kopia av din livewebbplats p\u00e5 din stagingserver och ladda sedan upp och <a href=\"https:\/\/kinsta.com\/se\/blog\/installerar-du-ett-wordpress-tema\/#install-free\">aktivera ditt nya tema<\/a>. Testa din webbplats noggrant f\u00f6r att vara s\u00e4ker p\u00e5 att allt fungerar, och sedan kan du f\u00f6r \u00f6ver dina \u00e4ndringar till din livewebbplats.<\/p>\n<h3>G\u00f6r ditt tema responsivt<\/h3>\n<p>Eventuella \u00e4ndringar du beh\u00f6ver g\u00f6ra till ditt tema b\u00f6r fungera p\u00e5 b\u00e5de mobil och dator.<\/p>\n<p>Med fler och fler m\u00e4nniskor som har tillg\u00e5ng till internet via mobiltelefon, och <a href=\"https:\/\/kinsta.com\/se\/blog\/googles-mobile-first-index\/\">Mobile-first index fr\u00e5n Google<\/a>, \u00e4r det f\u00f6rmodligen nu viktigare att ditt tema fungerar p\u00e5 mobilen \u00e4n det g\u00f6r p\u00e5 dator. S\u00e5 eventuella \u00e4ndringar du g\u00f6r till ditt tema m\u00e5ste vara <a href=\"https:\/\/kinsta.com\/se\/blog\/basta-webbdesignpraxis\/#mobile-responsiveness\">mobilv\u00e4nliga<\/a> eller helst mobile-f\u00f6rst d\u00e4r det \u00e4r relevant.<\/p>\n<p>Detta g\u00e4ller fr\u00e4mst alla \u00e4ndringar du g\u00f6r i din styling eller layout: kontrollera att den nya layouten fungerar p\u00e5 mobilen och att du har lagt till medief\u00f6rfr\u00e5gningar s\u00e5 att layouten anpassar sig till olika sk\u00e4rmstorlekar.<\/p>\n<p>Om ditt <a href=\"https:\/\/kinsta.com\/se\/blog\/responsiv-webdesign\/\">tema inte \u00e4r responsivt<\/a>, kommer det att p\u00e5verka din <a href=\"https:\/\/kinsta.com\/blog\/google-patents-seo-ranking-factors\/\">s\u00f6kmotorranking<\/a> och <a href=\"https:\/\/kinsta.com\/se\/blog\/optimeringstips-for-konverteringsfrekvensen\/\">konverteringsfrekvenser<\/a> negativt.<\/p>\n<p>Om du inte har tillg\u00e5ng till massor av olika mobila enheter att testa p\u00e5, kan du anv\u00e4nda ett verktyg som <a href=\"https:\/\/www.browserstack.com\/\">BrowserStack<\/a> f\u00f6r att se hur din webbplats ser ut p\u00e5 olika enheter. Du kan ocks\u00e5 anv\u00e4nda Utvecklarverktygen i din webbl\u00e4sare och de responsiva visningarna i Customizer.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/10\/responsiva-verktyg-i-customizer.jpg\" alt=\"Responsiva verktyg i WordPress Customizer\" width=\"1500\" height=\"862\"><figcaption class=\"wp-caption-text\">Responsiva verktyg i WordPress Customizer<\/figcaption><\/figure>\n<h3>Se till att dina anpassningar inte p\u00e5verkar tillg\u00e4ngligheten<\/h3>\n<p>Eventuella \u00e4ndringar i ditt tema m\u00e5ste ocks\u00e5 vara tillg\u00e4ngliga f\u00f6r anv\u00e4ndare med funktionshinder eller sensoriska funktionsneds\u00e4ttningar.<\/p>\n<p>Det handlar inte bara om att se till att din webbplats fungerar p\u00e5 sk\u00e4rml\u00e4sare: andra \u00f6verv\u00e4ganden <a href=\"https:\/\/kinsta.com\/se\/blog\/webbplats-fargscheman\/\">som f\u00e4rgscheman<\/a> och teckenstorlekar \u00e4r viktiga f\u00f6r ett stort antal m\u00e4nniskor.<\/p>\n<p>Om de \u00e4ndringar du g\u00f6r till ditt tema \u00e4r att g\u00f6ra f\u00e4rgerna ljusare eller texten mindre, t\u00e4nk om: detta kan g\u00f6ra det sv\u00e5rt f\u00f6r m\u00e4nniskor att l\u00e4sa eller interagera med din webbplats.<\/p>\n<p>Innan du tar n\u00e5gra \u00e4ndringar live, anv\u00e4nd en <a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\">tillg\u00e4nglighetskontroll<\/a> f\u00f6r att testa din webbplats och se till att den inte exkluderar personer.<\/p>\n<h3>H\u00e5ll dig till WordPress kodningsstandarder<\/h3>\n<p>Om du redigerar koden i ditt tema eller skapar ett barntema, m\u00e5ste du se till att din kod f\u00f6ljer <a href=\"https:\/\/codex.wordpress.org\/WordPress_Coding_Standards\">WordPress kodningsstandarder<\/a>.<\/p>\n<p>Dessa standarder finns f\u00f6r att s\u00e4kerst\u00e4lla konsekvent och kvalitet p\u00e5 koden och f\u00f6r att undvika <a href=\"https:\/\/kinsta.com\/blog\/is-wordpress-code-really-a-mess\/\">kod som \u00e4r en enda r\u00f6ra<\/a>. Det finns standarder f\u00f6r PHP, CSS och JavaScript s\u00e5 ta dig lite tid att kolla de som \u00e4r relevanta f\u00f6r dig och se till att du f\u00f6ljer dem.<\/p>\n<p>Om ditt befintliga WordPress-tema \u00e4r v\u00e4l kodat och du skriver ny kod p\u00e5 ett s\u00e4tt som \u00f6verensst\u00e4mmer med det, \u00e4r du p\u00e5 god v\u00e4g att se till att din kod \u00e4r kompatibel. Se till att du l\u00e4gger till kommentarer till eventuella \u00e4ndringar du g\u00f6r till temat s\u00e5 att du eller andra vet vad du gjorde n\u00e4r du g\u00e5r tillbaka f\u00f6r att arbeta med koden i framtiden. Du kanske tror att du inte kommer att gl\u00f6mma men efter n\u00e5gra m\u00e5nader \u00e4r det f\u00f6rv\u00e5nansv\u00e4rt l\u00e4tt att gl\u00f6mma varf\u00f6r du redigerade en rad kod.<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>Att anpassa ditt WordPresstema \u00e4r inte s\u00e5 sv\u00e5rt. Ibland \u00e4r det smidigt att anv\u00e4nda Anpassaren f\u00f6r att g\u00f6ra \u00e4ndringar i teckensnitt, f\u00e4rger eller din <a href=\"https:\/\/kinsta.com\/blog\/wordpress-favicon\/\">favicon<\/a> (se till att l\u00e4sa v\u00e5r djupg\u00e5ende guide om <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-typsnitt\/\">WordPress-teckensnitt<\/a>).\u00a0Andra g\u00e5nger m\u00e5ste du skapa ett nytt barntema f\u00f6r att l\u00e4gga till en ny mallfil till ett tema.<\/p>\n<p>De alternativ du har f\u00f6r att anpassa ditt tema inkluderar att anv\u00e4nda ett plugin eller Customizer, redigera WordPresstemats kod direkt, eller skapa ett barntema.<\/p>\n<p>Identifiera r\u00e4tt alternativ f\u00f6r dig och g\u00f6r dina anpassningar s\u00e4kert, helt utan att bryta din webbplats.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Om du har installerat ett WordPress-tema men det inte k\u00e4nns helt r\u00e4tt f\u00f6r dig, kan du k\u00e4nna dig frustrerad. Det finns gott om alternativ tillg\u00e4ngliga f\u00f6r &#8230;<\/p>\n","protected":false},"author":105,"featured_media":32843,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[400,185,139],"topic":[],"class_list":["post-32833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-wordpress-featured-post","tag-wordpress-themes","tag-wptips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)<\/title>\n<meta name=\"description\" content=\"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)\" \/>\n<meta property=\"og:description\" content=\"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-17T08:06:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-22T12:02:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rachel McCollin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rachel McCollin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\"},\"author\":{\"name\":\"Rachel McCollin\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\"},\"headline\":\"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)\",\"datePublished\":\"2019-12-17T08:06:07+00:00\",\"dateModified\":\"2021-09-22T12:02:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\"},\"wordCount\":3772,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png\",\"keywords\":[\"wordpress featured post\",\"wordpress themes\",\"wptips\"],\"articleSection\":[\"De b\u00e4sta handledningarna f\u00f6r WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\",\"name\":\"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png\",\"datePublished\":\"2019-12-17T08:06:07+00:00\",\"dateModified\":\"2021-09-22T12:02:51+00:00\",\"description\":\"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png\",\"width\":1460,\"height\":730,\"caption\":\"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e\",\"name\":\"Rachel McCollin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g\",\"caption\":\"Rachel McCollin\"},\"description\":\"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/rachelmccollin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)","description":"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/","og_locale":"sv_SE","og_type":"article","og_title":"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)","og_description":"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).","og_url":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2019-12-17T08:06:07+00:00","article_modified_time":"2021-09-22T12:02:51+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png","type":"image\/png"}],"author":"Rachel McCollin","twitter_card":"summary_large_image","twitter_description":"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png","twitter_creator":"@kinsta_se","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Rachel McCollin","Ber\u00e4knad l\u00e4stid":"16 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/"},"author":{"name":"Rachel McCollin","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e"},"headline":"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)","datePublished":"2019-12-17T08:06:07+00:00","dateModified":"2021-09-22T12:02:51+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/"},"wordCount":3772,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png","keywords":["wordpress featured post","wordpress themes","wptips"],"articleSection":["De b\u00e4sta handledningarna f\u00f6r WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/","url":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/","name":"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png","datePublished":"2019-12-17T08:06:07+00:00","dateModified":"2021-09-22T12:02:51+00:00","description":"Beh\u00f6ver du \u00e4ndra utseendet p\u00e5 ditt WordPress-tema? L\u00e4r dig att anpassa WordPressteman korrekt med hj\u00e4lp av en av de b\u00e4sta metoderna (handledning).","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2019\/12\/sa-har-anpassar-wordpress-tema.png","width":1460,"height":730,"caption":"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/sa-har-anpassar-wordpress-tema\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"S\u00e5 h\u00e4r anpassar du ditt WordPress-Tema (5 steg-f\u00f6r-steg-s\u00e4tt)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/52eb266d622b565d3206e355caac172e","name":"Rachel McCollin","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f99f27294a4a0acb07caa4d0604a1fef?s=96&d=mm&r=g","caption":"Rachel McCollin"},"description":"Rachel McCollin has been helping people build websites with WordPress since 2010. She's a huge fan of self-hosted WordPress and wants to help as many people as possible create an awesome website with it.","url":"https:\/\/kinsta.com\/se\/blog\/author\/rachelmccollin\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/32833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=32833"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/32833\/revisions"}],"predecessor-version":[{"id":40847,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/32833\/revisions\/40847"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/nl"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/translations\/jp"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/32833\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/32843"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=32833"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=32833"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=32833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}