Support » Algemeen WordPress » Child Theme

  • Opgelost Kevin1986

    (@kevin1986)


    Hoi,

    Redelijk nieuw bij WordPress dus heb enkele vragen.
    We hebben een website opgezet (www.jconi.be) Het “probleem” is dat hier een aantal zaken zijn aangepast zoals pagina’s toegevoegd, plug-ins, gebruikers,.. nu alle wijzigingen zijn tot op heden gebeurd binnen het parent theme (Nirvana).
    Nu las ik dat het aangeraden is om een child theme aan te maken om bij updates van de parent geen gegevens kwijt te spelen van opmaak,…

    Ik heb hiervoor post http://codex.wordpress.org/Child_Themes gevolgd. Ik heb een nieuwe map + style.css aangemaakt. Nu vraag ik mij af aangezien in de parent map van Nirvana enorm veel bestanden staan welke ik wel of niet dien te kopiëren naar de child map om ervoor te zorgen dat 1 de website identiek er blijft uitzien en 2 ik bij updates van het parent theme niets kwijt ben.

    Mvg
    Kevin

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • 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’
    7. h1,h2,h3{
          color:#99cc66 !important; /*appelgroen*/
          font-weight:200!important; /*wrsch anders dan het nu staat...*/
      }
    8. sla alle wijzigingen op
    9. UPload naar de CHILDmap en OVERSCHRIJF
    10. browser: <CTRL-F5> om te verversen
    11. controleer of het uiterlijk van de KOPPEN groen en minder vet zijn…
    12. JA: je CT werkt correct
    13. NEE: je ziet geen veranderingen > je CT werkt nog niet correct
    14. 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
    4. dit is een onconventionele ‘oplossing’, maar hij werkt…

    5. open ‘0style.css’ in de editor
    6. kopieer alleen de KOPTEKST
    7. 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");
    8. editor: open ‘style.css’ in de CHILDmap [dit is de css van de parent die je zojuist hebt gekopieerd…]
    9. plak // vervang de CHILD op de plaats van de koptekst van de voormalige parent
    10. 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…!!
    2. 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’…?

    3. Vervang dan de door jou gewijzigde PARENT mappen en bestanden, door het origineel van de makers en OVERSCHRIJF.
    4. Zo is de parent weer ‘origineel’ en alle aanpassingen staan in de childmap.

    5. 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…
    Thread starter Kevin1986

    (@kevin1986)

    Bedankt voor de info! Ik heb nu alles aangepast en alles werkt netjes met het CT.

    Een bijkomende vraag: Wat als ik nu begin met dingen aan te passen op mijn website vb. plugins installeren en deze configureren, berichten & gebruikers aanmaken,… alles wat je doet voor onderhoud of updates. Moet ik rekening houden dat ik bepaalde dingen nu in CT ga doen? Ik wil 100% zeker dat bij een aanpassing ik natuurlijk niets kwijt ga zijn 🙂

    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.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Child Theme’ is gesloten voor nieuwe reacties.