TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan lage barnetema i WordPress?

2

Som navnet indikerer, er barnetema temaet som arver funksjonalitetene fra det overordnede temaet. Dette vil vises i WordPress admin dashbord som alle andre temaer under "Utseende> Temaer". I denne artikkelen vil vi diskutere hvilke scenarier du kan trenge et barnetema og hvordan du oppretter barnetema i WordPress sammen med problemer som ofte står overfor barnetemaer.

Hvorfor endrer folk kjerne -temafiler?

Mer enn 80% av WordPress -brukere trenger å tilpasse foreldretemaet sitt, uavhengig av om foreldretemaet kan lastes ned fritt fra WordPress -depotet eller kjøpes fra tredjepartstjenester. Ideelt sett er temaer samlet med generiske funksjoner for å tilfredsstille større brukerbase i stedet for å fokusere på spesifikke behov.

Nedenfor er noen av de vanlige tilfellene der du kan trenge å endre filene til det overordnede temaet:

  • For å forbedre funksjonen i det overordnede temaet må du kanskje legge til funksjoner eller spesifikke php -koder i en hvilken som helst av kjernetemafilene, for eksempel functions.php.
  • For å forbedre funksjonen til noen av pluginene som er installert på nettstedet ditt, må du kanskje endre overordnede temafiler.
  • Noen ganger er tweaks nødvendig i temafilen på grunn av konflikt med funksjoner som e -post, deling, etc.
  • Du må kanskje endre oppsettene for innleggene eller sidene dine. For eksempel, i stedet for å vise den publiserte datoen på artiklene, kan det være lurt å vise den siste oppdaterte datoen som må endres i single.php -filen til ditt overordnede tema.
  • Opprette tilpassede innleggstyper, taksonomier og eventuelle tilpasninger.
  • Du kan legge til annonsekoder direkte på php -malene.

Vanligvis oppdaterer brukerne temafilen direkte for å oppnå slike tilpassede behov. Problemet her er når foreldrene dine blir oppdatert, vil du enten miste alle tilpassede endringer eller du må gjøre endringene på det oppdaterte temaet på nytt. Tro det eller ei, å holde styr på temamodifikasjoner vil være en smertefull oppgave, og mest sannsynlig vil du glemme en eller annen funksjon når du oppdaterer foreldretemaet ditt på nytt.

I tillegg til brukere trenger WordPress -temautviklere mange tilpasninger til kjernetemaet for å teste og utvikle nye funksjoner. Å ha et barnetema hjelper utviklere med å teste og bygge det nye temaet raskt.

Hvorfor trenger du barnetema?

Siden det er uunngåelig å tilpasse det overordnede temaet, er det fornuftig å ha et arbeid rundt å beholde foreldretemaet som det er og ha flere tilpasninger samtidig. WordPress tilbyr dette via barnetema som arver alle foreldretemas funksjon sammen med flere tilpasninger definert inne i barnetema. På denne måten kan du beholde alle tilpasningene i en egen boks uten å bekymre deg for å oppdatere det overordnede temaet.

Hvordan lage barnetema i WordPress?

Å lage et barnetema er enkelt i WordPress, slik at du ikke trenger å få panikk eller bekymre deg for tekniske ting. Du kan gjøre det selv manuelt direkte fra WordPress admin dashbord, og vi vil forklare trinnvise instruksjonene som nedenfor.

Opprette lokal barnemappemappe

Vi vil forklare med et eksempel på "twentysixteen" WordPress-tema som et foreldretema, og vi vil lage et barnetema kalt "twentysixteen-child" for et lett forståelig formål. Selv om du kan gi et hvilket som helst navn, vil prefiks med "-child" hjelpe til med å forstå at dette er et barns tema, spesielt når du har et flerbrukermiljø.

Det første trinnet er å lage en ny mappe på din PC eller Mac og gi den navnet "twentysixteen-child". I mappen lager du to vanlige tekstfiler og gir dem navnet “style.css" og “functions.php”. Du kan også kopiere disse to filene fra det overordnede tjue -seksten -temaet og slette innholdet for å ha tomme filer. Mappestrukturen skal se ut som nedenfor på din PC:

Hvordan lage barnetema i WordPress?

Opprette barnemappemappe lokalt

Opprette style.css -fil for barnetema

Opprette stilark for barnetema

Det andre trinnet er å åpne style.css -filen og lime inn følgende kode:

/* Theme Name:   Child Twenty Sixteen Theme URI:    http://www.yoursite.com/twenty-sixteen-child/ Description:  Twenty Sixteen Child Theme Author:       Your Name Author URI:   http://www.yoursite.com Template:     twentysixteen Version:      1.0.0 License:      GNU General Public License v2 or later License URI:  http://www.gnu.org/licenses/gpl-2.0.html Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain:  twenty-sixteen-child */

Erstatt yoursite.com og forfatternavnet med dine egne detaljer. Plassholderen “Mal” er viktig for å referere navnet på det overordnede temaet. For eksempel bruker vi “tjueåtte” som en mal.

Enqueuing Parent Style to Child Theme

Det tredje og siste trinnet er å koble overordnet temas stilark til barnetemaet ditt. Importmetoden ved å legge til "@import url (" ../ twentysixteen/style.css ");" til ditt barns tema stil.css er ikke lenger best, og den anbefalte måten er å gjøre foreldrestilen til din barns tema stil. For å gjøre det, legg til følgende kode inne i functions.php -filen til barnetemaet:

<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'twentysixteen-css', get_template_directory_uri(). '/style.css' ); } ?>

Her er antagelsen at det overordnede temaet bare har en style.css -fil som er sant for tyve seksten i dette eksemplet. Hvis temaet ditt har mer enn ett stilark, må du sørge for at alle avhengigheter er underlagt temaet til funksjons.php for barnetema.

Det er det!!! Du har opprettet et barnetema nå, og neste trinn er å laste det opp på nettstedet ditt.

Laster opp og aktiverer barnetema

Arkiv "twentysixteen-child" -mappen på din PC eller Mac til en .zip-fil ettersom WordPress-temaet skal være i et komprimert zip-format. Den komprimerte zip -filen til barnetemaet ditt bør ha style.css og functions.php som opprettet ovenfor. Logg deg nå på WordPress admin-dashbordet og naviger til "Utseende> Temaer" og last opp barnetema-filen "twentysixteen-child.zip". Når det er lastet opp, kan barnetemaet sees under "Utseende> Temaer", som du kan aktivere som alle andre temaer.

Hvordan lage barnetema i WordPress?

Aktivere barnetema i WordPress

Du kan ikke finne noen forskjeller på nettstedet siden barnetemaet også bruker overordnet tema stil og maler.

Endre foreldres stil

Her er det viktige behovet for barnetema for å tilpasse stiler og andre maler for foreldretema. Eventuelle stildefinisjoner på barnetemaets style.css -fil vil overskride definisjonen på overordnet tema style.css. For eksempel har det tjue-seksten overordnede temaet kroppsbakgrunnsfargen på #1a1a1a, som du kan endre den til #5a1c1c bare ved å legge til følgende kode i det tjue-seksten-barnets stil. Css:

body {bakgrunnsfarge: #5a1c1c;}

Ikke kopier og lim inn hele overordnet style.css -filen i barnetemaet ditt, bare legg til de enkelte velgerne du vil overstyre på det overordnede temaet.

Legge til flere funksjoner

I likhet med stiler kan du også legge til flere funksjoner på barnetemaets functions.php i stedet for å endre filen til foreldretemaet. Forskjellen her er mens barnetemas style.css -fil overstyrer foreldrenes stil, alle funksjoner som er definert i child theme -funksjonene. Php vil lastes I tillegg til foreldrenes function.php -fil. I utgangspunktet lastes temaerfunksjoner.php -filen inn før foreldrenes funksjoner.php -fil og hjelper deg med å legge til flere funksjoner du trenger.

Endre eller legge til andre malfiler

Du kan også endre malfiler i ditt overordnede tema, for eksempel header.php eller single.php. For eksempel, hvis du vil endre PHP -koden inne i single.php, legg til single.php -filen under katalogen for barnetemaet og endre koden. WordPress vil BRUKE BARNTEMAS FORMATFIL i stedet for hovedtemaets fil. Sørg for å ha samme katalogstruktur for at filene skal fungere, hvis du vil endre loop.php-filen som ligger under "twentysixteen/template-parts/content.php", og deretter lage en lignende filstruktur for barnetema som "twentysixteen- barn/template-parts/content.php “.

WordPress vil først se på katalogen for barnetemaet for å bruke malfilene, og deretter bruke foreldretema -filen hvis den ikke blir funnet. Dette vil være veldig nyttig for å legge til egendefinerte innlegg eller sidemaler for temaet ditt. For eksempel, hvis du vil ha en egendefinert mal for demoinnlegg, kan du opprette en mal som heter "single-demo.php" og plassere den i barnetema-katalogen. Du kan endre “single-demo.php” -filen, og WordPress bruker denne malen (i stedet for single.php fra overordnet tema) når demoinnlegg lastes inn.

Generelle problemer med barns temaer

Det er noen problemer du kan møte når du oppretter et barns tema for nettstedet ditt. Vi anbefaler at du ikke får panikk og prøver det på iscenesettelsen eller localhost før du distribuerer det på et live nettsted. Her er noen av de ofte møtte problemene mens du bruker barnetema på WordPress:

  • Når du aktiverer barnetemaet, kan noen ting som menyer, sidefelt widgets og temaalternativer forsvinne. Du må kanskje lagre eller gjenskape disse stoffene for barnetemaet ditt.
  • Hvis du ser den hvite skjermen for døden, kan de sannsynlige årsakene være å ikke bruke riktige sitater. Prøv å redigere filene med enkle tekstredigerere som Notisblokk eller kopiere og lime inn koden fra overordnede malfiler.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon