マイ忘備録

フィリピン関連のメモ、ワードプレス関連のメモなど

twentynineteenの子テーマを作成

ワードプレスではじめて子テーマというのを作ってみた。使った親テーマはデフォルトテーマのtwentynineteen。以下を参考にした(簡潔にまとまっててよかった)。
【WordPress】テーマTwenty Nineteen の子テーマを作る方法 – TN2019
1. テーマのディレクトリ(themes)の下に適当な名前のディレクトリを作る
2. 作成したディレクトリ以下にfunctions.phpとstyle.cssという名前でファイルを作る
f:id:tagayshin:20190517191400p:plain

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' );
}

何を書いているのかよくわからないが、まぁとりあえずコピペ。<?の閉じタグみたいなのもいらないっぽい。

style.css

/*
Template:twentynineteen
Theme Name:test theme (twentynineteen child)
*/

Templateに親テーマのディレクトリの名前を記述する。

これが最小構成のようだ。編集したファイルの保存の改行コードはLF(Linuxサーバの場合)、日本語を使う場合は文字コードUTF-8がよいような気がする。
管理画面のテーマの外観/テーマで、さっき作ったテーマがあるので、有効化すると作った子テーマが使える。
f:id:tagayshin:20190517192151p:plain