.page-title.entry-title{
visibility:hidden;
}
Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.
Voeg bovenstaande code toe aan style.css
van je CHILDtheme.
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.
Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.
Heb je nog geen childtheme?
- installeer en activeer ‘one click childtheme’-plug-in
- activeer de originele theme
- Dashboard > weergave > child theme
- beantwoordt de vragen op het scherm
>> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
- Activeer het childtheme.
==
- om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
– Maak je aanpassingen in style.css van het childtheme;
– mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.
== == == extra:
Hoe vind je welke code 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.
bijv.
re-klik > element inspecteren > klik pijl icoon, uiterst links in de menubalk
klik item in de webpagina dat je wilt onderzoeken / veranderen
Bekijk de css in het rechter deel van het scherm
Verander de css waarden of voeg toe en bekijk direct het resultaat
OK?
Kopieer de veranderde CSS-regels
Plak ze in de style.css van je childtheme
Alternatief:
Druk <F12>. Er verschijnt een sectie onderaan je scherm
Beweeg de muis over de regels code
Bovenin zie je over welk deel van je site het gaat
Druk + om delen ‘open te vouwen’ voor meer details
Bekijk de css in het rechter deel van het scherm
Verander de css waarden of voeg toe en bekijk direct het resultaat
OK?
Kopieer de veranderde CSS-regels
Plak ze in de style.css van je childtheme
Thread starter
yeldi
(@yeldi)
Oei ik had het geprobeerd maar er is dus iets goed fout gegaan, ik had dus de customize.php aangepast, maar staat de website dus op wit.
Dus ergens onderweg heb ik iets goed fout gedaan, hoe kan ik dit terug draaien ?
Ik had een kopie geplaatst in kladblok voordat ik de veranderingen doorvoerde, deze ook weer terug gezet maar de website blijft wit.
Ik kan wel via ftp er nog in komen maar waar moet ik zoeken om dus die customize.php weer terug te zetten naar de oude settings?
Thread starter
yeldi
(@yeldi)
de aanpassing is terug gedraaid en goed gekomen, ik ga straks even op mijn gemak de 2e optie lezen zoals hierboven uit gelegd.
NB! Niet customize.php !!!zelf aanpassen.
Controleer of je theme een custom CSS-veld heeft.
In dit geval:
dashboard > weergave > customize > miscellanious > custom CSS
Plak de code in de lege regel en sla op
controleer het resultaat
Thread starter
yeldi
(@yeldi)
@w.P. Ginfo, mijn dank is groot.
Ja ik heb toestraks goed zitten snurken, en dan ben ik nog geen eens blond, maar het klopt mijn thema heeft inderdaad een custom CSS en het werkt, merci beaucoup.
Nu nog zien uit te vogelen of ik het andere style probleempje krijg opgelost met mijn menu, maar die vraag heb ik apart uitgezet.
Weer wat geleerd, onthoudt hij het ook bij een update van wordpress zelf nu ?
Fijn dat het werkt.
Dat zou wel moeten…