Hey Eefke,
Wat is je site URL? Welk thema gebruik je en gebruik je een childthema? Ben je ook zeker dat je je browsercache leegt? Kijk eens in een privévenster ook puur als test.
Hi Jeroen,
Ik werk met Ultimate Member als thema en gebruik een child theme. De site URL is https://relaxed-colden.91-198-171-191.plesk.page/ maar daar zul je niet veel zien omdat ik voornamelijk nog de backend aan het inrichten ben.
Mijn browser cache leeg ik niet steeds, omdat iedere aanpassing die ik doe altijd direct zichtbaar is, behalve die ik in de file editor doe.
Ik heb de CSS regels nu in de Additional CCS in de customizer staan en dan werkt het wel. Dus dit kan ik blijven doen, al vind ik dat wel een stuk minder overzichtelijk.
Dit probleem heb ik al vaker gehad met andere websites en heb nooit kunnen ontdekken waarom het is. De aanpassingen in de file editor worden niet doorgevoerd, maar als ik de aanpassingen in een CSS ‘veld’ in het thema (of dus Additional CCS) zet, dan werkt het wel. Ik snap dat verschil niet en wilde nu wel eens weten waarom dat is.
Weet jij dat toevallig?
Dank je wel alvast!
Ben je zeker dat de childthema styles worden ingeladen nadat je hoofdthema styles worden ingeladen? Gebruik je een officiëel childthema of zelf gemaakt? Kan een kwestie zijn dat ze a) of niet ingeladen worden of b) niet later dan je hoofdthema, en dan overschrijven ze je hoofdthema niet.
Kan je een screenshot tonen van de inhoud van je functions.php van je childthema? Screenshots kan je delen via een site zoals https://snipboard.io/
Hi Jeroen,
Dank je wel voor je hulp!!
Ja ik heb het child theme zelf gemaakt en geen idee of die na het hoofdthema wordt geladen. Hoe kan ik dat checken/aanpassen?
Oké, je vraagt om het functions.php bestand van het Child theme… hier gaat dus al iets mis. Normaal werkt ik met een thema dat al een child theme heeft en nu heb ik het zelf gemaakt a.d.h.v een artikel online. Daar stond niks in over een functions.php, dus die heb ik geen aangemaakt in het child theme.
Stom, want eigelijk weet ik wel dat dat moet.
Dit is een screenshot van het originele bestand van het hoofdthema. https://snipboard.io/m8U2FZ.jpg
Als ik onderstaande code in mn function.php in het child theme zet, is dat dan voldoende? Het child theme heet Bastards Child Theme.
add_action( 'wp_enqueue_scripts', 'bastards_child_theme_enqueue_styles' );
function bastards_child_theme_enqueue_styles() {
wp_enqueue_style(
'bastards-child-theme-style',
get_stylesheet_uri()
);
}
Wederom alvast bedankt!
Ik ken het thema niet, dus het hangt er een beetje van of het style.css bestand van het hoofdthema al ingeladen wordt – die uitleg (in het Engels) staat hier: https://developer.wordpress.org/themes/advanced-topics/child-themes/#loading-style-css
Op het eerste zicht ziet je code er wel goed uit, ik werkte vaak met get_stylesheet_directory_uri en doe er dan nog ./style.css achter, maar jouw get_stylesheet_uri doet dat zelf al. Weer iets bijgeleerd.
Hi Jeroen,
ik heb het geprobeerd, maar jammer genoeg werkt het dus niet. In de function.php van de parent theme staat; ‘get_parent_theme_file_uri’.
dat betekent toch dat het parent theme geladen moet worden?
Dus als ik dan in de functions.php van het child theme de code van hierboven zet, dan zegt dat toch dat de stylesheet van het child theme geladen moet worden?
Dan moeten ze allebei werken toch?
Of kan ik beter jouw oplossing proberen?
En dan zet ik dus get_stylesheet_directory_uri ./style.css erin?
Hopelijk wil je me nog helpen!
Alvast bedankt weer…
Ik zie eigenlijk dat het thema van Ultimate member aan te kopen is, dus ik kan niet meekijken. Eigenlijk moet je even bij hun aankloppen – je betaalt immers voor support…
Haha ja dat klopt en dat heb ik geprobeerd, maar ze zijn niet heel behulpzaam. Zal het nog wel eens proberen.
Dank voor jouw hulp iig!
Succes ermee. Ze zouden toch moeten kunnen helpen hé met zo’n basisvraag ivm hun (child) thema, al is het een voorbeeld childthema aanbieden waarin je gewoon je functions.php kan overnemen in dat van jou 🙂
Ik zie dat er sowieso iets mis gaat met de volgorde van CSS inladen.
ik zie nu 2x de style.css van het child thema. (als je de bron bekijkt van de frontend)
na de eerste keer komt er nog een library van je parent thema, vervolgens nog een keer de style.css van je child thema en dan een paar regels later nog een .css bestand van het um-theme met woocommerce opmaak.
Je kan even proberen een andere prioriteit aan je css te geven. bijv. 99999999 zodat je eigen style.css als laatste komt. Scheelt een hoop keren !important schrijven.
https://developer.wordpress.org/reference/functions/add_action/
@jeroenrotty Ja dat zou je denken idd. Maar blijkbaar is dat niet voor iedereen logisch. Dank voor jouw hulp iig.
@rdd Uh wat? Haha. Hoe zie je dat? Kijk je dan in ‘inspecteren-sources’? Of…?
En hoe kan het dat 1 stylesheet vaker geladen wordt, dat wil ik dan wel aanpassen eigenlijk.
Wat betreft de code die je stuurt; wat moet ik invullen ipv $hook_name?
Sorry ben hier (nog) niet zo goed in…
Dank je wel alvast!
yes, inderdaad bron bekijken.
kan met ctrl+u op windows in Chrome, of via rechtermuisknop > paginabron.
Daarnaast heb je in Chrome ook nog de developertools / inspector (F12), wat ook handig kan zijn om te kijken welke stijlen worden toegekend aan een element en welke er wel zijn maar worden overschreven door een ander.
De prioriteit kan je als extra waarde in de add_action meegeven, daarvoor zou je verder geen andere aanpassingen hoeven doen.
add_action( 'wp_enqueue_scripts', 'bastards_child_theme_enqueue_styles', 99999 );
function bastards_child_theme_enqueue_styles() {
wp_enqueue_style(
'bastards-child-theme-style',
get_stylesheet_uri()
);
}
@rdd @jeroenrotty
Het is gelukt! Met jullie hulp en een voorzet van de thema bouwers, ben ik tot onderstaande code gekomen en het werkt ook nog. Ben helemaal trots.
Dank voor jullie hulp heren!
function enqueue_custom_style() {
// Enqueue the custom style.css file from the child theme directory
wp_enqueue_style( 'bastards-child-theme-style', get_stylesheet_directory_uri() . '/style.css', array(), '1.0' );
}
add_action( 'wp_enqueue_scripts', 'bastards_child_theme_enqueue_styles', 99999 );
function bastards_child_theme_enqueue_styles() {
wp_enqueue_style(
'bastards-child-theme-style',
get_stylesheet_uri()
);
}
