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」を選び選択

→マウスカーソルを乗せて有効化する。

以上です。

(注)子テーマの作成は自己責任でバックアップを取ってから行って下さいね!

周囲と調和する

自然界に存在するあらゆる存在はお互いに作用し合っています。そこで、当サイトは相互扶助の世の中であって欲しいと願い、ポジティブな情報を発信しています。

from  いっちゃん

--------------------------- 

■ さちみたま.com