• Hallo, Ik heb een childtheme gemaakt van mijn site in dat file of map zoals je het wil noemen staat alleen maar “/*
    Theme Name: Twenty Thirteen Child
    Theme URI: http://example.com/twenty-thirteen-child/
    Description: Twenty Thirteen Child Theme
    Author: John Doe
    Author URI: http://example.com
    Template: twentythirteen
    Version: 1.0.0
    */

    /* =Imports styles from the parent theme
    ————————————————————– */
    @import url(‘../twentythirteen/style.css’);
    zoals dit vb,is dat genoeg moet daar verder voorlopig niets in staan.?
    dus in mijn website heb ik dan het childtheme geactiveerd ipv het parenttheme twentythirteen dat is ok of moet het parenttheme geactiveerd zijn ? Mag ik ook meerdere files uit de parentmap styl.css uploaden naar de style.css van het childtheme ?
    Voor hij die me wil helpen reeds hartelijke dank en groetjes van

    een leek in WP ,

    Frank

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Hi Frank,

    Hij gaat goed zo!

    Er zit echter een typefoutje in:

    >>` @import url(‘../twentythirteen/style.css’);
    moet zijn: [dubbele aanhalingstekens “]
    @import url(“../twentythirteen/style.css”);`

    == == == EXTRA info
    Dat is idd genoeg om een childtheme te starten en te gebruiken.
    Hieronder wat achtergrond-info.

    NB!
    Als je theme een ingebakken optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin. Waarom: de veranderingen in dit css-custom-veld krijgen meetal ‘voorrang’ boven een childtheme.
    Je hebt dan toch ook een childtheme nodig, mn. om wijzigingen aan header.php etc. te maken. Advies: Sla de css uit zo’n custom-veld OOK op in je style.css van je childtheme. Want: Dergelijke instellingen blijven niet altijd bewaard bij updates.
    Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.
    == == ==
    Zo werkt een [CT] childtheme…
    == == ==
    Een CT dient er voor om het origineel te scheiden van de aanpassingen die jij als webbouwer maakt.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.
    == == ==
    Wat gebeurt er met de CSS [cascading opmaak / stijlblad] een childtheme…

    In een childtheme [en CSS] geldt dat de code die als laatste wordt uitgevoerd, het uiterlijk / acties van de site bepaalt.
    bijvoorbeeld:

    body{ background-color: #ffffff; /*wit*/
           background-color: #000000; /*zwart*/
    }

    Resultaat: ‘zwart’.
    Dat geldt ook als de opmaakkenmerken 100 regels verderop in het stijlbestand staan!

    ** ** **
    Heb je een CT, dan zal EERST het origineel [parent] doorlopen / getoond worden, DAARNA de opdrachten opgenomen in het CHILDtheme. >>Dat gaat RAZENDSNEL: de site ziet er uit als bedoeld in het childtheme.

    Belangrijk om te weten…
    De site bestaat uit meer dan een bestand als style.css.
    Wil je andere zaken aanpassen, bijv de header of footer, dan moet je mogelijk de bestanden header.php en footer.php aanpassen.
    Hoe werkt dat…

    LAAT de PARENT INTACT!
    Kopieer het aan te passen bestand naar de map van het childtheme.
    Maak dan de wijzigingen in het betreffende bestand in het childtheme.

    == == ==

    als ik nu iets wil toevoegen aan style.css dan zet ik dat in het childtheme ,maar als ik nu iets wil verwijderen of veranderen?

    Om succesvol te werken aan een website is het belangrijk dat je de basisbeginselen onder de knie krijgt van HTML en CSS. Je hoeft geen expert te worden, maar met wat basiskennis gaat het een stuk makkelijker 😉

    De stylesheet van het CT heeft in de basis alleen een ‘kop’ die de koppeling maakt met de parent [het originele theme].
    Zolang er niks in staat, gebeurt er niks.

    Vervolgens plaats je de gevraagde wijzigingen.
    Hieronder wat voorbeelden.

    Parent:

    body {
         font-size: 62.5%; /*grootte van de tekst*/
         background: #fff; /*achtergrondkleur*/
         background-image:url('achtergrond.gif');
            font-family: sans-serif; /*lettertype*/
         line-height: 22px; /*regelafstand*/
         color: #444; /*tekstkleur*/
    }

    CHILD
    Vervolgens hoef je alleen DIE zaken aan te passen of toe te voegen die jij wilt.

    body {
         font-size: 45.5%; /*grootte van de tekst kleiner*/
         background: #0000FF; /*achtergrondkleur veranderd*/
         background-image:none; /*achtergrond-afbeelding verwijderd*/
            font-family: universe; /*ander lettertype*/
         line-height: 12px; /*regelafstand kleiner*/
         color: #99cc66; /*tekstkleur appeltjes groen*/
            margin-left:25px; /*marge-links toegevoegd*/
    }

    Wil je zaken VERWIJDEREN zoals menu-balken, elementen in de lay-out, dan kijk je waar je dat het handigst doet:

    • mbv CSS
    • door het PHP-bestand aan te passen

    Je vertelt niet wat je NIET wilt met een element, maar wat je dan wel wilt

    background-image:none; /*achtergrond-afbeelding verwijderd*/

    == == ==
    Hoe weet je wat je moet aanpassen…

    Het zoeken naar welke css / php / HTML je moet aanpassen is een beetje een puzzel.
    Gelukkig zijn daar goede gereedschappen voor.

    In je browser: Installeer en activeer ‘webontwikkelaar’ add-ons en -plug-ins.
    Aanbevolen: ‘firebug’ en ‘webdeveloper: http://www.chrispederick.com
    Deze gereedschappen laten je ‘onder de motorkap’ van je site kijken.

    == == ==

    Gebruik van firebug – enkele eerste stappen

    In browser:

    1. re-klik > element inspecteren met firebug
    2. Het firebug scherm opent:

    * boven de webpagina
    * firebug-werkbalken
    * li-onder: scherm met HTML/ CSS en bijv. DOM
    * re-onder: stijl= css

    3. In de FB-werkbalk: klik het tweede icoon van links [pijltje in vakje];
    4. Beweeg je muis over de webpagina [en klik]. Hiermee selecteer je een element in de webpagina, om daarmee de code zichtbaar te maken in het FB-scherm
    5. In het FB-scherm:

    * Links: de HTML-code van het gekozen element
    * rechts: de stijl =CSS
    * klik in de css en verander de waarde; kleur grootte of voeg een regel toe
    * controleer in het deel van de webpagina of het gewenste effect wordt bereikt
    * Nee? Druk <F5> verversen browser. Probeer iets anders
    * Ja: neem de aanpassing op in de ‘style.css’ van je childtheme

    6. Er is veel info over het gebruik van firebug.
    begin eens hier: https://getfirebug.com/faq/

    == == == leesvoer
    http://www.w3schools.com/css/default.asp
    http://codex.wordpress.org/Getting_Started_with_WordPress
    http://codex.wordpress.org/CSS
    http://codex.wordpress.org/Finding_Your_CSS_Styles
    http://codex.wordpress.org/FAQ_Troubleshooting
    http://codex.wordpress.org/Backing_Up_Your_Database

    Natuurlijk zijn er ook trainingen op het internet te vinden

    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    KOM JE ER NIET UIT?
    >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    Kom je er niet uit?
    Natuurlijk is er altijd nog dit forum!

      Geef zoveel mogelijk info!

    1. Te beginnen de url van je site en het [parent]theme dat je gebruikt.
    2. wat je WILT BEREIKEN
    3. wat je NIET wilt
    4. wat je totnutoe hebt geprobeerd
    Thread starter AngelDust1960

    (@angeldust1960)

    Beste Gino,

    Het is voor mij allemmaal wel wat algebra , maar ik zoek en zoek en gelukkig zijn er mensen zoals U die de beginnertjes gelukkig een duwtje in de rug willen geven mijn dank daarvoor .

    Ik zal trachten weer wat verder te geraken , nogmaals dank

    groetjes

    Frank

    Graag gedaan. Veel plezier op je zoektochten.

    Thread starter AngelDust1960

    (@angeldust1960)

    Beste Gino,

    Ik heb childtheme aangepast – zo is het ok he ?

    /*
    Theme Name: Twenty Eleven Child
    Theme URI: http://example.com/
    Description: Child theme for the Twenty Eleven theme
    Author: Passemier Frank
    Author URI: http://example.com/about/
    Template: twentyeleven
    Version: 0.1.0
    */
    @import url(“../twentyeleven/style.css”);

    Als je zo iets achteraf aanpast heeft dat dan
    geen gevolgen op je site ?
    ******************************************************
    nog een vraagske , ik had een update gekregen voor een plugin nu had ik de update gedaan via mijn dashboard en toen kreeg ik dat het old plugin eerst moest verwijderd worden , dus ik naar ftp kant (server) maar nu kan ik de oude plugin niet verwijderen die blijft staan in mijn – content – plugins – en dan de naam plugin , dus kan ik ook geen nieuwe upload doen ! !
    Wat moet nu doen of wat kan ik doen om juist een plugin te verwijderen en hoe krijg ik de oude plugin nog weg ? ?

    sorry voor de last hoor ! !

    met vriendelijke groetjes

    Frank

    1. dashboard > plugins > geinstalleerde plugins >
    2. kies de plugin uit de lijst > de-activeren >
    3. verwijderen
    4. installeer de nieuwe plugin / update
    5. zo nodig: actveer de nieuwe plugin
    Thread starter AngelDust1960

    (@angeldust1960)

    Wel Gino, daar zit het probleem ik kan via mn ftp de plugin niet verwijderen , via het dashboard en plugins lukt dat wel maar als ik dan de nieuwe wil updaten krijg ik een melding dat de oude versie nog in mijn – Content – Plugins – staat en eerst moet verwijderd worden maar daar krijg ik hem niet weg begrijp je .
    Mvg

    Frank

    kan je ‘m hernoemen, bijv. door een 0 voor de naan te zetten?

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