Hvordan lage et WordPress-barnetema

Har du funnet et WordPress-tema du virkelig liker, men ønsker å tilpasse utseendet litt? Du kan enkelt gjøre dette ved å skrive en egendefinert kode i temaets CSS-stilark. Imidlertid kan disse endringene lett gå tapt når du oppdaterer temaet.

For å forhindre dette kan du opprette et undertema, slik at du kan gjøre så mye tilpasning du vil uten å risikere å miste disse endringene når du til slutt oppdaterer det overordnede temaet.

Vi vil lede deg gjennom hvert trinn i prosessen. Først, la oss rydde opp i litt sjargong.

Hva er egentlig et barnetema?

Et undertema er et fullt funksjonelt WordPress-tema som arver funksjonene og egenskapene fra et annet tema – overordnet tema. Når du oppretter et undertema, kan du utnytte alle funksjonene i det overordnede temaet uten å miste disse funksjonene hver gang det overordnede temaet mottar en oppdatering.

Det er tre grunnleggende komponenter du trenger for å lage et undertema, og disse vil bli dekket i detalj når vi diskuterer hvordan du lager et undertema manuelt.

Først vil vi imidlertid raskt dekke hvordan du lager et barnetema ved å bruke gratis undertemageneratorer og ved å bruke en plugin.

Klar? La oss gå inn i det!

1. Hvordan lage et undertema ved hjelp av en undertemagenerator

Dette er sannsynligvis den enkleste og mest greie metoden av alle. Alt du trenger å gjøre er å navigere til et nettsted for generator for barnetema, skriv inn et navn for barnetemaet ditt, og det er det.

To av de mer populære temageneratorene for barn er Astra Child Theme Generator og Barnetemagenerator, som lager barnetemaer for det populære Astra-temaet.

Astra-temaet er et populært, lett og raskt WordPress-tema som passer for å bygge alle slags nettsider. Det er også en av de beste gratis WordPress-temaene i 2021, så det er et allsidig godt valg for å bygge nettstedet ditt. For å bruke Astra Child Theme Generator, må du først installere Astra-temaet.

For deretter å lage ditt nye barnetema, bare logg på Astra Child Theme Generator, skriv inn navnet du vil ha for det nye barnetemaet ditt, klikk generere, og det er det!

Det nye barnetemaet ditt lastes automatisk ned som en zip-mappe. Installer og aktiver det på samme måte som et hvilket som helst annet tema.

2. Hvordan lage et undertema ved hjelp av en plugin

Denne metoden er nesten like enkel som å bruke en online barnetemagenerator. Det er mange plugins for barnetemageneratorer, men vi anbefaler at du bruker et av de mer populære alternativene—Barnetemakonfigurator.

For å komme i gang, installer og aktiver plugin fra WordPress-depotet. Hold musepekeren over i panelet til venstre Verktøy, klikk deretter på Barnetemaer.

Merk av for å lage barnetemaet LAG et nytt barnetema, bla ned og velg overordnet tema. Klikk Analysere og vent på resultatene. Hvis alle temafilene dine er i orden, vil du se flere alternativer på skjermen. Du kan ignorere de fleste av disse eller gjøre endringer der det er hensiktsmessig.

For å bringe barnets tema til live, klikk ganske enkelt på Opprett nytt underordnet tema knappen nederst på skjermen, og det er det.

Naviger over til Utseende > Temaer, og det nye barnetemaet ditt vil være synlig og klart for aktivering.

Å bruke en barnetemagenerator eller en plugin for barnetemagenerator er begge gode løsninger som er enkle å implementere og som ikke krever avanserte tekniske ferdigheter. Hvis du ønsker å komme under panseret og spille en mer aktiv rolle i å lage ditt nye barnetema, er den neste metoden for deg.

3. Hvordan lage et undertema manuelt

Å lage et undertema manuelt er mye mer engasjerende enn noen av de to foregående metodene, men det er fortsatt relativt enkelt å oppnå.

Du trenger tre grunnleggende komponenter: en temafil for barnets tema, en style.css stilark, og en funksjoner.php fil.

1. Lag en temafil

Du kan gjøre dette i cPanel eller ved å bruke FTP. Vi anbefaler å bruke cPanel hvis vertstjenesten din tilbyr det. Logg på cPanel > Filbehandling > Filer > Public_html > wp-innhold > temaer.

Klikk på + Mappe knappen fra toppmenyen for å opprette en ny mappe. Du må navngi dette etter navnet på overordnet tema, og legge til "-barn" på slutten. Hvis du for eksempel bruker Twenty Twenty-One-temaet, vil dette se slik ut: "twentytwentyone-child".

2. Opprett en Style.css-fil

Style.css er standard WordPress-navnekonvensjon for CSS-stilark. Det er her all CSS for barnetemaet ditt vil gå, men du kan vente med å lage CSS til du har konfigurert barnetemaet fullt ut.

For å lage en style.css fil, klikker du bare på +Fil alternativet fra toppmenyen. Stilarket må gå i den nye temamappen du nettopp opprettet. I den nye filen limer du inn følgende kommentar:

/*
Temanavn: Twenty Twenty One Child
Tema URI: http://example.com/twenty-twenty-one-child/
Beskrivelse: Twenty Twenty One Child Theme
Forfatter: Jane Doe
Forfatter-URI: http://example.com
Mal: twentytwentyone
Versjon: 1.0.0
Lisens: GNU General Public License v2 eller nyere
Lisens-URI: http://www.gnu.org/licenses/gpl-2.0.html
Tagger: lys, mørk, to-kolonner, høyre sidefelt, responsiv layout, tilgjengelighetsklar
Tekstdomene: twentytwentyonechild
*/

Dette er en kommentar og vil ikke bli utført under kjøring, men uten den vil ikke CSS-stilarkfilen din fungere. Lagre filen som style.css.

3. Lag en Functions.php-fil

Akkurat som du la til en ny fil og kalte den style.css, legg til en ny fil og ring den funksjoner.php. Lim inn koden nedenfor:

php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles');
funksjonenqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

Det er det! Du har nå alle tre komponentene som kreves for at barnetemaet ditt skal fungere. For å fullføre det, gå tilbake til WordPress-backend og aktiver temaet akkurat som du ville gjort for et hvilket som helst annet tema.

Komme i gang med WordPress Child Themes

Barnetemaer er en nyttig måte å gjøre endringer i WordPress-temaet ditt på uten å måtte bekymre deg for oppdateringer til overordnet tema. I denne artikkelen har vi vist deg tre forskjellige, brukervennlige metoder for å lage et undertema. Hvis alt du leter etter er å lage tilpassede design for nettsidene dine, er et effektivt alternativ å bruke en WordPress-sidebygger.

Slik endrer du land/region i Google Play-butikken

Trenger du å endre landet ditt i Google Play Butikk? Slik endrer du kontoens Google Play Butikk-land på en Android-telefon.

Les Neste

Om forfatteren