{"id":92227,"date":"2022-10-12T20:34:33","date_gmt":"2022-10-13T01:34:33","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-man-skapar-ett-wordpress-barntema\/"},"modified":"2022-10-12T20:34:33","modified_gmt":"2022-10-13T01:34:33","slug":"hur-man-skapar-ett-wordpress-barntema","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-man-skapar-ett-wordpress-barntema\/","title":{"rendered":"Hur man skapar ett WordPress-barntema"},"content":{"rendered":"
\n

Hittade du ett WordPress-tema som du verkligen gillar men vill anpassa dess utseende lite? Du kan enkelt g\u00f6ra detta genom att skriva lite anpassad kod i ditt temas CSS-formatmall. Dessa \u00e4ndringar kan dock l\u00e4tt g\u00e5 vilse n\u00e4r du uppdaterar temat.<\/p>\n

F\u00f6r att f\u00f6rhindra detta kan du skapa ett underordnat tema, s\u00e5 att du kan g\u00f6ra s\u00e5 mycket anpassning som du vill utan att riskera att f\u00f6rlora dessa \u00e4ndringar n\u00e4r du s\u00e5 sm\u00e5ningom uppdaterar det \u00f6verordnade temat.<\/p>\n

Vi leder dig genom varje steg i processen. L\u00e5t oss f\u00f6rst reda ut lite jargong.<\/p>\n

<\/span> Vad \u00e4r egentligen ett barntema?<\/span><\/h2>\n

Ett barntema \u00e4r ett fullt fungerande WordPress-tema som \u00e4rver dess funktioner och egenskaper fr\u00e5n ett annat tema \u2013 dess \u00f6verordnade tema. N\u00e4r du skapar ett underordnat tema kan du utnyttja alla funktioner i det \u00f6verordnade temat utan att f\u00f6rlora dessa funktioner varje g\u00e5ng det \u00f6verordnade temat f\u00e5r en uppdatering.<\/p>\n

Det finns tre grundl\u00e4ggande komponenter som du beh\u00f6ver f\u00f6r att skapa ett barntema, och dessa kommer att behandlas i detalj n\u00e4r vi diskuterar hur man g\u00f6r ett barntema manuellt.<\/p>\n

F\u00f6rst kommer vi dock snabbt att t\u00e4cka hur man g\u00f6r ett barntema med hj\u00e4lp av free barntemageneratorer och genom att anv\u00e4nda ett plugin.<\/p>\n

Redo? L\u00e5t oss g\u00e5 in i det!<\/p>\n

<\/span> 1. Hur man skapar ett barntema med en barntemagenerator<\/span><\/h2>\n

Detta \u00e4r f\u00f6rmodligen den enklaste och mest okomplicerade metoden av alla. Allt du beh\u00f6ver g\u00f6ra \u00e4r att navigera till en webbplats f\u00f6r att generera barntema, ange ett namn f\u00f6r ditt barntema, och det \u00e4r allt.<\/p>\n

Tv\u00e5 av de mer popul\u00e4ra barntemageneratorerna \u00e4r Astra Child Theme Generator och Child Theme Generator, som g\u00f6r barnteman f\u00f6r det popul\u00e4ra Astra-temat.<\/p>\n

\n<\/figure>\n

Astra-temat \u00e4r ett popul\u00e4rt, l\u00e4tt och snabbt WordPress-tema som \u00e4r l\u00e4mpligt f\u00f6r att bygga alla slags webbplatser. Det \u00e4r ocks\u00e5 en av de b\u00e4sta free WordPress-teman f\u00f6r 2021, s\u00e5 det \u00e4r ett allm\u00e4nt bra val f\u00f6r att bygga din webbplats. F\u00f6r att anv\u00e4nda Astra Child Theme Generator m\u00e5ste du f\u00f6rst installera Astra-temat.<\/p>\n

F\u00f6r att sedan skapa ditt nya barntema, logga helt enkelt in p\u00e5 Astra Child Theme Generator, ange namnet du vill ha f\u00f6r ditt nya barntema, klicka p\u00e5 Generera<\/strong>, och det \u00e4r allt!<\/p>\n

Ditt nya barntema laddas automatiskt ned som en zip-mapp. Installera och aktivera det som du skulle g\u00f6ra med vilket annat tema som helst.<\/p>\n

<\/span> 2. Hur man skapar ett barntema med hj\u00e4lp av en plugin<\/span><\/h2>\n

Denna metod \u00e4r n\u00e4stan lika enkel som att anv\u00e4nda en online-generator f\u00f6r barntema. Det finns m\u00e5nga plugins f\u00f6r generator f\u00f6r barntema men vi rekommenderar att du anv\u00e4nder ett av de mer popul\u00e4ra alternativen \u2013 Child Theme Configurator.<\/p>\n

\n<\/figure>\n

F\u00f6r att komma ig\u00e5ng, installera och aktivera plugin fr\u00e5n WordPress-f\u00f6rvaret. H\u00e5ll muspekaren \u00f6ver i den v\u00e4nstra panelen Verktyg<\/strong>, klicka sedan p\u00e5 Barnteman<\/strong>.<\/p>\n

F\u00f6r att skapa ditt barntema, markera SKAPA ett nytt barntema<\/strong>, scrolla sedan ned och v\u00e4lj det \u00f6verordnade temat. Klick Analysera<\/strong> och v\u00e4nta p\u00e5 resultatet. Om alla dina temafiler \u00e4r i ordning, kommer du att se ytterligare alternativ p\u00e5 sk\u00e4rmen. Du kan ignorera de flesta av dessa eller g\u00f6ra \u00e4ndringar d\u00e4r det \u00e4r l\u00e4mpligt.<\/p>\n

\n<\/figure>\n

F\u00f6r att ge ditt barns tema liv, klicka bara p\u00e5 Skapa nytt barntema<\/strong> knappen l\u00e4ngst ned p\u00e5 sk\u00e4rmen, och det \u00e4r allt.<\/p>\n

Navigera \u00f6ver till Utseende > Teman<\/strong>, och ditt nya barntema kommer att vara synligt och redo f\u00f6r aktivering.<\/p>\n

Att anv\u00e4nda en barntemagenerator eller ett plugin f\u00f6r barntemagenerator \u00e4r b\u00e5da fantastiska l\u00f6sningar som \u00e4r enkla att implementera och som inte kr\u00e4ver avancerade tekniska f\u00e4rdigheter. Om du vill komma under huven och spela en mer aktiv roll i att skapa ditt nya barntema, \u00e4r n\u00e4sta metod f\u00f6r dig.<\/p>\n

<\/span> 3. Hur man skapar ett barntema manuellt<\/span><\/h2>\n

Att skapa ett barntema manuellt \u00e4r mycket mer engagerande \u00e4n n\u00e5gon av de tv\u00e5 f\u00f6reg\u00e5ende metoderna, men det \u00e4r fortfarande relativt enkelt att \u00e5stadkomma.<\/p>\n

Du beh\u00f6ver tre grundl\u00e4ggande komponenter: en temafil f\u00f6r ditt barntema, en style.css<\/strong> stilmall och en functions.php<\/strong> fil.<\/p>\n

<\/span>1. Skapa en temafil<\/span><\/h3>\n

Du kan g\u00f6ra detta i cPanel eller med FTP. Vi rekommenderar att du anv\u00e4nder cPanel om din v\u00e4rdtj\u00e4nst tillhandah\u00e5ller det. Logga in cPanel > Filhanterare > Filer > Public_html > wp-content > teman<\/strong>.<\/p>\n

\n<\/figure>\n

Klicka p\u00e5 +Mapp<\/strong> fr\u00e5n toppmenyn f\u00f6r att skapa en ny mapp. Du m\u00e5ste namnge detta efter namnet p\u00e5 det \u00f6verordnade temat, l\u00e4gga till \u201c-barn\u201d i slutet. Om du till exempel anv\u00e4nder TwentyTwenty-One-temat skulle detta se ut som: \u201ctwentytwentyone-child\u201d.<\/p>\n

<\/span>2. Skapa en Style.css-fil<\/span><\/h3>\n

Style.css \u00e4r standard WordPress-namnkonventionen f\u00f6r CSS-formatmallar. Det \u00e4r h\u00e4r all CSS f\u00f6r ditt barntema kommer att g\u00e5, men du kan v\u00e4nta med att skapa CSS tills du har st\u00e4llt in ditt barntema helt.<\/p>\n

Att skapa en style.css<\/strong> fil klickar du bara p\u00e5 + Arkiv<\/strong> alternativ fr\u00e5n toppmenyn. Stilarket m\u00e5ste hamna i den nya temamappen du just skapade. I den nya filen, klistra in f\u00f6ljande kommentar:<\/p>\n

\/*Theme Name: Twenty Twenty One ChildTheme URI: http:\/\/example.com\/twenty-twenty-one-child\/Description: Twenty Twenty One Child ThemeAuthor: Jane DoeAuthor URI: http:\/\/example.comTemplate: twentytwentyoneVersion: 1.0.0License: GNU General Public License v2 or laterLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.htmlTags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-readyText Domain: twentytwentyonechild*\/<\/pre>\n
Det h\u00e4r \u00e4r en kommentar och kommer inte att k\u00f6ras under k\u00f6rning, men utan den kommer din CSS-formatmallsfil inte att fungera.  Spara filen som style.css<\/strong>.<\/p>\n
<\/span>3. Skapa en Functions.php-fil<\/span><\/h3>\n
Precis som du lade till en ny fil och kallade den style.cs<\/strong>s, l\u00e4gg till en ny fil och ring den functions.php<\/strong>.  Klistra in koden nedan:<\/p>\n
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );<\/p>
function enqueue_parent_styles() {<\/p>
wp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css' );<\/p>
}<\/p><\/pre>\n
?><\/p>\n
Det \u00e4r allt!  Du har nu alla tre komponenter som kr\u00e4vs f\u00f6r att ditt barntema ska fungera.  F\u00f6r att slutf\u00f6ra det, g\u00e5 tillbaka till din WordPress-backend och aktivera temat precis som du skulle g\u00f6ra f\u00f6r alla andra tema.<\/p>\n
<\/span>  Komma ig\u00e5ng med WordPress barnteman<\/span><\/h2>\n
Barnteman \u00e4r ett anv\u00e4ndbart s\u00e4tt att g\u00f6ra \u00e4ndringar i ditt WordPress-tema utan att beh\u00f6va oroa dig f\u00f6r uppdateringar av det \u00f6verordnade temat.  I den h\u00e4r artikeln har vi visat dig tre olika, l\u00e4ttanv\u00e4nda metoder f\u00f6r att skapa ett barntema.  Om allt du \u00e4r ute efter \u00e4r att skapa n\u00e5gra anpassade m\u00f6nster f\u00f6r dina webbsidor, \u00e4r ett effektivt alternativ att anv\u00e4nda en WordPress-sidbyggare.<\/p>\n
    Om f\u00f6rfattaren<\/strong><\/p>\n
            David Abraham (15 publicerade artiklar)
<\/strong><\/p>\n
David \u00e4r en WordPress-\u00e4lskare som brinner f\u00f6r att hj\u00e4lpa sm\u00e5f\u00f6retag att v\u00e4xa!<\/p>\n
                            Mer fr\u00e5n David Abraham<\/p>\n
<\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n
G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n
Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n  
\n
\n
Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n