WordPress 子テーマの作成・使用方法

子テーマの作成

  1. /themesディレクトリに子テーマのディレクトリを作る
    例 : /themes/twentyseventeen_child
  2. style.cssの作成
    Template : 親テンプレート名
    Theme Name : 作成する子テーマの名前

    /*
    Template:twentyseventeen
    Theme Name:Twenty Seventeen Child
    */
    
  3. functions.phpの作成
    <?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'), filemtime( get_theme_file_path('style.css')));
    }
    ?>
     
    

子テーマの使用

  • スタイルの変更はstyle.cssに記述するより「カスタマイズ」メニューの「追加 CSS」で変更するほうが簡単。
  • functions.phpには必要な関数のみを追加記述する。
  • style.css、functions.php以外の変更したいファイルは親テーマからコピーして必要な個所を書き換える。

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください