やはり気になったので調べました。
前回のWORDPRESSの子テーマを作ったまではいいんですが
読み込みを＠importでするのは好ましくないとグーグルから連絡がありまして。
いや、無いですけどね
あったと言えばあったんですが。
google developersというサービスで
cssを＠importにしていると注意されます
ざっくり言うとこんなかんじで
Avoid CSS @import （ちょっと、CSSで＠import使うのやめなさいよ）
略
Recommendations （こっちがオススメよ）
略
Use the tag instead of CSS @import (＠importの代わりにLINKがいいわよ )
略
そこで＜link＞を使うというのが問題で
theme twentytwelveはheader.phpでいつものhtmlでもよくある＜link rel･･･＞で始まるstylesheetの記述が無いので、
functions.phpを使ってやる。ココまでは覚えていたんです。
突然ですが 2016年12月現在
ここを参考にすれば間違いない。
実際この方法で複数サイトにサクサク子テーマを作っています
Chile Theme
よくありそうなミスとして、
CSSファイルの方の設定
重要な個所は、文字一つ間違えないようにしないといけない
例えばTwenty Fifteenのチャイルドテーマを作りたいとして、CSSの冒頭
Theme Name: Twenty Fifteen Child
Template: twentyfifteen
特にTemplateの方はスペースや確か大文字小文字も一致させないとエラーが出た気がします
functions.phpの設定
こちらの設定はさっきのWordpress.orgのリンクからコピペするだけなので特に難しくはない
とても重要なファイルなので、念のためバックアップを取る
情報が古くなったら行けないので、ここには載せませんが
リンク：Chile Theme
これから始まるところ↓
＜?php
function my_theme_enqueue_styles() {
…
…
CSS functions.php 設定後は？
functions.phpとCSSの設定に成功すると、
ワードプレス管理画面[外観]-[テーマ]の一覧の中に
チャイルドテーマが入ってきます♪
あとは、そのチャイルドテーマを有効にするだけです。
2013年7月現在
これ以降は2013年試行錯誤しながらやってみたことで、今読み直しても、自分で何やっていたのか理解できません(笑)
参考にしない方がいいと思います
すごくめんどくさそうですし(当時、自分でやったことは間違いないんですが)
以前から気になっていた方法を見つけ出しました。
キーワードをド忘れしていたんですが見つけました。
wp_enqueue_styleです。
では、いろいろやってうまくいかなくて、あっさりうまく言った方法を。
サーバーのほうにあるwp-content/themes/twentytwelve-child
以前、この中にstyle.cssで子テーマを作りました。
同じ場所に「functions.php」を新規作成。
コードはこの方のを参考に。というかほぼ丸々ですけどｗ
hooking-wp-enqueue-style-to-wp-enqueue-scripts-action：Shinichi Nishikawa’s
ありがとうございます♥
＜?php
/**
* Setup my Child Theme
*/
function add_child_styles()
{
global $wp_styles;
wp_enqueue_style( ‘twentytwelve-style’, get_template_directory_uri() . ‘/style.css’, array(), date(‘YmdHis’, filemtime(get_template_directory() . ‘/style.css’)) );wp_enqueue_style( ‘twentytwelve-child-style’, get_stylesheet_uri(), array(‘twentytwelve-style’), date(‘YmdHis’, filemtime(get_stylesheet_directory() . ‘/style.css’)) );
wp_enqueue_style( ‘twentytwelve-ie’, get_template_directory_uri() . ‘/css/ie.css’, array(), date(‘YmdHis’, filemtime(get_template_directory() . ‘/css/ie.css’)) );
$wp_styles->add_data( ‘twentytwelve-ie’, ‘conditional’, ‘lt IE 9’ );
}
add_action( ‘wp_enqueue_scripts’, ‘add_child_styles’ );
?＞
国内外、いろんな方がやり方を書いてくれていたんですけど、
それにすると画面が真っ白になったり、何が悪いのか良く分からないので、
いろんな人のを試してみたんですが、この方法だとシンプルに
これだけでさくっとスタイルシートを読み込むことが出来ました。