Child Tema – Custom CSS

Er der noget, der ikke helt er, som det skal være, i dit wordpress tema? Det er nemt at lave om på dit tema i wordpress. Problemet har før været at de ændringer man laver bliver overskrevet hvis temaet opdateres. Det kan nu løses ved nemt, at lave et child theme, der basere sig på et bestemt tema - Lyder det svært? Det er det slet ikke.

Det kræver minimum af programmerings kendskab, dog skal man kunne CSS for at lave selve ændringerne.

Der skal kun oprettes 2 filer og en mappe.

Mappen skal hedde “navnet på tema”-child og ligge i theme mappen i din wordpress installation – eksempelvis twentyfifteen-child.
Filerne der skal oprettes er: style.css og functions.php

Filen style.css er filen der indeholder dine CSS ændringer så de ikke bliver overskrevet ved en opdatering.

style.css skal der ud over indeholde følgende kode:

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

Navnet Twentty Fifteen skal erstattes med det tema du laver en child på.
Så Twenty Fifteen skal erstattes alle steder i koden her over.

function.php har ligeledes en kode som den skal indeholde, for at fortælle wordpress at der er lavet et child tema og at dette skal bruges:

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')
    );
}

Koden sikre at child temaets css fil bliver loades efter det originale temas css og derfor ikke bliver overskrevet.

Der kan læses mere her :  Child Themes « WordPress Codex

Skriv en kommentar

Din email adresse vil ikke blive vist offentligt.


*