親テーマCSSを呼び出す方法が変わりました。
function.phpを触るので緊張しつつチャレンジしてみました。
子テーマスタイルシートを反映させる新コード
WordPressで、子テーマを反映させる時。
今までは以下のようにしていましたね。
子テーマstyle.css
に、
@import url("../stinger5ver20000000/style.css");
を追加していました。
親テーマを参照するよう、指定していました。
私の過去記事でもそう書いてあります。
子テーマの簡単な作成方法。WordPressとStinger5について。
これが変わりました。
WordPressヘルプ｜子テーマの作り方
http://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E
なぜそう変更されたのかは、英語なのでよく分かりませんでした。
「以前は @import: を使用して親テーマのスタイルシートをインポートしていましたが、これはもはや良い方法ではありません」
とハッキリ書かれてあるので、
新しいやり方へと変更する事にしました。
参考にしたサイト
STINGER7：テーマのインストールと子テーマの使用方法
http://web-ashibi.net/archives/419
function.phpを使った子テーマスタイルシート取得
では始めます。
まず全てのデータやファイルをバックアップしてください。
子テーマのfunction.phpを開きます。
以下のコードを追加して下さい。
（このままコピーしないで下さい。UTF-8Nに変換して下さい。）
/* 子テーマスタイルシート読込 */
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')
);
}
私はこのコードで上手く読み込まれました。
通常のコードでは読み込まれなかったので、
そんな時用のコードを使用しました。
詳しくはWordPressヘルプ参照。
通常のコードというのがこちらです。
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を開きます。
最初の方にある、
以下のコードを削除して下さい。
@import url("../stinger5ver20000000/style.css");
サイトを表示してみて、
キレイにCSSが読み込まれているかチェックして下さい。
どこかCSSが読み込まれていない場合や、
エラーが起こった場合は、
一旦元の@import urlを使う方式に戻しましょう。
その場合、function.phpに追加したコードを一旦削除します。
ヘルプやヘルプフォーラムを参照して、
原因が分かったら再度行ってみて下さい。
サイトが崩れたり、
どうしても上手くいかない時は、
無理にしなくても良いかもしれません。
こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。
当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。
必ずデータは最新のバックアップを取っておいて下さい。
WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。
当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。
詳細はWordPressヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
（わからんから）
スポンサードリンク