Koti » WordPressin lapsiteemat (Child theme)

WordPressin lapsiteemat (Child theme)

Lapsiteema WordPressissä on tarkoitettu pääteeman muokkaamiseen omalle sivulle sopivaksi. On suositeltavaa tehdä aina sivusta oma lapsiteema edes pienien muutoksien takia, sillä kun päivität teeman niin muuten muokkaukset häviää tai ei toimi oikein.

Sinulla tulee olla lapsiteemaa luodessa pääsy WordPressisi tiedostohallintaan. Siirry WordPress asennuksessa wp-content/theme hakemistoon.

Luo hakemistoon hakemisto nimellä child-[alkuperäisen_teeman_nimi]. Korvaa hakasulkeet ja sisältä alkuperäisen teeman nimellä. Hakemiston nimi voi olla mikä tahansa, mutta itse mielellään mainitsen siinä alkuperäisen teeman nimen.

Siirry tähän hakemistoon ja luo hakemistoon kaksi tiedostoa:

  • style.css
  • functions.php

Avaa style.css tiedosto ja lisää seuraava rivit sinne muokaten omat tiedot.

/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://example.com/twenty-sixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentysixteen
 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-sixteen-child
*/

Avaa sitten functions.php tiedosto ja lisää seuraava PHP-koodi tiedostoon

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

Siirry sitten graafiseen WordPress hallintaan ja vaihda nyt teemaksi lapsiteemasi Ulkoasut -> Teemat alta.

Nyt sinulla on lapsiteema käytössäsi. Voit kirjoittaa muokattuja tyylejä style.css tiedostoon. functions.php tiedostoon voit lisätä omia funktiota.

Avainsanat:

Kommentoi