ワードプレスのCSSを移動させる

質問

私の使っているテーマのCSSが全部で6つあります。
1つはPHPやHTMLと同じ場所にあるのですが、その中にCSSというフォルダがありそのフォルダの中に5個のCSSがあります。なので、ワードプレス上からいじれず、いちいちFTPからダウンロードしていじらなくてはならなく面倒です。

テーマ編集で表示される階層にあるCSSに

@import url(css/html5reset-1.6.1.css);
@import url(css/layout.css);
@import url(css/common.css);
@import url(css/nav.css);
@import url(css/content.css);
@import url(css/top.css);

このような記述があり、これがCSSフォルダに送っているのだと思い、
CSSフォルダの中のCSSを正しい階層にもってきて、上記の部分を

@import url(html5reset-1.6.1.css);
@import url(layout.css);
@import url(common.css);
@import url(nav.css);
@import url(content.css);
@import url(top.css);

このように書けば大丈夫だろうとおもったのですが、HPからCSSで指定されていたH1の淵の画像などがすべて消し飛びました。

なんとか、５つのCSSの階層を上にあげたいのですが、どのようにすればよいのでしょうか？

ちなみに、使っているテーマは、
http://pacific.prime-strategy.co.jp/
これです。

回答No.1

outbrave · ベストアンサー

CSSファイルの階層が変わったのですから、それらのCSSファイルが参照している画像ファイルへのパスを変更する必要が出てきます。

例えば、background-image: url(../images/bg_wrap.png); これを background-image: url(./images/bg_wrap.png); のように変更するという意味です。

お礼

それだー！
ありがとうございます☆