レスポンシブサイトのcssについて

こんにちは

例：

function site1_scripts(){
wp_enqueue_style('css/mini-style',get_stylesheet_url());
}

使い方が、間違っているので、動作しないと思います。

慣れるまで、（英語ですが）

http://generatewp.com/register_style/

等のジェネレータを使ってみてください。

重要なのは、
Styles Dependencies
と
Styles Version

Styles Dependencies
は、スタイルシートの読み込み順を指定しますので、例えば、reset.cssは、最初に読み込んで、grid.cssは、その後に読み込むという意味です。

Handle/Name　を記述します。

Handle/Nameは、
それぞれのスタイルシートの名前です。半角英数　- _を使って記述するといいです。

Styles Versionは、
通常のhtmlであれば重要ではありませんが、ワードプレスは動的な出力を行うので、アップデートした時に、キャッシュがリセットできるようにクエリ文字列を付けます。

@import　ルールは、スタイルの最初に記述されなければなりません。

@import　ルールとメディアクエリを一緒に記述できるのかどうかちょっとわかりません。

// Register Style
function cosmo_1() {

	wp_register_style( 'site1', 'css/mini-style', array( 'style' ), false, 'all' );

}

// Hook into the 'wp_enqueue_scripts' action
add_action( 'wp_enqueue_scripts', 'site1' );

ジェネレータの使い方の説明が雑だったので、設定がもれているのだと思いますが、

Enqueue Style　の指定は、yes(常に)に設定してください。

それと、Styles URLの指定は、必ず　http://(https://)から始まる絶対URLにしてください。

まずは、サイトルートなど、ワードプレス外にcssファイルを置いて（ワードプレス的な書き方を省けるので）、このスクリプトが確実に動作している確証を得るといいです。

それが、実現出来たら、ワードプレスでURLを記述する場合の基本的な方法（カスタマイズやテーマ制作には、必須）を覚えます。

その例　twentytwelve functions.php line:152

// Loads the Internet Explorer specific stylesheet.
	wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' );
	$wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' );

get_template_directory_uri()という関数を使っている事で、テーマホルダーのURLを正しく指定できます。

この指定を、自分のコードに適用し、テーマ内のCSSが確実にインクルードできるという確証を得てください。

このステップが、完了したら

$wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' );

これは、何ぞや、global $wp_styles;を記述しないと動かないのは　なんでや　などといった事を、少しづつ覚えていくといいです。

解からなくなったら、デフォルトテーマではどのようにやっているかを参考にするといいです。

・テーマの編集の右側に独自のcssが反映されることはあるのか。（動くけどそもそもテーマの編集には見えないのか。）

テーマ内に置いた　ファイルは　リストに反映します。

ただ、この機能を使って、functions.phpに　エラーのあるPHPコードを記述した場合などで、エラーのために管理画面に入れなくなることもありますので、カスタマイズなどの過程で利用する以外は、この機能は使わないほうがいいです。

FTP（SFTP,FTPS)接続をして編集をする方がおすすめです。