Hva brukes wordpress-barnetema til. Aktivering av barnetema. Ekstra poeng: Legge til et temabilde

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:

Bunntekst


Dette vil erstatte teksten i bunnteksten til Twenty Twelve-temaet med vårt eget.

Ofte når man jobber med maler i undertema, er det lettere å kopiere en eksisterende mal fra overordnet tema og gjøre endringer i den allerede i undertemaet, og dermed bevare strukturen til hele HTML-dokumentet. Hvis du gjør en feil, kan du alltid slette malen og begynne på nytt.

Du kan også lage nye malfiler som mangler fra overordnet tema, og WordPress vil inkludere dem i henhold til malhierarkiet. For eksempel, hvis det overordnede temaet ikke har en page.php-fil, kan du opprette en fil med det navnet i barnetemaet ditt, og WordPress vil inkludere den når en side vises.

Det bør også bemerkes at ikke alle filene til det overordnede temaet kan endres på denne måten. Du kan for eksempel ikke endre en fil som ble kalt av PHP med include eller require.

Arbeide med functions.php

Hvis du har spørsmål om å gjøre endringer i eksisterende WordPress-temaer - legg igjen en kommentar, så vil vi definitivt svare deg.

Hva er et barnetema og hvorfor må du lage det for nettsteder på wordpress? La oss se på disse aspektene og se hvordan det kan gjøres.

Barnetema(barnetema) - et nytt tema (underemne) for et WordPress-nettsted basert på det grunnleggende (overordnede) temaet. Den tar alle standard malinnstillinger fra " forelder " temaer. Et slikt tema gis muligheten til å gjøre eventuelle endringer uten frykt for tap av data under oppgraderingen.

Barnetema faktisk er en kopi av forelderen... Og lenker til hoveddatakatalogene design og grensesnitt til filer i databasen for hovedtemaet (overordnet).

Lag barnetemaerå lage noen endringer i kildekoden til basistemaet... Dette gjøres for å unngå å tilbakestille alle endringer med utgivelsen av oppdateringen " forelder "Mal.

Med enkle ord, på WordPress-nettsteder komme ut regelmessig plugins og basistemaoppdateringer... Hvis du har gjort endringer i kildekode overordnet tema (uten å lage et undertema), så etter oppdatering - de forsvinne.

Hva er et barnetema for?

Da jeg nettopp begynte å lage min personlige blogg på WordPress, visste jeg fortsatt ikke alle forviklingene " håndverk ". Og selvfølgelig, opprettet ikke et undertema, og begynte å gjøre alle endringene i kildekoden til forelderen.

Da det var en oppdatering for malen min, alle endringer i koden ble ganske enkelt slettet og jeg hadde en ren mal igjen. Dermed tilbakestiller jeg metrikken, favicon og identifikatorer manuelt hver gang.

Det er veldig ubehagelig. Og nettopp av denne grunn, etter å ha valgt grunnmalen, trenger å skape hans barn tema... Det er viktig å gjøre dette helt i begynnelsen, siden søkemotorer reagerer negativt på ustabilitet i systeminnstillingene til nettsteder.

Og fra et menneskelig synspunkt er det veldig upraktisk å gjøre alle endringene på nytt etter at oppdateringen er utgitt. Denne handlingen må utføres én gang og glem den for alltid.

Hvordan lage et barnetema i WordPress

Dette kan gjøres på to måter:

  • Last ned og aktiver tilsvarende plugin
  • Gjør det manuelt gjennom rotkatalogen til nettstedet

La oss ta en titt på hver metode separat.

Opprette et undertema via en plugin

Den mest praktiske og populære plugin for å lage " døtre "Er kalt Barnetemakonfigurator.

Den er til stede i den offisielle wordpress plugin-butikken. Vi trykker på " Installere". Etter installasjon og aktivering, gå til delen " Instrumenter» -> « Barnetemaer". Gå til plugin-innstillingene.

I plugin-menyen vil du se et vindu som dette. Vi må velge det første elementet på startmenyen " LAG et nytt barnetema". Vi velger det.

Etter å ha valgt overordnet mal, klikk på knappen " Analysere". Deretter åpnes følgende elementer.

Basert på resultatene av analysen bør vi se følgende melding: " Dette temaet ser ut til å være greit å bruke som et undertema". Dette betyr at plugin har sjekket malen vår for muligheten for å lage " døtre «Og ga klarsignal.

I utgangspunktet er dette alt du trenger å konfigurere i denne plugin for å lage et undertema. La alle andre innstillinger " som det er«.

Det eneste forbeholdet hvis du allerede har lagt til widgets og andre sidemenyinnstillinger, kan du sjekke det åttende avsnittet... I dette tilfellet vil alle visuelle innstillinger for malen bli kopiert til undertemaet.

Gå til det 9. punktet og klikk på knappen " Opprett nytt underordnet tema". Barnetemaet ditt er opprettet og plugin-modulen kan slettes, siden den har oppfylt sin rolle og ikke lenger er nødvendig for ytterligere funksjonalitet.

Opprette et undertema manuelt

Det beste alternativet er selvfølgelig å bruke en plugin. Men siden nettstedet mitt hadde mange innstillinger på grunnmalen, måtte jeg gjøre det for hånd. Siden plugin ikke vil overføre alle endringer fra den overordnede malen til den underordnede.

Og for en generell forståelse vil det ikke være overflødig å se hvordan dette gjøres manuelt.

Først av alt trenger du gå til mappen med nettstedet på hosting din registrator.

Vi går til adressen: /www/your-site.ru/wp-content/themes/... Opprett en ny mappe kalt " Barnet mitt tema"(Eller noe annet - det spiller ingen rolle). Jeg ga den navnet " grunnleggende barnetema«.

Gå nå til mappen med hovedtemaet vårt (jeg har denne mappen " grunnleggende") Og kopier filen derfra style.css.

Lim inn denne filen i mappen for å lage et undertema.

Nå må du gjøre endringer i den. Velge en fil style.css og klikk " Endring«.

velg hele innholdet i filen og slett(via funksjonen " ctrl + A"). Vi får en ren fil style.css der vi vil angi den nødvendige koden.

Siden jeg importerer temainnstillingene grunnleggende, jeg har alle dataene som er angitt for dette emnet. Hvis du har et annet tema, må du skrive inn navnet i denne koden.

La oss ta en titt på hver linje med kode.

  1. Temanavn: Navnet på temaet ditt i administrasjonspanelet for deg.
  2. Mal: spesifiser navnet på det overordnede temaet.
  3. @import url ("../ temanavn / style.css");- vi indikerer med kommandoen hvor vi skal hente maldataene for barnetemaet (adresse til registeret Foreldretema).
  4. .foo (farge: blå;)- valgfri innstilling av stilen til en vilkårlig mal for " Barnetema«.

/*
Temanavn: Temanavnet mitt til barnet
Mal: ditt-tema-navnet
*/

@import url ("../ ditt-tema-navnet/style.css ");

Slik vil en helt ferdig fil se ut. style.css for barn tema:

Vi lar denne kodebiten ligge og klikker " Lagre". Barnetemaet ditt er klart.

Slik aktiverer du et WordPress-barnetema

Har du laget et tema? Nå må du legge den til på nettstedet ditt. Hvordan gjøre det?

Gå til delen " Utseende» -> « Temaer". Og vi ser etter vår " datter "Med navnet som ble tildelt den gjennom kommandoen" Temanavn" i filen style.css.

Hvis du installerte et tema gjennom en plugin, vil navnet være i følgende format: " tema-barn". Se etter det med det navnet. Hvis emnet ble kalt " tjuesytten", Da vil dets undertema (via plugin) hete:" tjuesytten-barn«.

V " Temaer"Finne sin underordnede mal og velg knappen " Aktiver«.

På det siste bildet ser du to grunnleggende maler... Til venstre er et barn av malen ( Barnetema ) og den høyre er overordnet tema ( Foreldretema ). "Datteren" overtar alle designinnstillingene fra forelderen gjennom kommandoen @import.

Barnetemaproblemer og hvordan de løses

Når du oppretter et undertema manuelt gjennom kode, kan du støte på ett problem. V " Redaktør"Det vil bare være én underordnet temafiler" Stilark"I høyre kolonne" Temafiler«.

Foreldretemaet i " Temafiler"Vil ha mange linjer, mens barnet bare vil ha filen" Stilark (style.css)". Hva skal man gjøre i en slik situasjon?

Jeg løste dette spørsmålet slik: Jeg kopierte alle filene fra den overordnede temamappen, bortsett fra den modifiserte style.css, og lastet dem opp til undermappen.

Derfor vil jeg foreslå en enklere måte å løse dette problemet på.

Bare kopier hele innholdet i mappen foreldretema, lim inn i mappen for barnetemaet og rekonfigurer filen style.css som i eksemplet ovenfor.

Det er alt. Deretter alle fanene i " Redaktør»Du lagrer, og du kan gjøre eventuelle endringer i dem.

Produksjon

Å lage et barnetema er enkelt nok og bør gjøres helt i begynnelsen av WordPress-nettstedet ditt. Den enkleste måten er å bruke en plugin, etter at den har opprettet et undertema for deg, kan du avinstallere den.

Ved å gjøre et så enkelt "triks", vil du glemme ytterligere problemer med temaoppdateringer.

Vi har gitt ut en ny bok, "Content Marketing on Social Media: How to Get Into the Heads of Subscribers and Fall in Love with Your Brand".

Abonner på

Barnetemas funksjon ("døtre") er basert på deres forhold til foreldrene ("foreldre"). Det er viktig å ta hensyn til at gratis og betalte temaer i utgangspunktet er foreldre, derfor kopierer datteren deres parametere og egenskaper, og mottar også et standardsett med funksjonene hennes. I fremtiden, med tanke på behovene til en spesifikk Internett-ressurs, kan settet med disse alternativene utvides.

Hvis vi berører terminologi, så snakker vi om et spesielt emne som får betydningen til en annen, som fungerer som en forelder. Hvorfor er de skapt? For å endre eksisterende WordPress-temaer og dermed øke antallet.

Hva er forskjellen mellom "datter"

Barnetemaet til Wordpress åpner for muligheten til å gjøre nødvendige endringer og justeringer. Deretter skal vi se på hvordan du lager det, men før det, la oss ta en titt på de viktigste forskjellene:

  1. Endringer som er gjort i foreldreendring påvirker ikke barnet. Det følger av dette at de etter utvikling er uavhengige av hverandre.
  2. Den deriverte fungerer bare hvis overordnet er installert, og aktiveringen skjer senere.
  3. Datterselskaper er kun knyttet til sin egen base og er ikke sammenkoblet med verken det ene eller det andre.

Er det praktisk å jobbe

Et WordPress-tema for barn er en god idé med mange fordeler. Personlig vil vi anbefale det som en standardpakke med premiumprodukter. Her er bare noen av fordelene:

  1. De lagrer automatisk justeringene dine. Takket være dette kan du gjøre justeringer direkte i koden, uten risiko for at innstillinger går tapt eller går tapt under oppdateringen.
  2. Å jobbe med dem er en utmerket forberedelse til overgangen til å skrive hovedkoden for overordnede varianter.
  3. Arbeidsflyten er forbedret. Med bare ett tematisk rammeverk til din disposisjon, kan du lage nettsteder med varierende kompleksitet og funksjonalitet.

Siden dette er en fortsettelse av overordnet, er settet med funksjoner og funksjoner identisk her. Hovedkomponenter:

  1. Katalog (mappe / plassering av filkomponenter).
  2. "Style.css", hvor grunnleggende og tilleggsegenskaper er spesifisert.
  3. "Functions.php", hvor definisjonen av funksjoner er skrevet.

Det er ingen begrensninger for å legge til maler, men de oppførte komponentene er obligatoriske i alle.

Fungerer

Døtre er lokalisert i en egen mappe og har separate functions.php og style.css. Det er alltid mulig å skrive hjelpefiler, men dette paret er ansvarlig for riktig funksjon - uten feil og problemer.

Med riktig bruk av disse formatene kan du redigere nesten alle innledende parametere, inkludert stil, individuelle layoutelementer, skript og så videre.

Temaenheten ligner på redigeringslagene til bilderedigerere. Hvis en bruker besøker Internett-ressursen din, åpnes en "datter" foran ham, og de allerede manglende alternativene og stilene lastes fra forelderen. Til syvende og sist sendes det meste av koden videre fra forelderen, men må endres for å gjenspeile barnets innstillinger før den brukes.

Hvordan lage

Først må du sjekke om du har alt du trenger. Nemlig tilgang til FTP eller filbehandler, åpen tilgang til selve WordPress-kontrollpanelet. Så la oss komme i gang.

Trinn 1. Opprette et WordPress-barnetema

Dette er en ganske grei prosess. Hvis du følger instruksjonene i detalj, vil enhver bruker mestre det.

Først av alt lager vi en mappe for datteren vår i standardkatalogen. For å holde katalogen i orden og organisere innholdet, er det bedre å navngi mappen som "Foreldrenavn + barneslutt". For enkelhets skyld kan du legge til navnet på et prosjekt som vi lager et tema for. Det viktigste er at navnet på katalogen ikke har mellomrom, ellers kan det føre til feil. En filbehandler eller FTP-klient vil hjelpe deg med å opprette en ny mappe. I dag har en FTP-klient som FileZilla vist seg godt.

La oss for eksempel ta «Twenty Seventeen» til grunn, som er kjent for mange. Jeg foretrekker å jobbe med filbehandleren, så banen min til den opprettede mappen ser slik ut:

Vi gjør følgende:


Du er sikkert overbevist om at opprettelsen er en enkel prosess. Det er bare nødvendig å følge instruksjonene strengt og jobbe med riktig tilnærming.

Steg 2. Tilpasning

For å komme i gang, endre, supplere, tilpasse til forespørslene og kravene til "datter"-siden din, må du konfigurere innstillingene riktig. Vi ordner det i rekkefølge.

  1. Først må du tilpasse utseendet.

For å gjøre dette vil vi gjøre justeringer av "custom.css", som ligger i katalogen. Dette kan gjøres gjennom en FTP-klient, en vanlig tekstredigerer, en filbehandler eller en spesiell editor Wordpress (du finner den ved å åpne "Utseende", deretter "Editor"). Her trenger du minst en minimal kjennskap til reglene for bruk av CSS, samt ferdigheten til å sjekke sideelementer gjennom nettleseren. For å endre bakgrunnsfargen i "style.css", skriver vi for eksempel følgende CSS-regel:

Det neste bildet viser hvordan nettstedets design vil endre seg etter justeringene som er gjort. Bakgrunnen ble lysegrønn:

Dermed kan du redigere alle eksisterende elementer på nettstedet.

2. Arbeide med funksjoner.

Å bruke og jobbe med "døtre" gir også en slik fordel som muligheten til å opprettholde to uavhengige "functions.php". Husk at disse filene brukes til å fjerne gamle og legge til nye funksjoner. Hvis de er der, trenger du ikke å bekymre deg for sikkerheten eller problemene i arbeidet med dokumentet. Selv om basen fornyes, forblir den uendret.

For å legge til et nytt alternativ, legges ny PHP-kode til filen. For eksempel vil koden nedenfor fjerne WordPress-søkealternativet.



Spesielle tjenester for å lette utbyggers arbeid

For å lette opprettelsesprosessen kan du bruke en rekke spesielle plugins. WordPress-biblioteket tilbyr et bredt utvalg av plugins, hvorav de fleste er gratis å bruke. Å bruke plugins forenkler utviklingsprosessen betraktelig. La oss ta en titt på de mest populære pluginene.

  1. Child Themify.

Det er den mest enkle og brukervennlige plugin med et intuitivt grensesnitt. Mange innstillinger her kan gjøres med et klikk på en knapp.

2. Konfigurasjon av barnetema.

Her kan du også lage en "datter", og det tar bare et par klikk. CSS-editoren er kraftig nok til å tillate avansert tilpasning. Programtillegget identifiserer automatisk de viktigste CSS-reglene og påvirker dem ikke ved redigering.

3._barn Theme Boilerplate.

Her er ferdige maler for dannelse av "døtre". Malen heter ganske enkelt «_child» – og er designet spesielt for å gjøre ting enklere. Malen tilbyr et intuitivt tema, alt du trenger å gjøre er å gi en lenke til "forelderen". Denne typen mal lar deg lage profesjonelle alternativer - 2 ferdige filer er allerede opprettet her, standard "functions.php" og "style.css".

Den første har en spesiell funksjon kalt "aa_enqueue_styles ()". Dette alternativet lar deg lage en kø med stilark, med foreldrene først og deretter barna. Som et resultat bestemmes stilen til sistnevnte alltid først.

De fleste utviklere samler disse tabellene i CSS, men dette gjør mer skade enn nytte. Nettleseren begynner å laste siden i lang tid, fordi det er nødvendig å laste inn stiler først fra "forelderen", og deretter fra den deriverte. Å skille stilarkene vil gjøre nettleserens oppgave enklere og lastehastigheten raskere.

Her er koden for å legge til dette alternativet:

Den andre filen har en basisoverskrift som inneholder spesifikk informasjon. Denne informasjonen lar WordPress gjenkjenne den som et "datter"-stilark. Derfor er det spesielt viktig å skrive koden for "style.css":



La oss oppsummere

Det spiller ingen rolle nivået på programmeringsferdigheter, samt erfaring med Wordpress. Det er enkelt å lage et WordPress-barnetema, og det er ingen risiko for at innstillinger blir slettet ved avslutning. Ved å skrive litt kode eller gjøre endringer i det som allerede er skrevet og utføre enkle handlinger med katalogen, kan du endre nettstedet ditt. Det viktigste er å følge instruksjonene, gradvis flytte fra ett punkt til et annet. Ikke glem følgende: hvis det er oppdateringer for "forelderen", endres ikke "datteren", denne regelen gjelder endringer i innholdet, innstillingene og så videre.

Eksperimenter, prøv forskjellige alternativer og se etter den beste for deg selv.

I neste oppdatering av plattformen legges det alltid til nye funksjoner, beskyttelsen forbedres, nye muligheter dukker opp. Så en av flere muligheter kan bemerkes som et så nyttig verktøy som. Og dette er bare en av mange funksjoner. Og det er mer betydningsfulle, for eksempel - et barnetema.

Hva er et WordPress-barnetema?

Jeg vil ikke gå dypt inn i dette emnet, gitt at det offisielle nettstedet har en god russiskspråklig manual (). La meg bare si noen få ord om fordelene med et barnetema og hva det er.

Betydning: barnetema (DT) er hovedsakelig beregnet på korrekt redigering av overordnet tema (det som er aktivert for øyeblikket). Ved å bruke denne metoden lagres eventuelle endringer som er gjort i det overordnede temaet (PT) neste gang du oppdaterer det.

Fordel: Enorm. Fordi dette er den riktige avgjørelsen i eventuelle endringer i RT.

Hvordan lage et barnetema i WordPress

WordPress-kodeksen (lenken over) gir en detaljert trinn-for-trinn-beskrivelse av trinnene for å lage et undertema. I hovedsak er det ikke noe komplisert her. Snarere er det motsatte sant: alt er veldig enkelt. Men ikke alle har et ønske om å fikle med filer (vi vil ikke fordømme dem - dette er en personlig sak). For et slikt tilfelle er det plugins som vil gjøre nesten alt arbeidet for deg.

Vi vil kort snakke om dette alternativet. I depotet er det som alltid et stort utvalg av plugins for implementering av løsninger på eventuelle oppgaver. Mitt valg falt på plugin " Barnetema med ett klikk», Som vil lage et barnetema med ett klikk.

Etter å ha aktivert modulen "One-Click Child Theme"-modulen, gå til "Appearance - Child Theme"-fanen. Denne siden inneholder tre felt å fylle ut:

Hvordan jobbe med et barnetema

Når du trenger å redigere det overordnede temaet (for eksempel gjøre noen endringer, legge til en ny blokk, slette en blokk osv.), så er det av hensyn til bevaringen eller til og med sikkerheten best å gjøre dette gjennom barnetemaet.

Temafiler. En fil kopieres fra RT, der du ønsker å gjøre noe eget, og overføres til DT (husk at hvis filen er i en undermappe av emnet, så lager du også den samme mappen i DT ). Begynn så å jobbe med det, endre det, legg til det du trenger og sjekk resultatet.

Stiler (style.css). For å kunne redigere stilene til det overordnede temaet direkte i undertemaet, må du først importere dem via filen style.css eller functions.php-filen. Ellers vil ingen endringer skje. Og dette gjøres slik:

CSS @import

/ * Temanavn: barn-mitt-tema Beskrivelse: Barnetema

Funksjon

Add_action ("wp_enqueue_scripts", "my_theme_enqueue_styles"); function my_theme_enqueue_styles () (wp_enqueue_style ("foreldre-stil", get_template_directory_uri (). "/style.css");)

funksjoner.php. i motsetning til de forrige, blir den ikke endret eller importert, men lastet inn som et tillegg til overordnet fil. Det trenger ikke å kopieres fra RT, bare lag en fil i RT kalt functions.php. Og så, på vanlig måte for oss, legg til funksjonene du trenger til den. Dermed vil det være en riktig tilnærming til å modifisere og utvide mulighetene til overordnet tema.

Koble til filer fra et undertema.
For å koble til filer fra DT må du bruke visse funksjoner som indikerer riktig bane.

Hei alle sammen, i dag vil jeg fortelle dere om en fantastisk funksjon i wordpress-motoren - et barnetema. Helt på slutten av innlegget skal jeg vise deg et eksempel på hvordan du kan lage et wordpress-barnetema basert på en ferdig mal, nå vil jeg forklare hvorfor du trenger et wordpress-barnetema.

Sidenavigering:

Hva er et wordpress-barnetema og hvorfor er det nødvendig

Et underordnet wordpress-tema er et tema som brukes av wordpress for å endre eller utvide funksjonaliteten til det overordnede (hoved)temaet.

Ved å bruke wordpress barnetema kan du fullstendig endre CSS-stiler, HTML- og javascript-kode, samt PHP-kode eller noen av funksjonene uten å forstyrre forfatterens tema. Enkelt sagt, etter våre redigeringer, vil vi kunne oppdatere det nedlastede eller kjøpte temaet uten å miste redigeringene og funksjonaliteten.

La oss si at vi kjøpte et betalt tema med gratis oppdateringer og støtte i et år. Vi må lage siden vår basert på et ferdig tema + gjøre mindre endringer i stilene.

Det første du tenker på (og dette er feil): du må ta og skrive stilene dine inn i style.css-filen. Dermed vil vi få det nødvendige resultatet, MEN:

når vi oppdaterer, vil alle stilene våre fly av. Hvis vi ber støtte om hjelp, vil de nekte å hjelpe oss, og hvis de til og med hjelper, så må vi oppdatere automatisk ...

Ond sirkel? - egentlig ikke, du trenger ikke å oppdatere temaet eller kontakte support 🙂

Godt råd, ikke sant??

I denne situasjonen kan wordpress barnetema hjelpe oss. Vi slipper ganske enkelt et rent (ingen redigeringer) kjøpt tema inn i wp-content / temaer, og lager også et barn og slipper en enkelt fil: style.css (det er nødvendig).

Fordeler med å bruke wordpress-barnetema

(klikk på tall for å se alle fordelene)

  • Wordpress undertema arver alle funksjonene og egenskapene til overordnet tema + lar deg legge til dine egne eller erstatte eksisterende.

    Etter å ha aktivert barnetemaet i adminpanelet, vil vi se at det fungerer på samme måte som forelderen.

  • For å legge til våre egne stiler trenger vi bare å registrere dem i barnetemaet, forelderen forblir uendret.
  • Når du legger til en ny tilpasset type eller taksonomi, kan vi legge til manglende filer til temaet uten å forstyrre oppdateringen av hovedtemaet.
  • En upåklagelig fordel med å bruke wordpress-barnetema er muligheten til å oppdatere temaet.

    For eksempel, hvis en utvikler finner en sårbarhet, eller en temakonflikt med en ny versjon av WordPress, vil han gi ut en oppdatering, og du kan enkelt og enkelt installere den.

Hvordan lage et wordpress-tema for barn

For å lage et WordPress-tema for barn trenger vi bare å oppfylle noen få betingelser:

  1. Lag en katalog med et vilkårlig navn.
  2. I denne mappen oppretter du en style.css-fil med egendefinert tekst. (Jeg vil vise nedenfor)

Her er en rask veiledning om hvordan du lager et wordpress-barnetema for Twenty Sixteen-temaet som følger med den nye WP.

En rask guide til hvordan du lager et WordPress-barnetema

Ved å klikke på tallene nedenfor kan du gå videre til neste trinn.

Opprette et barnetema for wordpress

Slik ser siden vår ut nå:

Jeg foreslår at du endrer fargen på overskriftene i widgeten til høyre. For å gjøre dette må vi legge til følgende kode til stilene til barnetemaet:

Widget h2.widget-title (farge: # 228E4F;)

Slik ser redigeringene ut:

Og her er resultatet av våre redigeringer:

Jeg foreslår også å lage andre redigeringer. For eksempel blir alle SEO-utviklere lei av det faktum at widgets viser overskrifter i h2. Det er ganske enkelt å kurere dette problemet gjennom wordpress-barnetema. For å gjøre dette må vi:

1) Lag functions.php-fil.

2) Skriv følgende kode inn i den:

__ ("Sidefelt", "twentysixteen"), "id" => "sidefelt-1", "description" => __ ("Legg til widgeter her for å vises i sidefeltet.", "Twentysixteen"), "before_widget" = > "", "after_widget" => "", "before_title" => "

"," after_title "=>"
",)); unregister_sidebar (" sidefelt-2 "); register_sidebar (matrise (" navn "=> __ ("Innhold Bottom 1 "," tjueseksten ")," id "=>" sidefelt-2 "," beskrivelse " => __ ("Vises nederst i innholdet på innlegg og sider.", "Twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => "
"," after_title "=>"
",)); unregister_sidebar (" sidefelt-3 "); register_sidebar (matrise (" navn "=> __ ("Innhold Bottom 2 "," tjueseksten ")," id "=>" sidefelt-3 "," beskrivelse " => __ ("Vises nederst i innholdet på innlegg og sider.", "Twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => "
"," after_title "=>"
",)); } ?>

Her gjør vi en veldig enkel ting, fjern alle sidefeltene registrert av overordnet tema unregister_sidebar ("sidebar-3"); og sleng inn den nye koden for å lage sidefelt, som vi tok fra overordnet tema. Det er alt. La oss se resultatet:

På samme måte kan du endre innholdet i en hvilken som helst temafil, eller legge til nye, med den eneste forskjellen at functions.php ikke overskrives, men nye funksjoner legges til. For temafiler, når du legger til en fil, for eksempel footer.php - vil denne filen i overordnet tema bli deaktivert, og vi vil bruke denne filen fra undertemaet.

Forskjeller mellom foreldre og barn WordPress-temaer

Forskjellen mellom disse emnene i arbeidslogikken:

hvis filen ikke er inkludert i undertemaet, prøver WordPress å finne den i overordnet tema

hvis en annen fil enn functions.php er i undertemaet, erstatter den en lignende fil i overordnet

Takk alle sammen for oppmerksomheten, det er sannsynligvis alt for meg, vi deler artikkelen med vennene våre

, skriv kommentarer 🙂