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

Hvordan bruke WordPress Child Theme Configurator Plugin?

1

I vår forrige artikkel har vi forklart den manuelle måten å lage barnetema på WordPress. Hvis du føler deg utslitt med alle de manuelle trinnene – ikke bekymre deg, du er ikke alene. Spesielt å tilpasse foreldretemaet ved å finne ut individuelle CSS -klasser fra foreldrestil. Css er mer teknisk for en WordPress -nybegynner. Heldigvis er det mange nyttige plugins der ute for å gjøre hele prosessen enkel samtidig som lar deg tilpasse ytterligere. Child Theme Configurator er en slik plugin som hjelper deg med å lage og tilpasse barnetemaer i WordPress. I denne artikkelen vil vi diskutere trinnvis prosess for bruk av Child Theme Configurator -plugin.

Hvorfor plugin for Child Theme Configurator?

Vi prøvde flere plugins for å lage et barnetema og anbefaler Child Theme Configurator av følgende årsaker:

  • Plugin oppdateres og støttes kontinuerlig.
  • Gode ​​brukeranmeldelser med mer enn 70 000 aktive installasjoner.
  • Veldig brukervennlig grensesnitt.
  • God dokumentasjon tilgjengelig på administrasjonspanelet.
  • Opprettelse av ett barns tema med ett klikk.
  • Lett å tilpasse CSS og endre malfiler.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Child Theme Configurator WordPress Plugin

Endelig er det gratis med alle disse alternativene !!! Det er premiumutvidelser tilgjengelig, men vi tror at for en nybegynner er gratisversjonen tilstrekkelig til å lage og tilpasse barnetema.

Hvordan lage et barns tema med denne pluginen?

Naviger til “Plugins> Add New" og søk etter “Child Theme” for å finne “Child Theme Configurator” -tillegget. Installer og aktiver plugin -modulen, det vil legge til en admin -meny “Tools> Child Themes” i WordPress admin dashboard. Klikk på "Barnetemaer" -menyen viser deg alternativene som nedenfor:

Hvordan bruke WordPress Child Theme Configurator Plugin?

Analyserer foreldretema

Som standard vil det bare være en handling i utgangspunktet "Opprett et nytt barnetema", og det aktive temaet på nettstedet ditt vil bli valgt som et overordnet tema. Du kan velge det overordnede temaet (i vårt eksempel bruker vi tjue seksten) fra rullegardinmenyen og klikke på "Analyser" -knappen for å få avhengigheter og andre problemer.

Du vil bli vist en suksessmelding sammen med flere alternativer (fra 4 til 9) lastet inn, som kan tilpasses etter behov.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Velge navn på barnematkatalog og stilark

Gi den nye temakatalogen et navn

Programtillegget oppretter automatisk katalognavnet til barnetemaet ved å legge "-barn" til navnet på foreldretemaet. I vårt eksempel er det "tjue-seksten-barn", og vi lar det være som det er. Du kan gi et hvilket som helst navn hvis du vil endre katalognavnet til barnetemaet ditt. Vær oppmerksom på at dette ikke er navnet på barnetemaet; dette er katalogen der barnetemaet vil bli lagret. Programtillegget vil opprette denne katalogen under mappen "wp-content" som "/wp-content/twentysixteen-child/".

Velg hvor du vil lagre nye stiler

Programtillegget tilbyr to alternativer for lagring av stilarket med barnetema. Hvis du ikke har noe underordnet tema, velger du det primære stilarket for å lage en style.css -fil under katalogen for barnetemaet. Hvis du har en eksisterende underordnet temakatalog, vil plugin -modulen erstatte den eksisterende style.css -filen med den nye style.css -generasjonen.

Hvis du ikke vil overskrive eksisterende underordnede temastiler, kan du velge et eget stilarkalternativ for å bruke dette stilarket i tillegg til det eksisterende underordnede temaets stilark.

Velg Håndtering av foreldretema -stilark

Den anbefalte metoden er å velge alternativet "bruk WordPress -stilkøen" for å bruke functions.php -filen til barnetemaet ditt for å gjøre foreldretemaet stil til barnetema. Du kan også bruke alternativet "Bruk @import" til å importere overordnet tema’s style.css til barnetema’s style.css (dette anbefales ikke).

Hvordan bruke WordPress Child Theme Configurator Plugin?

Spennende foreldretema

Hvis du ikke vil bruke stilen til det overordnede temaet, velger du alternativet "ikke legg til noen overordnet stilarkhåndtering". Hvis du bruker temarammeverk som Genesis, velger du alternativet "Ignorer overordnede tema -stilark".

Tilpass barnets temanavn, beskrivelse, forfatter, versjon, etc.

Under denne delen definerer du nødvendige detaljer som navn på barnetemaet ditt, beskrivelse, forfatternavn, etc.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Tilpasse detaljer om barnetema

Her er stedet hvor du kan oppgi det faktiske navnet på barnetemaet som vil vises under "Utseende> Temaer" for å aktivere det senere.

SEO -tilbud: Optimaliser nettstedet ditt med Semrush Pro 14 dagers gratis prøveperiode.

Kopier menyer, widgets og andre tilpasningsinnstillinger fra overordnet tema til barnetema:

Et av de virkelige problemene når du oppretter et manuelt barnetema, er at det overordnede temaet spesifikke elementer som menyer, widgets, alternativer, bakgrunn, etc. vil forsvinne på barnetema. Plugin for Child Theme Configurator hjelper deg med å overvinne dette problemet på en smart måte ved å tillate å kopiere elementene fra det overordnede temaet. Merk av for dette alternativet for å beholde menyer, widgets og temainnstillinger for foreldretemaet ditt også på barnetema.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Opprette nytt barnetema i WordPress med plugin

Etter å ha valgt alle nødvendige tilpasninger klikker du på "Opprett nytt barn -tema" -knappen. Du vil se en suksessmelding som nedenfor med mange andre ekstra faner.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Alternativer for barnekonfigurator

Style.css er den eneste filen som kreves for barnetemaet ditt når du har valgt @import -metode. Hvis du har valgt den anbefalte enqueuing -metoden, vil det være to filer style.css og functions.php. I likhet med manuelle endringer kan mange ting gjøres med pluginprogrammet Child Theme Configurator.

Redigere malfiler

Alle malfiler som kan endres, blir oppført under "Filer" -fanen. Selv om functions.php -filen vil være tilgjengelig under underordnede temafiler som standard, kan du kopiere andre malfiler til barnetemaet ditt for endring. Noen av de tilgjengelige malfilene som kan endres er 404.php, archive.php, page.php, single.php, header.php, etc.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Kopiere overordnede temamalfiler for barnetema

Velg filen under delen "Temaer for barn" og rediger den med standard WordPress -temaredigerer. Du har også følgende alternativer under "Filer" -fanen:

  • Last opp tilpassede temabilder som skal brukes i stilark. Bildene som lastes opp vil bli oppført på samme side som kan velges og slettes.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Last opp tilpassede barnebilder

Temabilder lagres under “/twentysixteen-child/images/” mappen og kan bare brukes i det stilfulle arket til barnetemaet. Alle andre bilder lastet opp på innlegget/siden vil være tilgjengelig under mediebiblioteket.

  • Last opp et tilpasset skjermbilde for barnetema som du kan se under "Utseende> Temaer".
  • Eksporter zip -arkiv av hele barnetemaet for lokal lagring.

En av feilene brukerne gjør under manuell opprettingsprosess for barnetema, er ikke å ta vare på katalogstrukturen. Programtillegget gjør en veldig god jobb ved å gjøre dette automatisk når du kopierer filer som "/template-parts/content.php". Den oppretter automatisk den samme strukturen under barnetemaet som "twentysixteen-child/template-parts/content.php" og sikrer at malen fungerer fra barnetema.

Tilpasse CSS

Å finne CSS -eiendom og -velger er et hovedproblem når du bruker manuelle barntemaer og Child Theme Configurator -plugin hjelper deg med å løse dette problemet enkelt. Det er to faner "Spørring/velger" og "Egenskap/verdi" som kan brukes til å identifisere den nødvendige stilen fra overordnet tema og endre den.

"Spørring/velger" -fanen hjelper deg med å finne en spesifikk velger for enhver @mediaspørring og endre den. For eksempel, hvis du vil endre bakgrunnsfargen på brødteksten i foreldretemaet ditt, forlater du feltet "@media Query" slik det er som "base" og angir "body" for velgeren. Du vil se alle eiendomsverdier for kroppen og klikke på kroppen for å se skjermen som vist nedenfor:

Hvordan bruke WordPress Child Theme Configurator Plugin?

Endre CSS basert på Media Query og Selector

Her kan du endre bakgrunnsfargen (og enhver annen verdi som margin, polstring, etc.) og lagre den som et barns temaverdier.

I likhet med "Query/Selector" kan du bruke "Property/Value" til å endre den overordnede CSS -en. For eksempel, skriv inn "bakgrunn" på eiendomsverdien og velg "bakgrunnsfarge" fra rullegardinmenyen for å endre bakgrunnsfargen på hele nettstedet.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Tilpasse CSS for overordnet tema med eiendom / verdi

Se på stilarkene til foreldre/barn -temaer

Fanene "Baseline Styles" og "Child Styles" viser de tilsvarende stilarkene fra henholdsvis foreldre- og barnetemaer.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Barnetema stilark

Importer egendefinerte skrifter

Du kan importere alle nettfonter, for eksempel Google -fonter, under "Nettfonter" -fanen med @import -spørring.

Til slutt kan du slette, duplisere og analysere barnetemaet under kategorien "Foreldre/barn". Disse alternativene vises bare når du har opprettet et gyldig barnetema ved hjelp av denne pluginen.

Aktiverer barnetema

Det nyopprettede barnetemaet kan sees på WordPress admin dashbord under "Utseende> Temaer". Det anbefales på det sterkeste å forhåndsvise nettstedet med barnetemaet før du aktiverer for å kontrollere at alt er bra som du forventet.

Hvordan bruke WordPress Child Theme Configurator Plugin?

Aktivere barnetema i WordPress

Alternativet "Debug" tilgjengelig øverst til høyre når det er aktivert, viser aktivitetene nederst på siden. Dette kan brukes til feilsøking hvis du får problemer mens du lager barnetemaet. Klikk på "Hjelp" -knappen for å se ekstremt nyttig dokumentasjon direkte fra administrasjonspanelet.

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