Welcartの基本テーマWelcart Basicの子テーマの作り方

Welcart Basicからコピーするもの

  • wc_templatesフォルダ
  • functions.php
  • style.css
  • usces_cart.css

functions.php

以下を記載

<?php
function theme_enqueue_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
  wp_enqueue_style('parent-cart', get_template_directory_uri() . '/usces_cart.css', array('parent-style', 'usces_default_css'));
}
add_action('wp_enqueue_scripts', 'theme_enqueue_styles');

style.css

以下を記載
Template:は親テーマのフォルダ名を書くこと

/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: サイトの作者を記述
Template: welcart_basic
Version: 1.0.0
*/

これでこのstyle.cssは親テーマよりも後に読み込まれるので上書きできる

usces_cart.css

今回は上のfunctions.phpで親テーマのusces_cart.cssを読み込んでいるので何も書かなくてOK
functions.phpで読み込まない場合は親テーマの usces_cart.cssの内容をコピーする

基本はこれでOK
後は触りたい箇所が出てきたらその都度親テーマからコピーしてきて書き換え

コメント