TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

7

Edellisessä artikkelissamme olemme selittäneet manuaalisen tavan luoda lapsiteema WordPressissä. Jos tunnet olosi uupuneeksi kaikista näistä manuaalisista vaiheista – älä huoli, et ole yksin. Erityisesti vanhemman teeman mukauttaminen selvittämällä yksittäiset CSS -luokat vanhemmatyylistä. Css on teknisempi WordPress -aloittelijalle. Onneksi siellä on monia hyödyllisiä laajennuksia, jotka tekevät koko prosessista helppoa samanaikaisesti, jolloin voit muokata edelleen. Child Theme Configurator on yksi tällainen laajennus, joka auttaa luomaan ja mukauttamaan alateemoja WordPressissä. Tässä artikkelissa keskustelemme vaihe vaiheelta Child Theme Configurator -laajennuksen käytöstä.

Miksi Child Theme Configurator -laajennus?

Kokeilimme useita laajennuksia lapsiteeman luomiseksi ja suosittelemme Child Theme Configurator -ohjelmaa seuraavista syistä:

  • Laajennusta päivitetään ja tuetaan jatkuvasti.
  • Hyviä käyttäjäarvioita yli 70 000 aktiivisella asennuksella.
  • Erittäin helppokäyttöinen käyttöliittymä.
  • Hyvä dokumentaatio löytyy järjestelmänvalvojan kojelaudasta.
  • Yhden napsautuksen alateeman luominen.
  • Helppo muokata CSS: ää ja muokata mallitiedostoja.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Lasten teeman määrittelijän WordPress -laajennus

Lopulta se on ilmainen kaikilla näillä vaihtoehdoilla !!! Saatavilla on premium -laajennuksia, mutta uskomme aloittelijalle, että ilmainen versio riittää lapsiteeman luomiseen ja mukauttamiseen.

Kuinka luoda lapsi -teema tällä laajennuksella?

Siirry kohtaan "Plugins> Add New" ja etsi "Child Theme" löytääksesi "Child Theme Configurator" -laajennuksen. Asenna ja aktivoi laajennus; se lisää ylläpitäjävalikon "Tools> Child Themes" WordPress -hallintapaneeliin. "Lapsiteemat" -valikossa näytetään seuraavat vaihtoehdot:

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Vanhempateeman analysointi

Oletuksena on aluksi vain yksi toiminto "Luo uusi aliteema" ja sivustosi aktiivinen teema valitaan pääteemaksi. Voit valita pääteeman (esimerkissämme käytämme kaksikymmentä kuusitoista) avattavasta valikosta ja napsauttaa "Analysoi" -painiketta saadaksesi riippuvuudet ja muut ongelmat.

Sinulle näytetään onnistumisviesti sekä lisävaihtoehdot (4–9) ladattuna, ja ne voidaan räätälöidä tarpeidesi mukaan.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Lapsiteeman hakemiston nimen ja tyylitaulukon valitseminen

Nimeä uusi teemahakemisto

Laajennus luo automaattisesti alateeman hakemiston nimen lisäämällä "-lapsen" pääteeman nimeen. Esimerkissämme se on "kaksikymmentä kuusitoista lasta" ja jätämme sen sellaisenaan. Voit antaa minkä tahansa nimen, jos haluat muuttaa lapsiteeman hakemistonimeä. Huomaa, että tämä ei ole alateeman nimi; tämä on hakemisto, johon aliteema tallennetaan. Laajennus luo tämän hakemiston "wp-content" -kansioon nimellä "/wp-content/twentysixteen-child/".

Valitse Minne haluat tallentaa uudet tyylit

Laajennus tarjoaa kaksi vaihtoehtoa lapsiteeman tyylitaulukon tallentamiseen. Jos sinulla ei ole aliteemaa, valitse ensisijainen tyylitaulukko -vaihtoehto ja luo style.css -tiedosto lapsiteeman hakemiston alle. Jos sinulla on jo aliteemahakemisto, laajennus korvaa olemassa olevan style.css -tiedoston uudella style.css -tiedostolla.

Jos et halua kirjoittaa nykyisiä lapsiteema -tyylejä yli, valitse erillinen tyylitaulukko, jos haluat käyttää tätä tyylitaulukkoa olemassa olevan alateeman tyylitaulukon lisäksi.

Valitse Pääteeman tyylitaulukon käsittely

Suositeltava tapa on valita vaihtoehto "käytä WordPress -tyylijonoa", jos haluat käyttää lapsiteemasi toimintoja.php -tiedostoa vanhempateeman tyylin asettamiseksi lapsiteemaan. Voit myös käyttää vaihtoehtoa "Käytä @import" tuodaksesi pääteeman style.css aliteeman style.css -tiedostoon (tätä ei suositella).

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Vanhempien vanhempien teema

Jos et halua käyttää pääteeman tyyliä, valitse "älä lisää vanhemman tyylitaulukon käsittelyä". Jos käytät teemakehystä, kuten Genesis, valitse "Ohita pääteeman tyylitaulukot".

Mukauta lapsi -teeman nimi, kuvaus, tekijä, versio jne.

Määritä tässä osiossa tarvittavat tiedot, kuten lapsiteeman nimi, kuvaus, tekijän nimi jne.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Lapsiteeman tietojen mukauttaminen

Tässä on paikka, jossa voit antaa lapsiteeman todellisen nimen, joka näkyy kohdassa "Ulkonäkö> Teemat" aktivoidaksesi sen myöhemmin.

SEO -tarjous: Optimoi sivustosi Semrush Pron 14 päivän ilmaisella kokeilujaksolla.

Kopioi valikot, widgetit ja muut mukautusasetukset pääteemalta lapsiteemalle:

Yksi todellisista ongelmista manuaalisen lapsiteeman luomisessa on, että pääteemakohtaiset kohteet, kuten valikot, widgetit, vaihtoehdot, tausta jne., Katoavat alateemasta. Child Theme Configurator -laajennus auttaa ratkaisemaan tämän ongelman älykkäästi sallimalla kopioida nämä kohteet vanhemmasta teemasta. Valitse tämä vaihtoehto, jos haluat säilyttää myös pääteeman valikot, widgetit ja teema -asetukset lapsiteemassa.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Uuden lapsiteeman luominen WordPressissä laajennuksen avulla

Kun olet valinnut kaikki tarvittavat mukautukset, napsauta "Luo uusi lapsiteema" -painiketta. Näet alla olevan menestysviestin monien muiden lisävälilehtien kanssa.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Lasten teeman määrittelijän asetukset

Style.css on ainoa tiedosto, jota tarvitaan lapsiteemallesi, kun olet valinnut @import -menetelmän. Jos olet valinnut suositellun enqueuing -menetelmän, siellä on kaksi tiedostoa style.css ja function.php. Manuaalisten muutosten tapaan Child Theme Configurator -laajennuksella voidaan tehdä paljon asioita.

Mallitiedostojen muokkaaminen

Kaikki muokattavat mallitiedostot näkyvät Tiedostot -välilehdessä. Funktiot.php -tiedosto on oletuksena käytettävissä aliteematiedostoissa, mutta voit kopioida muita mallitiedostoja lapsiteemaan muokattavaksi. Jotkut käytettävissä olevista muokattavista mallitiedostoista ovat 404.php, archive.php, page.php, single.php, header.php jne.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Vanhempien teemamallitiedostojen kopioiminen lapsiteemalle

Valitse tiedosto kohdasta "Lapsiteematiedostot" ja muokkaa sitä WordPressin oletusteemaeditorilla. Sinulla on myös seuraavat vaihtoehdot "Tiedostot" -välilehdessä:

  • Lataa mukautettuja teemakuvia käytettäväksi tyylitaulukossa. Ladatut kuvat näkyvät samalla sivulla, jonka voit valita ja poistaa.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Lataa mukautettuja lasten teemakuvia

Teemakuvat tallennetaan kansioon "/twentysixteen-child/images/" ja niitä voidaan käyttää vain alateeman tyylitaulukossa. Kaikki muut viestiin/sivulle ladatut kuvat ovat saatavilla mediakirjastossa.

  • Lataa mukautettu kuvakaappaus lapsiteemalle, joka näkyy kohdassa Ulkoasu> Teemat.
  • Vie koko aliteeman zip -arkisto paikalliseen tallennukseen.

Yksi virheistä, joita käyttäjät tekevät manuaalisen lapsiteeman luomisprosessin aikana, ei ole huolehtiminen hakemistorakenteesta. Laajennus tekee erittäin hyvää työtä tekemällä tämän automaattisesti kopioidessaan tiedostoja, kuten "/template-parts/content.php". Se luo automaattisesti saman rakenteen alateeman alle, kuten "twentysixteen-child/template-parts/content.php", ja varmistaa kyseisen mallin toiminnan aliteemasta.

CSS: n mukauttaminen

CSS -ominaisuuden ja valitsimen löytäminen on pääongelma käytettäessä manuaalisia lapsiteemoja ja Child Theme Configurator -laajennus auttaa ratkaisemaan tämän ongelman helposti. On olemassa kaksi välilehteä "Kysely/valitsin" ja "Ominaisuus/arvo", joiden avulla voit tunnistaa vaaditun tyylin pääteemasta ja muokata sitä.

"Kysely/valitsin" -välilehti auttaa löytämään tietyn valitsimen mille tahansa @media -kyselylle ja muuttamaan sitä. Jos esimerkiksi haluat muuttaa vanhemman teemasi rungon taustaväriä, jätä @media -kysely -kenttä sellaiseksi kuin "base" ja kirjoita valitsimelle "body". Näet kaikki kehon ominaisuusarvot ja napsautat runkoa nähdäksesi näytön alla kuvatulla tavalla:

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

CSS: n muokkaaminen mediakyselyn ja valitsimen perusteella

Täällä voit muokata taustaväriä (ja muita arvoja, kuten marginaaleja, täyteaineita jne.) Ja tallentaa ne aliteeman arvoiksi.

Samoin kuin "Kysely/valitsin", voit käyttää "Ominaisuus/arvo" -toimintoa muokkaamaan ylätason CSS: ää. Kirjoita esimerkiksi "tausta" omaisuuden arvoon ja valitse avattavasta valikosta "taustaväri", jos haluat muuttaa koko sivuston taustaväriä.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Pääteeman CSS: n mukauttaminen ominaisuuden / arvon kanssa

Vanhemman/lapsen teeman tyylitaulukoiden tarkasteleminen

Perustyylit ja Lapset -tyylit -välilehdet näyttävät vastaavat tyylitaulukot vanhemman ja lapsen teemoista.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Lapsi -teeman tyylitaulukko

Muokattujen fonttien tuominen

Voit tuoda kaikki verkkokirjasimet, kuten Google -fontit, Web -fontit -välilehdeltä @import -kyselyn avulla.

Lopuksi voit poistaa, monistaa ja analysoida alateemaa "Vanhempi/lapsi" -välilehdessä. Nämä vaihtoehdot näkyvät vasta, kun olet luonut kelvollisen alateeman käyttämällä tätä laajennusta.

Aktivoiva lapsi -teema

Äskettäin luotu alateema näkyy WordPress -hallintapaneelissa kohdassa "Ulkoasu> Teemat". On erittäin suositeltavaa esikatsella sivusto lapsiteemalla ennen aktivointia ja tarkistaa, että kaikki on odotetulla tavalla.

Kuinka käyttää WordPress Child Theme Configurator -laajennusta?

Lapsiteeman aktivointi WordPressissä

"Debug" -vaihtoehto, joka on käytettävissä oikeassa yläkulmassa, kun se on käytössä, näyttää toiminnot sivun alareunassa. Tätä voidaan käyttää vianmääritykseen, jos kohtaat ongelmia, kun luot alateemaa. Napsauta "Ohje" -painiketta nähdäksesi erittäin hyödyllisiä asiakirjoja suoraan järjestelmänvalvojan hallintapaneelista.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja