Eksempel: style variation

Herunder kan du se, hvordan farvepaletten “Variationen” tilføjes i Childtheme-mappen:

styles/variationen.json

Videoen viser resultatet:

Det er mere kompliceret at tilføje fonte. Her skal du oprette en mappe til fontens filer og tilføje den i theme.json (eller en stilvariation).

Tilføj scripts i functions.php

Ekstra scripts og stylesheets kan – blandt meget andet – tilføjes functions.php. Selv om den er skrevet i PHP, så er den relativt let at redigere – så længe du lader <?php blive stående i den første linje.

Functions.php i mit eksempel installerer to stylesheets:

• Parent theme style.css loades først
• Childtheme style.css loades til sidst

Det sker fordi det er det sidste stylesheet i kaskaden, som bestemmer, hvordan tingene endelig skal se ud. Så childthemets stylesheet for altså forrang – og du kan tilføje ekstra CSS dér, når noget skal ændres.

Hvis du læser, at noget kode skal tilføjes functions.php får du altid brug for et childtheme.

<?php

// kalder funktionen med stylesheets
add_action( 
	'wp_enqueue_scripts', 
	'petj_enqueue_styles' );

// her tilføjes nogle CSS'er
function petj_enqueue_styles() {
	
	// parent theme css
	wp_enqueue_style( 
		'petj-tt5-parent-style',  
		get_parent_theme_file_uri( 'style.css' ) );

	// child theme css
	wp_enqueue_style( 
		'petj_child_enqueue_style', 
		get_stylesheet_uri() );
}

På en lignende måde kan du tilføje JavaScript; men her skal du bruge wp_enqueue_script() i stedet for wp_enqueue_style.