WordPressで子テーマを使う

WordPressで子テーマを使うときの手順のメモ。

必須のファイル

  • style.css
  • functions.php
スタイルシートに記述
/*
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
*/

斜字の部分は書き換えて。

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

 

詳細は、

WordPressCodex日本語版/子テーマ を。

コメントを残す