1.CSSのみ子テーマ化できるプラグインを使う
CSSのみを子テーマ化できるプラグイン
メリットは、FTPを使わなくても気軽に子テーマ化できる点
- One-Click Child Theme
- Child Theme Wizard
- Simple Custom CSS
下記の参考サイト
WordPressの子テーマ作成プラグイン「Child Theme Wizard」
Simple Custom CSS – テーマを直接編集せずにCSSをカスタマイズできるWordPressプラグイン
SNS連携などのためにJetpack by WordPress.comというプラグイン使用の場合...
↓
JetpackのカスタムCSSという機能でCSSの追加・変更可能
2.JetpackのカスタムCSSという機能でCSSの追加・変更
cssとfunctionsをまとめて子テーマ化できるプラグイン
WordPress子テーマメーカーを使えば、親テーマの名前と子テーマにつけたい名前を入力するだけで最低限のファイルを作成してくれます
下記の参考サイト
3.プラグインを使わずに子テーマを追加
1)子テーマのフォルダを作成
・functions.phpとstyle.cssを入れる子テーマフォルダを作成
親テーマの名前+child
2)functions.phpを作成
子テーマを作って子テーマのcssが適応されると、そのままの状態では親テーマのcssを引っ張ってきてくれません。
functions.phpを作成し、親テーマのcssも読み込んでくれるように記述
<?php //
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
functions theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
style.cssとして保存
3)子テーマをアップして有効化
・FTP経由で親テーマと同じ階層にアップ
5)テーマを選ぶときの画像
screenshot.pngにして子テーマフォルダにコピー
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );functions theme_enqueue_styles() {wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );}functions.phpとして保存
3)style.cssを作成・使用する親テーマの子供だということを認識してもらうコードを記述/*
Theme Name: 子テーマの名前
Theme URI: 子テーマのURL
Description: 子テーマの説明文
Author: 子テーマを作った人
Author URI: 子テーマを作った人のURL
Template: 親テーマの名前
Version: 子テーマのバージョン
License: ライセンス情報
License URI: ライセンスURI
Tags: テーマのタギング
Text Domain: ドメイン(プラグイン名)
*/