Undertemaer i WordPress lar deg gjøre endringer i eksisterende temaer, og på en slik måte at slike endringer ikke går tapt når det originale (eller overordnede) temaet oppdateres. I tillegg til utseendet lar undertemaer deg endre markeringen, og til og med funksjonaliteten til det overordnede temaet, og utvide det til å passe dine egne behov.
Støtte for barnetemaer har eksistert i WordPress lenge, men de fleste brukere i dag foretrekker fortsatt å gjøre endringer i kildetemakoden direkte. I denne artikkelen vil vi forklare hvordan underordnede temaer fungerer i WordPress og hvorfor underordnede temaer bør brukes for å gjøre endringer i eksisterende temaer.
Hva er et barnetema
Et undertema i WordPress er et tema som arver utseendet og følelsen og funksjonaliteten til det overordnede (originale) temaet. Denne arven lar deg enkelt endre og supplere individuelle deler av det overordnede temaet uten å endre selve det originale temaet. Med denne tilnærmingen vil ikke oppdatering av overordnet tema påvirke disse endringene.
Foreldre-temaet kan være et hvilket som helst annet WordPress-tema (unntatt undertemaer), og for at barnetemaet skal fungere, må begge temaene være installert, men barnet må være aktivert.
Hvordan lage et barnetema
Det enkleste underordnede temaet består av en enkelt style.css-fil som spesifiserer navnet på undertemaet og navnet på den overordnede temakatalogen. Den samme filen refererer ofte til det overordnede temaets stilark ved å bruke @import CSS-direktivet.
Som et eksempel vil vi lage et undertema, My Child Theme, og bruke standard Twenty Twelve-temaet som overordnet tema.
Først, sørg for at overordnet tema eksisterer - finn twentytwelve-katalogen i wp-content / themes. Deretter oppretter du en ny katalog under wp-innhold / temaer og gir den navnet mitt-barn-tema. I denne nye katalogen, lag en style.css-fil og lim inn følgende overskrift i den:
/ ** * Temanavn: My Child Theme * Mal: twentytwelve * / @import url ("../ twentytwelve / style.css");
Ved hjelp av denne tittelen har vi definert navnet på det nye temaet vårt, samt angitt forelderen. @import-direktivet i dette tilfellet laster inn alle stilene fra Twenty Twelve-temaet, på toppen av dette vil vi gjøre våre endringer. Uten dette direktivet vil undertemaet vårt bare arve malene (markeringen) til det overordnede temaet, ikke stilen.
Etter det skal temakatalogen din se omtrent slik ut:
Når du går til Utseende → Temaer-delen, vil du se at det nye temaet ditt allerede er tilgjengelig for aktivering.
Hvis du aktiverer det og går til hjemmesiden til nettstedet ditt, vil du se at barnetemaet ditt ser nøyaktig ut som standard Twenty Twelve-temaet.
Arbeid med stiler
CSS-stiler for undertema kan settes direkte i style.css-filen rett etter @import-direktivet. For å angi bakgrunnsfargen og fargen på koblingene i temaet ditt, legg til følgende kode på slutten av stilarket:
Brødtekst (bakgrunn: rød;) a (farge: grønn;)
Dermed kan du endre stilene til alle elementer i det overordnede temaet, og du kan enkelt finne det nødvendige elementet ved å bruke utviklerverktøyene i Google Chrome-nettleseren eller ved å bruke Firebug-utvidelsen for nettleseren Firefox.
Arbeid med maler
Med et undertema kan du også enkelt endre selve overordnede temamaler. For å gjøre dette trenger du bare å lage en fil i undertemaet med samme navn som malen i det overordnede temaet. For å erstatte footer.php-malen med din egen, oppretter du for eksempel en footer.php-fil i undertemakatalogen din: