【WordPress】子テーマの作り方

子テーマの作成手順

  1. 子テーマ用のフォルダ作成
  2. style.cssの作成
  3. function.phpの作成
  4. 上記作成後、対象の場所にアップ
  5. 管理画面で子テーマを有効にする

子テーマのフォルダ作成

 「親テーマ名-child」でフォルダを作成
 *ローカル環境で作成する場合は、/wp-content/themes/配下に作成

style.cssの作成

上記で作成したフォルダ内にstyle.cssの名前でファイルを作成。
作成したら、以下のコードを記述
*親テーマ名は、親テーマのディレクトリ配下のstyle.cssに記載

style.css
/*
Theme Name:子テーマの名前
Template:親テーマ名
*/

function.phpの作成

上記で作成したフォルダ内にfunction.phpの名前でファイルを作成。
作成したら、以下のコードを記述

function.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-content/themes/配下にアップロードする。
*サーバーを契約している場合は、SFTPでアップロードする。

管理画面で子テーマを有効にする

 WordPressの管理画面に入り、「外観」→「テーマ」から追加した子テーマを選び、有効化しましょう。