Child Theme

Hi Kevin,

Pagina’s, plugins en gebruikers betreffen INHOUD.
INHOUD van je site zit netjes en veilig in je database, en valt buiten de scope van een childtheme [CT].

Een CT bevat met name zaken als:

• aanpassingen van CSS ten opzichte van de parent
• aanpassingen aan php-bestanden en html-bestanden
• aanpassingen aan bijv. javascript etc…

== == == WERKT de childtheme…?
Test eerst eens of de CT juist werkt…

1. dashboard >weergave > thema’s
2. controleer of je CT actief is
3. gebruik FTP bijv. filezilla om je site te benaderen
4. gebruik een code-editor bijv. ‘notepad++’ om CSS etc aan te passen
5. open ‘style.css’ van je CT
6. maak [bijvoorbeeld] bij wijze van test TIJDELIJK de volgende toevoeging, ONDERAAN het bestand ‘style.css’

h1,h2,h3{
    color:#99cc66 !important; /*appelgroen*/
    font-weight:200!important; /*wrsch anders dan het nu staat...*/
}

7. sla alle wijzigingen op
8. UPload naar de CHILDmap en OVERSCHRIJF
9. browser: <CTRL-F5> om te verversen
10. controleer of het uiterlijk van de KOPPEN groen en minder vet zijn…
11. JA: je CT werkt correct
12. NEE: je ziet geen veranderingen > je CT werkt nog niet correct
13. Fix dit probleem eerst voor je verder gaat…

== == == Mijn CT werkt wat nu? De $1000-vraag…

De grote vraag is nu OF en zo ja welke zaken / bestanden zijn aangepast voor wat betreft CSS, PHP en HTML…
Mocht je de aanpassingen steeds van aantekeningen hebben voorzien [in de bestanden zelf, dan wordt het relatief eenvoudig… Zo niet, dat wordt het vermoedelijk een ‘zoektocht…;-)’

== == == ik weet wat werd aangepast…
Lees de rest van de stappen door…
Ga dan verder met de onderste set instructies.

== == == ik weet NIET precies wat werd aangepast…
Doelstellingen:

• Alle zaken die in de parent-bestanden zijn aangepast overhevelen naar de map van de CT
• Alle aanpassingen aan ‘style.css’ van de parent, overhevelen naar de ‘style.css’ van de CT

Tips:

• Wees zuinig met het aanbrengen van nieuwe veranderingen in probleemsituaties. Zo blijft het achterhalen van de oorzaken en het ’terugdraaien’ // oplossen, beter overzichtelijk.
• werk langzaam en nauwkeurig
• neem de volgende stap pas als de vorige succesvol is afgerond
• gaat er iets fout? ga een stap / wat stappen terug en loop de zaak na [maak daarbij zo weinig mogelijk wijzigingen; Controleer steeds of je aanpassing werkt; je wilt systematisch zoeken naar een oplossing]

VRAAG GERUST!

== == == methode ‘quick ’n dirty’ — — al is QUICK hier heel relatief…;)
Heb je geen duidelijk beeld welke zaken je gaandeweg hebt aangepast… en heb je geen zin in een uitgebreide speurtocht… 😉

1. FTP: MAAK EERST EEN BACKUP VAN DE BESTAANDE SITUATIE!!!
   Kopieer alle bestanden en mappen naar je PC. [Wil je helemaal veilig zijn, maak dan ook een backup van de database.]Het kan weleens je reddingslijn zijn…;)
2. FTP: hernoem ‘style.css’ van je CT -tijdelijk- naar ‘0styles.css’
3. FTP: KOPIEER ALLE BESTANDEN EN MAPPEN van je PARENTtheme naar de map van je CHILD

dit is een onconventionele ‘oplossing’, maar hij werkt…

4. open ‘0style.css’ in de editor
5. kopieer alleen de KOPTEKST

bijvoorbeeld:

/*
Theme Name:     child light cafe
Description:
Author:         webmaster
Template:       lightcafe

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../lightcafe/style.css");

6. editor: open ‘style.css’ in de CHILDmap [dit is de css van de parent die je zojuist hebt gekopieerd…]
7. plak // vervang de CHILD op de plaats van de koptekst van de voormalige parent
8. deze ‘style.css’ van de CT ziet er nu ongebruikelijk ‘vol’uit voor een CT… voeg daarom geheugensteuntjes toe:

• direct onder @import url("../voorbeeld/style.css");

/*== == == dit is de CSS van het CHILDTHEME !!! Voeg NIEUWE wijzigingen ONDERAAN toe!! == == ==*/

• scroll naar het einde van het bestand en voeg deze reminder nogmaals toe

[zo weet je over enige tijd nog steeds ‘hoe het ook weer zat…’]

• Maak je nu of in de toekomst verdere aanpassingen aan ‘style.css’, plaats deze dan steeds ONDERAAN, dus onder het ONDERSTE geheugensteuntje.
• Zo gaat het CHILDtheme zich netjes gedragen als een meer conventioneel child…
• CONTROLEER: als je alles hierboven correct hebt uitgevoerd, ziet je site er ONGEWIJZIGD uit…
• CONTROLEER: voer nu opnieuw de test uit die bovenaan beschreven staat; NB!! voeg die testcode ONDERAAN ‘style.css’ van je CT toe
• als de wijziging zichtbaar is… >> tijd voor een koffie / drankje naar keuze… 😉

== == == we schieten al aardig op… eindelijk 😉

WERKT de boel??
1. maak nu opnieuw een backup van alle bestanden en mappen van de huidige situatie…!!

In principe ben je nu klaar… Je kan gewoon wachten op de update van je theme. Dat gaat nu zonder probleem / risico.

Wil je helemaal ’tot het gaatje gaan’…?

2. Vervang dan de door jou gewijzigde PARENT mappen en bestanden, door het origineel van de makers en OVERSCHRIJF.

Zo is de parent weer ‘origineel’ en alle aanpassingen staan in de childmap.

3. controleer of de boel nog netjes werkt en ongewijzigd is qua uiterlijk

Zoals je ziet is het ACHTERAF MAKEN van een childtheme een tijdrovende klus…
Ga je in de toekomst gebruikmaken van een ANDER THEMA??
MAAK en activeer DIRECT EEN CHILDTHEME van het nieuwe theme.
Voeg vervolgens aanvullingen en wijzigingen toe in de CT-map, zoals het hoort…

== == == IK WEET WAT WERD AANGEPAST
In dit onwaarschijnlijke geval…:

1. kopieer alleen de bestanden die zijn aangepast [tov. de originele parent] naar de map van je ChildTheme
2. maak een backup van alle bestanden
3. kopieer en vervang een nieuwe set van parent theme bestanden naar de map van de parent en overschrijf…
4. als alles klopt… ziet je site er ongewijzigd uit
5. zijn er verschillen, dan zijn er nog gewijzigde bestanden uit de ‘oude parent’ die je naar de CHILDmap moet kopiëren…

Hi,

Fijn dat ’t allemaal goed werkt.In het CT neem je de volgende zaken op:

• aanpassingen CSS > ‘style.css’ van CT
• aanpassingen PHP-bestanden > kopie van php-bestand in map CT > aanpassen versie in CT

Plugins en widgets worden doorgaans niet gauw aangepast.

Wil je zorgen dat ook de rest van je site veilig is: maak regelmatig een back-up!! Hiervoor zijn tal van plugins beschikbaar.

== == == kortom

gebruik een childtheme, maak back-ups en je site is veilig tegen onverwachte problemen van updates.