Ondersteuning » Thema en CSS/opmaak » Theme file editor aanpassingen worden niet weergegeven

  • Hi allen,

    Als ik css aanpassingen doe in de theme file editor, worden deze niet weergegeven op de site. Ik heb een regel code toegevoegd en om te testen heb ik ook een regel aangepast, maar beide worden niet weergegeven.

    Omdat ik pas net aan de bouw ben begonnen heb ik nog geen cache instellingen gedaan, dus dat lijkt het niet te zijn.
    Mijn hosting gebruikt plesk, daar heb ik geen cache instellingen kunnen vinden. Wat niet wil zeggen dat die er niet zijn dus…
    Alles is up to date en ik heb ook al geprobeerd de plugins/thema te deactiveren, maar dat werkte ook niet.

    Weet iemand wat de oorzaak kan zijn?
    Alvast bedankt!
    Groetjes, Eefke

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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.

    Thread starter eefkedigibitch

    (@eefkedigibitch)

    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!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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/

    Thread starter eefkedigibitch

    (@eefkedigibitch)

    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!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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.

    Thread starter eefkedigibitch

    (@eefkedigibitch)

    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…

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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…

    Thread starter eefkedigibitch

    (@eefkedigibitch)

    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!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    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/

    Thread starter eefkedigibitch

    (@eefkedigibitch)

    @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()
    	);
    }
    Thread starter eefkedigibitch

    (@eefkedigibitch)

    Dank je wel Richard!

    Thread starter eefkedigibitch

    (@eefkedigibitch)

    @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()
    );
    }

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)