Support Volgende » CSS / opmaak vragen Volgende » CSS – Functions.php – Child Theme

  • Opgelost luctoren123

    (@luctoren123)



    Goedemorgen,

    Ik heb een vraag over CSS instellingen voor mijn WordPress website met het theme Shopisle.

    Een css code die ik die heb toegevoegd in Themafuncties (functions.php) is:
    remove_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_output_related_products’, 20 );

    Na online onderzoek bleek dat wordt aangeraden om CSS instellingen via een Child Theme in te stellen zodat deze behouden blijven nadat het thema bijvoorbeeld een update krijgt.

    Om een child theme te maken heb ik de ‘’Child Theme Cofigurator plugin’’ geïnstalleerd.

    Nu zie ik deze melding:
    The functions.php file is generated separately and cannot be copied here.

    Als ik klik op de functions.php link die wordt getoond zie ik de CSS code die ik eerder had toegevoegd in het parent theme hier niet tussen staan.

    De code werkt wel nog steeds, maar ik zie alleen dit:

    <?php
    // Exit if accessed directly
    if ( !defined( ‘ABSPATH’ ) ) exit;

    // BEGIN ENQUEUE PARENT ACTION
    // AUTO GENERATED – Do not modify or remove comment markers above or below:

    // END ENQUEUE PARENT ACTION

    Hieronder staat de code die wordt getoond onder functions.php VOORDAT de ‘’Child Theme Cofigurator plugin’’ geïnstalleerd was:

    <?php
    /**
    * Main functions file
    *
    * @package WordPress
    * @subpackage Shop Isle
    */

    /**
    * Initialize all the things.
    */
    require get_template_directory() . ‘/inc/init.php’;

    /**
    * Note: Do not add any custom code here. Please use a child theme so that your customizations aren’t lost during updates.
    * http://codex.wordpress.org/Child_Themes
    */

    remove_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_output_related_products’, 20 );

    Graag zou ik advies willen over wat nu de beste werkwijze is om ervoor te zorgen dat de CSS instellingen behouden blijven nadat het parent theme bijvoorbeeld een update krijgt.

    Moet ik bijvoorbeeld eerst de CSS code verwijderen voordat ik het child theme aanmaak en de code vervolgens achteraf toevoegen in:
    <?php
    // Exit if accessed directly
    if ( !defined( ‘ABSPATH’ ) ) exit;

    // BEGIN ENQUEUE PARENT ACTION
    // AUTO GENERATED – Do not modify or remove comment markers above or below:

    // END ENQUEUE PARENT ACTION

    Of kan ik de code gewoon laten staan in het parent theme en is alles in orde als ik het child theme heb aangemaakt?

    Alvast bedankt voor de reacties!

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

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

    (@jeroenrotty)

    Support moderator

    Je haalt verschillende zaken door elkaar, want de code die je hebt is PHP code, geen CSS.

    Als je dus zaken wilt behouden na een parent-update, maak dan gewoon een lege functions.php in je child map en zet daar minstens eerst dit:

    <?php
    function my_theme_enqueue_styles() {
    
        $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.
    
        wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '/style.css',
            array( $parent_style ),
            wp_get_theme()->get('Version')
        );
    }
    add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
    ?>

    Daaronder, net voor de ?> kan je jouw stukje PHP plaatsen. Die blijft netjes bewaard. Het is nooit nodig om volledige bestanden vanuit het parent te gaan kopiëren, maar enkel de zaken die je wilt wijzigen.

    Hopelijk is dit duidelijk.

    Jeroen

    Hartelijk dank jeroen voor je reactie!

    Het is allemaal nog vrij nieuw voor mij maar langzaam maar zeker begin ik het steeds beter te snappen. Inmiddels is het allemaal gelukt!

    Ik heb zojuist ook een ander topic aangemaakt met een hele andere vraag.
    Zou jij daar eens naar kunnen kijken misschien kun je mij daar ook bij helpen?

    Gr, Luc

    En hierbij ook gemarkeerd als opgelost 🙂

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