【ワードプレス】子テーマがつくれない～子テーマの作り方
2017/7/14 現時点で最新の作り方。
各自の場所\wordpress\wp-content\themes
にある
twentyseventeen を親テンプレートとして、子テーマを作場合について述べる。twentyseventeen はフォルダ名。フォルダごとにテンプレートが格納されている。
①
・新しいフォルダ、twentyseventeen-child を作る (この名前はなんでもよい)
・このフォルダ内に、空のファイル style.css と、functinos.php を作る。twentyseventeen 内の同名のファイルをコピーしてもいい。ただしその場合は、一度ファイルの中を空にする。
②
■ style.css の内容を、以下のようにする。「/*」 、「*/」 もきちんと記述する。
注) その際、ファイルのエンコードが、「UTF-8(BOMなし)」でなければならないので、Notepad++ などのエディタを用いる。メモ帳でやると失敗すると思う。やはり、ほかのどの .php ファイルや、style.css でもいいから、コピーして、ファイル名を変換して使うのが一番いい。もちろん Notepad ++ などのエディタを用いる。メモ帳だと BOM ありになってしまったりする。
「twentyseventeen-child」 は何でもよい(フォルダ名と同じだと気持ち的に楽)が、twentyseventeen は、親テンプレートのフォルダ名と同じでないと、あとで取り込むときに認識されない。
■ functions.php の内容を以下のようにする。
・注 「」 もちゃんと書く。
③ 今作業していたフォルダ、twentyseventeen-child を、zip 圧縮する。
④ 最後に子テーマとして追加する。外観→新規追加→テーマのアップロードから、zip ファイルを選択する様式になっているので、選択し、追加。
各自の場所\wordpress\wp-content\themes
にある
twentyseventeen を親テンプレートとして、子テーマを作場合について述べる。twentyseventeen はフォルダ名。フォルダごとにテンプレートが格納されている。
①
・新しいフォルダ、twentyseventeen-child を作る (この名前はなんでもよい)
・このフォルダ内に、空のファイル style.css と、functinos.php を作る。twentyseventeen 内の同名のファイルをコピーしてもいい。ただしその場合は、一度ファイルの中を空にする。
②
■ style.css の内容を、以下のようにする。「/*」 、「*/」 もきちんと記述する。
注) その際、ファイルのエンコードが、「UTF-8(BOMなし)」でなければならないので、Notepad++ などのエディタを用いる。メモ帳でやると失敗すると思う。やはり、ほかのどの .php ファイルや、style.css でもいいから、コピーして、ファイル名を変換して使うのが一番いい。もちろん Notepad ++ などのエディタを用いる。メモ帳だと BOM ありになってしまったりする。
/*
Theme Name: twentyseventeen-child
Template: twentyseventeen
*/
Theme Name: twentyseventeen-child
Template: twentyseventeen
*/
「twentyseventeen-child」 は何でもよい(フォルダ名と同じだと気持ち的に楽)が、twentyseventeen は、親テンプレートのフォルダ名と同じでないと、あとで取り込むときに認識されない。
■ functions.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')
);
}
?>
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')
);
}
?>
・注 「」 もちゃんと書く。
③ 今作業していたフォルダ、twentyseventeen-child を、zip 圧縮する。
④ 最後に子テーマとして追加する。外観→新規追加→テーマのアップロードから、zip ファイルを選択する様式になっているので、選択し、追加。
