/*
Theme Name: Divi child tema
Author: Frank Roth
Author URI: http://www.frankroth.dk
Template: Divi
Version: 1.0.0
*/
/* =Dit child temas css overskrivninger starter her
-------------------------------------------------------------- */
Alt tekst der står mellem en /* og en */ er en kommentar, og ikke noget kode andre systemer end WordPress bruger til noget.
“Theme name:” er dit selvvalgte navn til dit tema. Her må du gerne være vildere end frankroth2015, og det kunne f.eks. godt hedde frankroth child tema for 2017.
“Description:” er en forklaring til temaet som vises i wp-admin området under Udseende – Temaer, så her kan det betale sig at give en forklaring på hvad dette tema gør eller kan.
“Author:” er dit navn. Benyt gerne dit brugernavn fra WordPress.org, så folk kan finde dig hvis de gerne vil have hjælp 😉
“Author URI:” er en henvisning til hvor folk kan finde dig på nettet. Det er måske ikke super relevant hvis du bare laver dit eget tema, men det er her du kan finde ophavsmanden til andre temaer du bruger.
“Template:” er SUPER VIGTIG, og skal være 100% lig med parent temaets biblioteksnavn. I mit tilfælde er det “Divi” med små bogstaver lige som biblioteksnavnet.
Det er blandt andet her vi fortæller WordPress at vi bygger dette tema oven på et andet, en template 😉
“Version:” ikke vigtig, men for kodenørder er det godt at holde styr på hvor mange gange man har været i gang med at ændre på ens kode 😉
For at give vores nye style.css fil vægt, skal den inkluders via en functions.php fil
Når vi sætter vores nye style.css fil i kø efter parent temaets style fil, vil vores child theme overskrive parent temaets styles.
functions.php filen oprettes på samme måde som style.css, og skal indeholde:
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
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')
);
}
Her beder vi WordPress sætte parent themets style.css i kø før vores child theme style.css.
Alt fra parent temaets style.css kommer altså til at stå før de CSS definitioner vi laver i vores child theme. Det er derfor vi kan overskrive et parent themes CSS.
Min style.css fil kommer med mit child theme navn til at se således ud:
/*
Theme Name: frankroth2017
Description: Divi Child Theme
Author: Frank Roth
Author URI: http://www.frankroth.dk
Template: Divi
Version: 1.0.0
*/
/* =Theme customization starts here
-------------------------------------------------------------- */