stinger3で子テーマを適応するとデザインが崩れる

こんにちは

現状だと、stinger3ver20130925　の style.cssのコメントThemeNameをstinger3に変更していて、その状態でチャイルドテーマを作りたいという事ですよね。

/*---------------------------------------------------------
Theme Name: stinger3-child
Template: stinger3
Description: Customize css for stinger3
Auther: Qtaro
Author URI: http://room9.jp
License:
License URI:
Version: 20131216 (for stinger3)
---------------------------------------------------------*/

20131216 (for stinger3)の部分ですが、ここはチャイルドテーマのバージョンなのでチャイルドテーマのバージョンを付けておいたほうがいいです。

<?php //子テーマで利用する関数を書く

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '../stinger3ver20130925/style.css' );

}

たぶん@import ruleの書き方と混同してしまっているのではないかと思いますが、以下のように記述するといいだろうと思います。

<?php //子テーマで利用する関数を書く

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
/*親テーマのバージョンは、以下で取得できます*/
	$theme_parent_data = wp_get_theme('stinger3ver20130925');
/*テーマのホルダー名もリネームしている場合は、stinger3ver20130925を書き換えてください*/
	$theme_parent_data_version = $theme_parent_data->get( 'Version' );

    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css',array(), $theme_parent_data_version, 'all' );

}

これで、デザインの崩れは　おそらくなくなるだろうと思いますが、一つ大きな問題があります。

このテーマだと、ヘッダーにスタイルシートの呼び出しがハードコーディングされています。

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all" />

親をwp_enqueue_style()等、標準的な方法で行うと、チャイルドテーマのＣＳＳが先に読み込まれて、それを上書きする形で親テーマのＣＳＳが読み込まれます。

直ぐには問題になりませんが、カスタマイズを始めると諸問題が発生する可能性が高いです。（親と同じスタイルを書いても反映しないといった問題）

なので、functions.phpの記述をやめて、@importルールにしてしまうとかが手っ取り早いと思いますが、パフォーマンスなども気になって、wp_enqueue_style（）を採用したいといった事もあるでしょうから、

どうすればいいのかという点などに付いては、独自配布のテーマなので、配布元に質問してください。

こちらで、実際に確認したのは、stinger3ver20140327 なので、バージョンの違いで何かあるのかもしれませんね。