WordPressの子テーマを作る方法
結論:子テーマを作成する階層に「あなたのtheme名-child」ファイルを作り、CSS, functions.phpを追加します。
■子テーマのフォルダを作る
まず、FTPに接続し、wp-content/themesの階層に「あなたのテーマファイル名-child」のフォルダを作ります。
このサイトはlightningテーマなので,lightning-child(子テーマ)という名称です。
■子テーマ内にCSS、functions.phpの空ファイルを作る
次に、作成したlightning-child(子テーマ)の中に、新たに、空のCSSファイル、空のfunctions.phpファイルを作成します。
■CSSファイルを開き、記載のコードを編集して貼り付ける。
空のCSSファイルをvs code等のコードエディターで開き、以下をご自分の情報に書き換えて貼り付けます。
/*
Theme URI: https://あなたのドメイン.com
Template:(あなたのWordpressテーマ名)
Description: (なたのWordpressテーマ名)の子テーマです
Author: icchan(あなたの名前)
*/
<当サイトの記載例です>
/*
Theme Name: lightning-child
Theme URI: https://sachimitama.com
Template: lightning
Description: lighntningの子テーマです
Author: icchan
*/
■空の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’)
);
}
?>
■wordpressの管理画面/外観/新しいテーマを追加および、新規追加を押す。
→テーマのアップロード。
→作成した「あなたのwordpressテーマ-child」を選び選択
→マウスカーソルを乗せて有効化する。
以上です。
(注)子テーマの作成は自己責任でバックアップを取ってから行って下さいね!