Hoe u uw WordPress-thema kunt aanpassen met een kindthema

Dus je hebt een WordPress-thema op je website, een gratis of een commercieel thema, en je wilt het aanpassen. Iemand heeft u wijselijk aangeraden dit te doen door "een kindthema te maken". Maar wat betekent dat, en hoe doe je dat?

Wat is een kindthema?

Thw WordPress Codex beschrijft kindthema's als dit:

Een WordPress-thema voor kinderen is een thema dat de functionaliteit van een ander thema overneemt, het hoofdthema genoemd, en waarmee u de functionaliteit van dat bovenliggende thema kunt wijzigen of toevoegen. Een kindthema is de veiligste en gemakkelijkste manier om een bestaand thema aan te passen, of u nu een paar kleine wijzigingen of uitgebreide wijzigingen wilt aanbrengen. In plaats van rechtstreeks de themabestanden te wijzigen, kunt u een kindthema maken.

In wezen is een "kindthema" een WordPress-thema dat naast uw originele WordPress-thema loopt en dat de gedeelten ervan overschrijft die u opgeeft, zonder dat het oorspronkelijke thema zelf wordt gewijzigd.

Waarom moeite doen met een kindthema?

Als u een gratis of commercieel WordPress-thema op uw site heeft, is de kans groot dat u het een beetje wilt aanpassen aan uw specifieke behoeften. Misschien wilt u enkele kleuren aanpassen, een zijbalk toevoegen, bepaalde berichten anders weergeven of iets anders dat u maar kunt bedenken.

Op een dag logt u in op uw WordPress-beheerdersdashboard en ziet u dat er een update voor uw thema is. Misschien lost het een CSS-bug op of een beveiligingsprobleem met het thema. Als u op bijwerken klikt en u de themabestanden rechtstreeks hebt aangepast, overschrijft die update uw wijzigingen en, en BOOM! Ze zijn weg. Je moet die veranderingen helemaal opnieuw maken.

Door een kindthema te gebruiken, kun je het originele thema bijwerken zoals je wilt en je wijzigingen zijn veilig. Het is mogelijk dat iets in de update zou kunnen betekenen dat je ook een beetje aan het thema van je kind moet knutselen, maar je begint in ieder geval niet helemaal opnieuw!

Ok, ik denk dat ik aan boord ben, maar hoe doe ik het?

Je oorspronkelijke thema, dat we vanaf nu een 'ouderthema' noemen, leeft in jouw / Wp-content / themes / directory.

Als voorbeeld maken we een kindthema voor het standaard 'Twenty Twelve'-thema van WordPress.

Om in dit geval een kindthema te maken, maken we een nieuwe map naast de opgeroepen map 'Twenty Twelve' twentytwelve-kind.

Zoals zo:

Alles wat deze map nodig heeft om een geldig kindthema te zijn, is een style.css bestanden met de volgende inhoud:

 / * Theme Name: Twenty Twelve Child Theme URI: http://wp.tutsplus.com/ Beschrijving: Kindthema voor Twenty Twelve Auteur: Japh Auteur URI: http://wp.tutsplus.com/author/japh Sjabloon: twentytwelve Versie: 1.0.0 * / @import url ("... /twentytwelve/style.css");

Er zijn twee belangrijke delen daar:

Sjabloon: twintigtwintig - die WordPress vertelt dat dit thema een kindthema is van het thema 'Twenty Twelve'
@import url ("... /twentytwelve/style.css"); - die het bovenliggende thema laadt (twintig twaalf in dit geval) style.css als een startpunt

Nu kunt u inloggen op uw WordPress-dashboard en uw thema 'Twenty Twelve Child' daar bekijken en activeren.

Notitie:

Zoals in de onderstaande opmerkingen is aangegeven, is de @importeren regel is niet strikt vereist om een kindthema geldig te laten zijn. Ik heb het hier opgenomen, net als bij de meeste kleine aanpassingen aan een thema, je zult het willen gebruiken. Voor groothandel vervanging van de CSS in een thema, zou u die regel kunnen verlaten en helemaal opnieuw beginnen.

Sweet, My Very Own Child Theme! Wat nu?

Als u nu een thema wilt aanpassen aan uw thema, doet u dit in het thema van uw kind.

Bestanden in uw onderliggende thema hebben voorrang op bestanden met dezelfde naam in het bovenliggende thema. Dus elk bestand van je ouderthema dat je wilt wijzigen, kopieer eerst naar het thema van je kind en breng daar je wijzigingen aan.

Hetzelfde geldt voor alle sjablonen die mogelijk niet in uw bovenliggende thema voorkomen. U kunt ze toevoegen aan uw kindthema en WordPress zal ze gebruiken.

Een uitzondering op deze regels is de functions.php het dossier. In dit geval, de functions.php bestand voor het onderliggende thema wordt eerst geladen, gevolgd door de functions.php bestand van het bovenliggende thema. Het is dus niet nodig om het te kopiëren functions.php bestand van de ouder in het kind, begin gewoon vers in het kindthema voor die.

Hiermee kan het onderliggende thema alle functionaliteit van het bovenliggende thema hebben. Met ouderenthema's kunnen ook hun functies inplugbaar worden, waardoor een kindthema ze kan overschrijven.

Wat is een pluggable functie??

In wezen is een inplugbare functie een functie die controleert of deze al bestaat voordat deze wordt gedefinieerd. Op die manier, als het onderliggende thema een functie met dezelfde naam definieert, maakt het bovenliggende thema geen conflict.

Samenvatting

Dat is de basis van WordPress-themaaanpassing met behulp van een kindthema. Het is echt niet moeilijker dan het originele thema rechtstreeks te bewerken, maar het kan veel hartzeer besparen als het tijd is om te updaten. Het maakt het ook heel gemakkelijk voor je om precies te zien wat je hebt veranderd, omdat het allemaal mooi in compartimenten is verdeeld.

Je kunt hier verder lezen over kindthema's op Wptuts +.

Heeft u speciale tips voor maatwerk met kindthema's? Laat het ons weten in de comments!

Code