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

Kuinka luoda lapsi -teema WordPressissä?

2

Kuten nimi osoittaa, lapsiteema on teema, joka perii toiminnot pääteemalta. Tämä näkyy WordPress -järjestelmänhallintapaneelissa, kuten mikä tahansa muu teema kohdassa "Ulkonäkö> Teemat". Tässä artikkelissa keskustelemme siitä, millaisia ​​skenaarioita saatat tarvita lapsiteemalle ja miten voit luoda lapsiteeman WordPressissä.

Miksi ihmiset muokkaavat ydinteematiedostoja?

Yli 80% WordPress -käyttäjistä tarvitsee muokata pääteemaa riippumatta siitä, onko pääteema ladattu vapaasti WordPress -arkistosta vai ostettu kolmannen osapuolen palveluista. Ihannetapauksessa teemat on yhdistetty yleisiin ominaisuuksiin suuremman käyttäjäkunnan tyydyttämiseksi sen sijaan, että ne keskittyisivät tiettyihin tarpeisiin.

Alla on joitain yleisiä tapauksia, joissa saatat joutua muokkaamaan pääteeman tiedostoja:

  • Parantaaksesi pääteeman ominaisuutta saatat joutua lisäämään toimintoja tai tiettyjä php -koodeja mihin tahansa ydinteeman tiedostoon, kuten toimintoihin.php.
  • Jos haluat parantaa sivustollesi asennettujen laajennusten ominaisuuksia, sinun on ehkä muutettava vanhemman teematiedostoja.
  • Joskus teeman tiedostoja on muutettava, koska ne ovat ristiriidassa toimintojen, kuten sähköpostien, jakamisen jne.
  • Saatat joutua muuttamaan viestiesi tai sivujesi asetteluja. Esimerkiksi sen sijaan, että näyttäisit artikkeleissa julkaisupäivän, voit halutessasi näyttää viimeisimmän päivityksen, jota on muutettava, pääteemasi single.php -tiedostossa.
  • Mukautettujen viestityyppien, taksonomioiden ja muiden mukautusten luominen.
  • Saatat lisätä mainoskoodeja suoraan php -malleihin.

Yleensä käyttäjät päivittävät teematiedoston suoraan tällaisten mukautettujen tarpeiden saavuttamiseksi. Ongelma on tässä aina, kun vanhempasi päivittyvät, menetät kaikki mukautetut muutokset tai joudut tekemään päivitetyn teeman muutokset uudelleen. Usko tai älä, mutta teeman muutosten seuraaminen on tuskallista ja todennäköisesti unohdat yhden tai toisen toiminnon, kun päivität pääteemasi uudelleen.

Käyttäjien lisäksi WordPress -teemojen kehittäjät tarvitsevat paljon mukautuksia ydinteemaan uusien toimintojen testaamiseksi ja kehittämiseksi. Lapsiteeman avulla kehittäjät voivat testata ja rakentaa uuden teeman nopeasti.

Miksi tarvitset lapsiteemaa?

Koska pääteeman mukauttaminen on väistämätöntä, on järkevää pyrkiä pitämään pääteema sellaisenaan ja saamaan aikaan muita mukautuksia. WordPress tarjoaa tämän lapsiteeman kautta, joka perii kaikki pääteeman ominaisuuden ja lisäteemat, jotka on määritetty lapsiteeman sisällä. Tällä tavalla voit pitää kaikki mukautuksesi erillisessä laatikossa huolehtimatta emoteeman päivittämisestä.

Kuinka luoda lapsi -teema WordPressissä?

Lapsiteeman luominen on helppoa WordPressissä, joten sinun ei tarvitse panikoida tai huolehtia teknisistä asioista. Voit tehdä sen itse manuaalisesti suoraan WordPress -hallintapaneelista, ja selitämme vaiheittaiset ohjeet alla.

Paikallisen lapsi -teemakansion luominen

Selitämme esimerkkinä "twentysixteen” WordPress-teeman vanhemman teemana ja luomme lapsen teeman nimeltä “twentysixteen-child” helpon ymmärryksen vuoksi. Vaikka voit antaa minkä tahansa nimen, etuliite "-lapsella" auttaa ymmärtämään, että tämä on lapsiteema, varsinkin kun sinulla on monen käyttäjän ympäristö.

Ensimmäinen askel on luoda uusi kansio PC- tai Mac-tietokoneellesi ja antaa sille nimi "twentysixteen-child". Luo kansion sisälle kaksi tavallista tekstitiedostoa ja anna niille nimi "style.css" ja "features.php". Voit myös kopioida nämä kaksi tiedostoa kahdenkymmenen kuusitoista vanhemman teemasta ja poistaa sisällön, jolloin tiedostoja on tyhjä. Kansiorakenteen pitäisi näyttää seuraavalta tietokoneellasi:

Kuinka luoda lapsi -teema WordPressissä?

Lasten teemakansion luominen paikallisesti

Style.css -tiedoston luominen lapsiteemalle

Tyylitaulukon luominen lapsiteemalle

Toinen vaihe on avata style.css -tiedosto ja liittää seuraava koodi:

/* 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 */

Korvaa sivustosi.com ja tekijän nimi omilla tiedoillasi. "Malli" -paikkamerkki on tärkeä viitata pääteeman nimeen, esimerkkinä käytämme mallina "twentysixteen".

Vanhempien tyylin vangitseminen lapsiteemalle

Kolmas ja viimeinen vaihe on linkittää pääteeman tyylisivu lapsiteemaan. Tuontimenetelmä lisäämällä "@import url (" ../ twentysixteen/style.css ");" lapsesi teeman tyyliin. css ei ole enää paras, ja suositeltu tapa on liittää vanhempi tyyli lapsen teeman tyyliin. Voit tehdä tämän lisäämällä seuraavan koodin aliteeman toimintojen.php -tiedostoon:

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

Tässä oletetaan, että pääteemalla on vain yksi style.css -tiedosto, joka pitää paikkansa kaksikymmentäkuudentoista tässä esimerkissä. Jos teemallasi on useita tyylitaulukoita, varmista, että kaikki riippuvuudet on määritetty aliteeman toimintojen.php -tiedostoon.

Se siitä!!! Olet luonut aliteeman nyt ja seuraava vaihe on ladata se sivustollesi.

Lasten teeman lataaminen ja aktivointi

Arkistoi "twentysixteen-child" -kansio tietokoneellasi tai Mac-tietokoneellasi .zip-tiedostoon, koska WordPress-teeman tulee olla pakatussa zip-muodossa. Lapsiteeman pakatun zip -tiedoston pitäisi olla style.css ja functions.php, kuten yllä on luotu. Kirjaudu nyt WordPress-järjestelmänvalvojan hallintapaneeliin ja siirry kohtaan "Ulkonäkö> Teemat" ja lataa lapsen teematiedosto "twentysixteen-child.zip". Kun lapsiteema on ladattu onnistuneesti, se näkyy kohdassa "Ulkoasu> Teemat", jonka voit aktivoida kuten kaikki muutkin teemat.

Kuinka luoda lapsi -teema WordPressissä?

Lapsiteeman aktivointi WordPressissä

Et ehkä löydä eroja sivustolta, koska alateema käyttää myös pääteeman tyyliä ja malleja.

Vanhempien tyylin muuttaminen

Tässä on tärkeä alateeman tarve mukauttaa vanhemman teeman tyylejä ja muita malleja. Kaikki tyylimääritelmät alateeman style.css -tiedostossa ohittavat pääteeman style.css määritelmän. Esimerkiksi kaksikymmentäkuudentoista vanhemman teeman rungon taustaväri on #1a1a1a, jonka voit muuttaa #5a1c1c: ksi lisäämällä seuraavan koodin twentysixteen-child style.css:

body {background-color: #5a1c1c;}

Älä kopioi ja liitä koko vanhempi style.css -tiedostoa lapsiteemaasi, lisää vain yksittäiset valitsimet, jotka haluat ohittaa pääteemassa.

Lisätoimintojen lisääminen

Tyylien tapaan voit myös lisätä lisätoimintoja lapsiteeman toimintoihin. Php emoteeman tiedoston muokkaamisen sijaan. Ero on tässä, kun aliteeman style.css -tiedosto ohittaa vanhemman tyylin, kaikki aliteeman toimintoissa määritellyt toiminnot. Pohjimmiltaan aliteemat Functions.php -tiedosto latautuu ennen vanhemman Functions.php -tiedostoa ja auttaa sinua lisäämään tarvitsemasi lisätoiminnot.

Muiden mallitiedostojen muokkaaminen tai lisääminen

Voit myös muokata pääteeman kaikkia mallitiedostoja, kuten header.php tai single.php. Jos esimerkiksi haluat muuttaa PHP -koodia single.php -tiedoston sisällä, lisää single.php -tiedosto lapsiteemasi hakemistoon ja muokkaa koodia. WordPress KÄYTTÄÄ LAPSEN TEEMAN MALLITIEDOSTOa pääteeman tiedoston sijaan. Varmista, että sinulla on sama hakemistorakenne tiedostojen toimimiseksi, jos haluat muokata loop.php-tiedostoa, joka sijaitsee kohdassa "twentysixteen/template-parts/content.php", ja luo samanlainen tiedostorakenne lapsiteemalle, kuten "twentysixteen- lapsi/malli-osat/sisältö.php ".

WordPress tutkii ensin aliteeman hakemistoa käyttääkseen mallitiedostoja ja käyttää sitten pääteematiedostoa, jos sitä ei löydy. Tämä on erittäin hyödyllistä, kun lisäät teemallesi mukautettuja viesti- tai sivumalleja. Jos esimerkiksi haluat saada mukautetun mallin demoviesteille, luo malli nimeltä "single-demo.php" ja aseta se aliteemahakemistoon. Voit muokata “single-demo.php” -tiedostoa ja WordPress käyttää tätä mallia (vanhemman teeman single.php: n sijasta), kun demoviestejä ladataan.

Yleisiä ongelmia lasten teemojen kanssa

Ongelmia, joita saatat kohdata luodessasi alateemaa sivustollesi, suosittelemme, ettet joudu paniikkiin ja kokeile sitä esitys- tai localhost -sivustossa ennen sen käyttöönottoa live -sivustolla. Seuraavassa on joitain usein esiintyviä ongelmia, kun käytät WordPressin alateemaa:

  • Kun aktivoit lapsiteeman, jotkut asiat, kuten valikot, sivupalkin widgetit ja teemavaihtoehdot, voivat kadota. Saatat joutua tallentamaan tai luomaan nämä materiaalit uudelleen lapsesi teemalle.
  • Jos näet kuoleman valkoisen näytön, todennäköiset syyt voivat olla oikeiden lainausmerkkien käyttämättä jättäminen. Yritä muokata tiedostoja yksinkertaisilla tekstieditorilla, kuten Notepadilla, tai kopioi ja liitä koodi ylätason mallitiedostoista.

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