Een WordPress Child-thema maken

Heb je een WordPress-thema gevonden dat je echt leuk vindt, maar wil je het uiterlijk een beetje aanpassen? U kunt dit eenvoudig doen door wat aangepaste code in de CSS-stylesheet van uw thema te schrijven. Deze wijzigingen kunnen echter gemakkelijk verloren gaan wanneer u het thema bijwerkt.

Om dit te voorkomen, kunt u een kindthema maken, zodat u zoveel aanpassingen kunt doen als u wilt zonder het risico te lopen deze wijzigingen te verliezen wanneer u uiteindelijk het bovenliggende thema bijwerkt.

We zullen u door elke stap van het proces leiden. Laten we eerst een beetje jargon opruimen.

Wat is precies een kinderthema?

Een child-thema is een volledig functioneel WordPress-thema dat zijn functies en eigenschappen erft van een ander thema: het hoofdthema. Wanneer u een kindthema maakt, kunt u alle functies van het bovenliggende thema benutten zonder deze functies te verliezen telkens wanneer het bovenliggende thema een update ontvangt.

Er zijn drie basiscomponenten die je nodig hebt om een ​​child-thema te maken, en deze zullen in detail worden behandeld wanneer we bespreken hoe je handmatig een child-thema kunt maken.

Maar eerst zullen we snel bespreken hoe je een child-thema kunt maken met behulp van gratis generators voor child-thema's en met behulp van een plug-in.

Klaar? Laten we erop ingaan!

1. Een child-thema maken met behulp van een child-thema-generator

Dit is waarschijnlijk de gemakkelijkste en meest eenvoudige methode van allemaal. Het enige dat u hoeft te doen, is naar een website voor het genereren van child-thema's navigeren, een naam voor uw child-thema invoeren en dat is alles.

Twee van de meer populaire generatoren voor kindthema's zijn: Astra-themagenerator voor kinderen en Kindthema-generator, waarmee kindthema's worden gemaakt voor het populaire Astra-thema.

Het Astra-thema is een populair, lichtgewicht en snel WordPress-thema dat geschikt is voor het bouwen van elk soort website. Het is ook een van de beste gratis WordPress-thema's van 2021, dus het is een goede keuze voor het bouwen van uw website. Om de Astra Child Theme Generator te gebruiken, moet u eerst het Astra-thema installeren.

Om vervolgens uw nieuwe child-thema te maken, logt u gewoon in op Astra-themagenerator voor kinderen, voer de naam in die je wilt voor je nieuwe child-thema, klik op genereren, en dat is het!

Je nieuwe child-thema wordt automatisch gedownload als een zip-map. Installeer en activeer het zoals elk ander thema.

2. Een kinderthema maken met een plug-in

Deze methode is bijna net zo eenvoudig als het gebruik van een online generator voor onderliggende thema's. Er zijn talloze plug-ins voor het genereren van kinderthema's, maar we raden u aan een van de meer populaire opties te gebruiken:Kindthema-configurator.

Installeer en activeer om te beginnen de plug-in vanuit de WordPress-repository. Beweeg de muisaanwijzer over. in het linkerdeelvenster Hulpmiddelenen klik vervolgens op Kinderthema's.

Om je child-thema te maken, vink je. aan MAAK een nieuw kinderthema, scrol vervolgens omlaag en selecteer het bovenliggende thema. Klik Analyseren en wacht op de resultaten. Als al je themabestanden op orde zijn, zie je dan extra opties op het scherm. U kunt de meeste hiervan negeren of waar nodig wijzigingen aanbrengen.

Om uw child-thema tot leven te brengen, klikt u op de Nieuw kindthema maken knop onderaan het scherm, en dat is alles.

Navigeer naar Uiterlijk > Thema's, en uw nieuwe child-thema is zichtbaar en klaar voor activering.

Het gebruik van een child-themagenerator of een plug-in voor een child-themagenerator zijn beide geweldige oplossingen die eenvoudig te implementeren zijn en geen geavanceerde technische vaardigheden vereisen. Als je echter onder de motorkap wilt kruipen en een actievere rol wilt spelen bij het maken van je nieuwe child-thema, is de volgende methode iets voor jou.

3. Handmatig een child-thema maken

Het handmatig maken van een child-thema is veel boeiender dan een van de vorige twee methoden, maar het is nog steeds relatief eenvoudig te bereiken.

Je hebt drie basiscomponenten nodig: een themabestand voor je child-thema, a style.css stylesheet, en een functies.php het dossier.

1. Een themabestand maken

Dit kan in cPanel of via FTP. We raden aan om cPanel te gebruiken als je hostingservice dit aanbiedt. Inloggen cPanel > Bestandsbeheer > Bestanden > Public_html > wp-content > thema's.

Klik op de +map knop in het hoofdmenu om een ​​nieuwe map te maken. U moet dit een naam geven achter de naam van het bovenliggende thema en aan het einde "-child" toevoegen. Als u bijvoorbeeld het Twenty Twenty-One-thema gebruikt, ziet dit er als volgt uit: "twentytwentyone-child".

2. Maak een Style.css-bestand

Style.css is de standaard WordPress-naamgevingsconventie voor CSS-stylesheets. Dit is waar alle CSS voor uw child-thema naartoe gaat, maar u kunt wachten met het maken van de CSS totdat u uw child-thema volledig heeft ingesteld.

om een ​​te maken style.css bestand, klik gewoon op de +Bestand optie in het hoofdmenu. De stylesheet moet in de nieuwe themamap komen die u zojuist hebt gemaakt. Plak in het nieuwe bestand de volgende opmerking:

/*
Themanaam: Twenty Twenty One Child
Thema-URI: http://example.com/twenty-twenty-one-child/
Beschrijving: Twenty Twenty One Child-thema
Auteur: Jane Doe
Auteur-URI: http://example.com
Sjabloon: Twentytwentyone
Versie: 1.0.0
Licentie: GNU General Public License v2 of hoger
Licentie-URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: licht, donker, twee kolommen, rechterzijbalk, responsieve lay-out, klaar voor toegankelijkheid
Tekstdomein: Twentytwentyonechild
*/

Dit is een opmerking en wordt niet uitgevoerd tijdens runtime, maar zonder deze opmerking werkt uw CSS-stylesheetbestand niet. Sla het bestand op als style.css.

3. Een Functions.php-bestand maken

Net zoals je een nieuw bestand hebt toegevoegd en het hebt genoemd style.css, voeg een nieuw bestand toe en noem het functies.php. Plak de onderstaande code in:

php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles');
function enqueue_parent_styles() {
wp_enqueue_style( 'ouder-stijl', get_template_directory_uri().'/style.css' );
}

Dat is het! Je hebt nu alle drie de componenten die nodig zijn om je child-thema te laten werken. Om het af te ronden, gaat u terug naar uw WordPress-backend en activeert u het thema net zoals u zou doen voor elk ander thema.

Aan de slag met onderliggende WordPress-thema's

Onderliggende thema's zijn een handige manier om wijzigingen aan te brengen in uw WordPress-thema zonder dat u zich zorgen hoeft te maken over updates van het bovenliggende thema. In dit artikel hebben we je drie verschillende, gebruiksvriendelijke methoden laten zien om een ​​child-thema te maken. Als je alleen maar een paar aangepaste ontwerpen voor je webpagina's wilt maken, is een effectief alternatief het gebruik van een WordPress-paginabuilder.

Land/regio wijzigen in de Google Play Store

Wilt u uw Google Play Store-land wijzigen? U kunt als volgt het land van de Google Play Store van uw account wijzigen op een Android-telefoon.

Lees volgende

Over de auteur