Hallo forumleden,


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.


Ik heb een 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 blijkt 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 en 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 );


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!

Als het echt alleen om CSS gaat, is een child theme onnodig. Installeer dan gewoon een "Custom CSS" plugin.

EDIT: een child theme hoeft helemaal geen functions.php bestand te hebben, alleen een CSS bestand waarin je bovenin naar het oorspronkelijke theme verwijst:

Code:

/*
Theme Name: Naam van je child theme 
Theme URI: http://jouwwebsite.nl/ 
Description: Beschrijving hier je thema 
Author: Jouw naam 
Author URI: http://jouwwebsite.nl/ 
Template: Naam van het oorspronkelijke thema (belangrijk, vul echt de juiste naam in!) 
Version: Bedenk maar een versienummer
*/

 @import url("../hoofdthema/style.css"); 

/* Hieronder kun je jouw eigen CSS zetten */

Dank voor je snelle

reactie!

just to be sure, blijven de instellingen dan wel staan als het thema een updaten krijgt en hoef ik mij dan geen zorgen te maken dat ik de css aanpassingen later opnieuw moet invoeren.

Als je een child theme of een custom CSS plugin gebruikt, blijft jouw eigen CSS gehandhaafd bij een update van het theme. Het is wel zo, dat als er bij die update zaken aan de HTML en/of de CSS worden veranderd, dat het effect van jouw eigen CSS teniet kan worden gedaan of veranderd is.

Stel dat jij een eigen CSS regeltje hebt toegevoegd voor een element dat de CSS-class 'headline' had, en die CSS-class heet na de update opeens 'headline-new' dan werkt jouw CSS niet meer. Daarom is het handig om altijd comments bij jouw eigen CSS regels te zetten over het hoe/waarom, dan kun je het sneller uitzoeken en corrigeren. Het is overigens vrij ongebruikelijk dat een thema-auteur dergelijke dingen verandert bij een update.

Eigen CSS kan toch zonder een plugin of child theme?
Weergave - Customizer -> Extra CSS

De CSS blijft ook na een update werken.

ECHTER jouw code is volgens mij geen css. Wil je de gerelateerde poducten verbergen?

Dan zou je ipv jouw code die je wel in een child theme moet gebruiken (bestand functions.php) de volgende css kunnen toevoegen:

.related.products {
visibility:hidden;
}

bedankt voor je reactie iceblock!

Origineel gepost door L. Toren

just to be sure, blijven de instellingen dan wel staan als het thema een updaten krijgt en hoef ik mij dan geen zorgen te maken dat ik de css aanpassingen later opnieuw moet invoeren.

Ja, maak je geen zorgen!

remove_action( ‘woocommerce_after_single_product_summary’, ‘woocommerce_output_related_products’, 20 ); is geen CSS code, dat is PHP code. PHP code hoort in de functions.php van je child theme thuis.

CSS code kun je inderdaad ook toevoegen via de customizer, en dat is inderdaad update proof. Maar just to be really sure kopieer ik die code ook altijd even naar een bestandje dat ik custom.css noem en in de map van de betreffende website op mijn computer bewaar.