Instructies: Child-Theme voor het WordPress maken en gebruiken van

7 Min.
Opzetten kindTheme
Laatst bijgewerkt op

De markt van WordPress -Themes is groot - voor bijna elk project vindt u een geschikteTheme . Maar wat als u wijzigingen wilt aanbrengen in het ontwerp? Je wilt je immers onderscheiden van de massa. Als er nog kleine kleurwijzigingen worden doorgevoerd met een paar regels CSS-code binnen de customizer, is de situatie anders bij complexe wijzigingen. Dit vereist meestal diepgaande wijzigingen in de Themebestanden om de gewenste resultaten te bereiken. Om chaos te voorkomen, moet u altijd een Child-inTheme deze gevallen gebruiken. Wat zo'n kindTheme is en wat de voordelen ervan zijn, leert u in dit artikel.

Wat is een kindTheme?

De officieel Theme handboek legt uit wat een zogenaamd schildTheme is. Volgens dit is het een Themedie individuele aanpassingen aan de ouderTheme mogelijk maakt en de afhandeling ervan vereenvoudigt. De ouderTheme is precies wat je zou verwachten van een normale WordPress -Theme (bijvoorbeeld Avada) weten.

Hoe u met de vele aanbiedingen de juiste WordPress keuze kunt makenTheme voor uw wensen, kunt u in deze blogpost Lees het voor.

Nu het belangrijke verschil: het kindTheme erft het basisontwerp en de functionaliteit van de ouderThemes. Aanpassingen aan het kindTheme overschrijven de functionaliteit van de ouderThemes.

In de praktijk blijft de ouderTheme onaangeroerd, zelfs met complexe aanpassingen. Wijzigingen worden alleen aangebracht in bestanden met dezelfde naam in het kindThemes . Dit resulteert in tal van voordelen die het gebruik van Child-Themes zo aantrekkelijk maken.

Wanneer heeft een kindTheme zin?

KinderenThemes zijn onmisbaar als u uw WordPress -Theme en niet te verliezen - aanpassingen wilt doen. Uiterlijk wanneer u wijzigingen in de Themebestanden heeft aangebracht, komt u zelf de redenen hiervoor te weten en Themes importeert u vervolgens updates van het -bestand. Want als er een Theme update wordt uitgevoerd, worden alle Themebestanden overschreven en gaan de individuele aanpassingen logischerwijs verloren.

KinderenThemes zijn met name geschikt voor code beginners en nieuwkomers. Ze kunnen de functionaliteit van een bestaand Themes systeem gebruiken als basis om hunThemes eigen wensen te implementeren met behulp van een schild. Dit betekent dat er geen noodzaak is om een complete WordPress - van nul af aan - ontwikkeling teTheme ontwikkelen, wat ook een tijdsvoordeel is.

Over het algemeen moet je enige basiskennis hebben op het gebied van veld WordPress en webontwikkeling, zodat een Child-Theme niet alleen een voordeel oplevert, maar je het ook veilig kunt gebruiken.

FREE DEV blogpaars

Voor wie is een Child-Theme niet geschikt?

KinderenThemes zijn meestal meer geschikt voor gebruikers die grote veranderingen aanbrengen aan hun Themes kinderen. Als u zelf weinig ervaring heeft met webdevelopment en uw wijzigingen beperkt blijven tot enkele regels CSS-code, is een Child-Theme niet absoluut noodzakelijk. U kunt deze wijzigingen ook eenvoudig aanbrengen in de customizer vanWordPress .

Ook wijzigingen die met behulp van de opties van de geïnstalleerde WP-Themes kunnen worden aangebracht, mogen niet met behulp van een kindTheme worden doorgevoerd. Dit kunnen eenvoudige kleurwijzigingen zijn, headerafbeeldingen of andere lay-outopties die de ontwikkelaar al heeft voorzien. Een schildTheme zou uw WordPress website meestal alleen maar onnodig vertragen. Ook het overzicht gaat zo snel verloren.

Als uw wijzigingen een bepaald bedrag binnen een kindThemes overschrijden, wilt u misschien een aparte Theme WordPress code aanmaken - de code beveelt het ook aan. Waarom? Als u te veel functies en bestanden wijzigt, kunnen er problemen ontstaan bij het updaten van de ouderThemes .

Waar kan ik dat Themekrijgen?

Gebruikers van vele bestsellers zoals Enfold, Avada en Co mogen blij zijn. Tal Themevan aanbieders bieden kant-en-klare Child-Themes voor hun eigen WordPress sjablonen om te downloaden. Avada bijvoorbeeld is al een geschikt kind...Theme met. Gebruikers van de populaire Themes Divi daarentegen moeten - ondanks de vele verzoeken van gebruikers - nog steeds hun eigen werk doen of een geprefabriceerd kind...Theme van de gemeenschap. 

Dus voordat u zelfstandig gaat werken, moet u altijd eerst bij de aanbieder nagaan of deze al voorzieningen voor u heeft getroffen. De aanbieder kan immers het beste garanderen dat het kindTheme en de bijbehorende WP-sjabloon zonder fouten werken.

KindTheme - creëer zelf

Als uw provider geen Child-Theme voor download aanbiedt, is dat niet zo erg. Het creëren van een Themes web is relatief eenvoudig en vereist slechts enige tijd, basiskennis van de ontwikkeling van het web en de S/FTP-toegang of SSH toegang tot uw website. Het gebruik van een code-editor wordt ook aanbevolen.

Uiteindelijk zorgen drie eenvoudige bestanden ervoor dat u de voordelen van een kindThemes kunt gebruiken. Volg gewoon de instructies hieronder:

Stap 1: Map aanmaken

Als u uw website via FTP heeft benaderd, moet u in de eerste stap naar Themede map (/wp-content/themes/) van uw WordPress installatie navigeren. Hier hoeft u alleen de map van uw kinderinstallatie aan teThemes maken. 

kindmap theme gemaakt
In dit voorbeeld heb ik de map voor de Child-Theme des WordPress -Themes TwentyFifteen gemaakt.

De naam kan vrij gekozen worden, maar het is aan te raden om eenvoudigweg een "-kind" toe te voegen aan de naam van de bovenliggendeThemes map voor een beter overzicht. Als je een kindTheme maakt voor de WordPress -Theme Vijfentwintigde juiste mapnaam zou zijn: vijftien-kind twintig.

Stap 2: Creëer style.css

In de volgende stap is een stylesheet genaamd style.css nodig, die direct in de eerder gemaakte map wordt geplaatst.

De volgende inhoud moet aan dat bestand worden toegevoegd:

/*
Theme Naam: Twenty Fifteen Kind
Theme URI: http://example.com/twenty-fifteen-child/
Beschrijving: Twenty Fifteen Kind Theme
Auteur: John Doe
Auteur URI: http://example.com
Sjabloon: vijfentwintig
versie: 1.0.0
Licentie: GNU General Public License v2 of later
Licentie URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: licht, donker, twee-kolommen, rechts-zijbalk, responsieve-layout, toegankelijkheidsklaar
Tekstdomein: vijftien kinderen
*/

De kop van het stylesheet bevat dus diverse informatie over de Child-Theme. Met uitzondering van twee regels is deze informatie niet verplicht.

Theme-Naam en sjabloon moeten worden ingevuld om er zeker van te zijn dat het kindTheme werkt. Sjabloon zorgt ervoor dat WordPress de verbinding tussen het kind en de ouderTheme kan worden herkend. De opgeslagen informatie (in het voorbeeld: vijfentwintig) in het kindTheme moet dus Themes overeenkomen met de informatie in het stylesheet van de ouder.

Stap 3: Functies.php aanmaken

In de derde stap moet u de functies.php van uw kindThemes aanmaken. De inhoud van dat bestand zorgt ervoor dat het bovenliggendeThemes stylesheet wordt geladen.

Kopieer de volgende inhoud naar het PHP-bestand met de naam functions.php:

get('Version')
      );
    }

Als u het kindThemes gebruikt voor aanpassing, zult u later ook functie-extensies aan dit bestand toevoegen.

Stap 4: Screenshot voor uw kind...Theme

De vierde stap is niet verplicht. Als u een screenshot van het kindTheme in het Themeoverzicht van uw WordPress installatie wilt laten weergeven, kunt u geschikte afbeeldingen toevoegen.

voltooide map
Zo moet de afgewerkte map van het kindThemes , samen met de schermafbeelding, er aan het einde uitzien.

WordPress gebruikt automatisch een bestand met de naam screenshot.png, dat zich in de hoofdmap van het kindThemes bevindt. Je kunt hier je creativiteit de vrije loop laten, de WordPress -Codex beveelt een afmeting aan van 1200px in de breedte en 900px in de hoogte.

Stap 5: Activeer KTheme ind

Dat is het. Het schildTheme moet gewoon geactiveerd worden. Dit gebeurt op dezelfde manier als dat je de ouderTheme al hebt geactiveerd. Ga gewoon naar het Theme-overzicht van uw WordPress -installatie en selecteer het nu verschijnende kindTheme .

Het is mogelijk dat na activering bepaalde instellingen die u eerder op de ouderTheme hebt gemaakt, verdwijnen of niet meer worden ingesteld zoals voorheen. Dit is normaal. In het beste geval, installeer en activeer het kindThemevoordat u wijzigingen aanbrengt in het uweTheme . 

Alternatief: Creëer Child-Theme metPlugin

screenshot plugin
WordPress -Plugins zoals dit maken de creatie van een kindThemes - hoewel handiger, zijn niet absoluut noodzakelijk.

Het is ook mogelijk om de bijpassende Child-Theme over een WordPress -Plugin te maken. Een van de meest populaire Plugins in dit geval is de Theme Kindconfigurator. Dit biedt niet alleen het creëren van een schildThemes, maar ook verdere configuratiemogelijkheden.

Aangezien het Themes zeer eenvoudig is om er een te maken, is het zeker Plugin niet nodig, zelfs niet voor minder ervaren gebruikers. Met betrekking tot de prestaties van uw WordPress -website raad ik u zelfs aan om geen te veel, niet nodig Plugins uit.

Werken met het kindTheme

Het is heel gemakkelijk om met het zelfgecreëerde kindTheme te werken. Als je het WordPress eenmaal hebt geactiveerd, het ontwerp van de ouderThemes. Dit is logisch, want dit is precies hoe de Child-Themes:

Elk bestand dat u binnen uw kindThemes aanmaakt, zal het bestand met dezelfde naam in uw ouderThemeoverschrijven. Alleen de functies.php en het stylesheet zijn een uitzondering. Niet alleen de naam, maar ook de mappenstructuur moet precies hetzelfde zijn.

Als u bijvoorbeeld de voettekst van de ouder wiltThemes wijzigen (footer.php), voegt u een kopie van dat bestand direct toe aan de map van het kindThemes . Dit bestand zal het bestand met dezelfde naam overschrijven in de moedertaalTheme. Eventuele wijzigingen die u hier aanbrengt, zijn zichtbaar op uw website.

Speciaal geval: De functies.php overschrijft niet, maar wordt vóór het bestand met dezelfde naam van de ouderThemes geladen. Als u enkelvoudige PHP-functies van de ouderThemes wilt overschrijven, kunt u dit doen binnen de functies.php van het kindThemes . Deze optie is alleen voor ervaren gebruikers. U kunt wat hulp in dit verband vinden in de uitgebreide instructies.

Conclusie: Praktisch, onmisbaar!

Het creëren van een schildTheme is relatief eenvoudig. Zelfs het gebruik van een dergelijk Themes schild blijkt niet erg moeilijk te zijn in het dagelijks leven. Dit is precies de reden waarom een Child- wordt aanbevolenTheme voor alle WordPress gebruikers die wijzigingen willen aanbrengen aan hun Theme "ordelijke". De voordelen wegen duidelijk op tegen de nadelen.

Er zijn bijna geen nadelen. Hoewel een mogelijke Prestatienadeel geleid door Child-Themes maar dit is - als dat al het geval is - slechts minimaal. KindThemes blijft relatief slank, omdat ze meestal alleen de code van de wijzigingen bevatten.

Echter, bij gebruik van Child-Themes moet je altijd precies weten wat je doet. Ook hier kunt u uw WordPress website snel onbruikbaar maken en alleen nog maar fouten uitspugen. A WordPress backup is onontbeerlijk voor dergelijke aanpassingen - in geval van twijfel moet u altijd een professional met de juiste expertise raadplegen.

Beeld: Anthony Robert | Unsplash

2010 Pascal kwam in contact met WordPress . Wat begon met een eenvoudige hobbyblog, maakte hij al snel tot zijn beroep. Wanneer WordPress en SEO freelancer werkte hij op websites van talrijke klanten. Vandaag de dag is hij werkzaam in een online marketingbureau en runt hij een blog over WordPress .

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een commentaar

Uw e-mail adres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met * gemarkeerd.