#author("2021-04-14T12:38:10+00:00","default:src128","src128")
#author("2021-04-14T12:39:44+00:00","default:src128","src128")
&tag(WordPress/子テーマ);
*目次 [#p7ee023c]
#contents
*関連ページ [#xc53f7d1]
*参考情報 [#gf6d23ce]

*概要 [#z15271ee]
-[[子テーマ - WordPress Codex 日本語版:http://wpdocs.sourceforge.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E]]より。子テーマとは既存のテーマを変更するもの。ディレクトリと2つのファイル(style.css、functions.php)が必要(といいつつfunctions.phpがなくても動作する)。
-style.cssのスタイルシートヘッダで親テーマを指定する。(Template)。

*子テーマの作成 [#g2069097]
-最低限一つのディレクトリと2つのファイル(style.cssとfunctions.php)から成り立つ。
-フォルダの作成末尾-childが望ましい。
-style.cssを作成。Template行で親テーマのディレクトリ名を指す。
#pre{{
/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/
}}
-functions.phpを作成。以下は親テーマがstyle.cssが一つで構成されている場合。
#pre{{
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
}}

*Tips [#y4f0d49e]

**子テーマでcssやjsを追加したい [#fdbf464b]
-[[WordPressでテーマからJavascriptやCSSを読み込む書き方まとめ | notnil creation weblog:http://notnil-creative.com/blog/archives/1299]]によると、function.phpで、add_actionして、その中でcssやら、jsやらを読みこめばいいらしい。
-hilight.jsを追加したいは、[[wordpressでhighlight.jsを利用する方法 | Transrain:http://transrain.net/blog/2014/09/05/145542]]のように。

*トラブルシューティング [#cd66509e]

**子テーマを使うとウィジェットがおかしい。 [#jfc499e8]
-外観 > ウィジェットで各ウィジェットの中身が入れ替わることがある?
-手動で戻すしかないっぽい。

*トラブルシューティング [#k6fed457]


トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS