Wordpressを動かした後のCSSの相対リンク

私は一時的なテストドメインにWordpressでブログを作成しました。私はそれをフォルダではなくメインのディレクトリに置きます。今度は、正しいWebサイト、フォルダ内に移動したいと思います。私は、サイトのURLのすべてのMySQLの値を更新することができ、相対パスのリンクは正常に動作します。

問題は、私のCSSパスリンクを動作させるように見えないことです。私は自分の問題は、CSSファイル、WordPressテーマ、そしてページではないということを認識しています。しかし、どうすればこの問題を解決できますか?

次に例を示します。

#topNav {background:#3a93c3 url(wp-content/uploads/2011/07/blueNav.jpg) repeat-x;}

私は './'、 '../'、および '../../'を最初に追加しようとしましたが、まったく動作しません。

質問

WordPressサイトでCSSで相対パスが動作しないのはなぜですか?

2
あなたのCSSファイルへのURLは何ですか? ../ のいくつかの組み合わせを使用できるはずです。
追加された 著者 Abhi Beckert,
WPプラグインをアクティブにしていますか?それはCSSをマングルしている可能性がありますか? (何らかの種類の細工業者のようなものです)プラグインのキャッシュ?それらのいずれか?
追加された 著者 Boldewyn,
いいえ、既定のakismetとhello dolly以外のプラグインはインストールされていません。
追加された 著者 bozdoz,
よく分かりません。私がインストールしたのは、WordPressのインストール以来、定型テーマでした。私はプラグインがインストールされているとは思わない。私が見つけ出すかどうかがわかります。
追加された 著者 bozdoz,
私は問題はそれがWordPressサイトにあることだと思います。 ../の組み合わせは何もしません。たとえば、私が../../../と入力すると、CSSのURLは example.com/blog/wp-content/themes/boilerplate /../../../ … どちらが、明らかに機能しません。
追加された 著者 bozdoz,
すべてをURLに変更するための最良の選択です(/blog/wp-content/uploads/2011/07/blueNav.jpg)。
追加された 著者 bozdoz,
あなたのCSSファイルとwp-contentディレクトリの絶対パスは何ですか?
追加された 著者 Nathan Manousos,

4 答え

あなたは本当にテーマの画像をアップロードフォルダに入れてはいけません。テーマフォルダ内にテーマイメージを実際に保存する必要があります。好きな

wp-content/
    themes/
        mytheme/
            images/
                1.jpg
            style.css

だからあなたのCSSで、あなたはちょうど行うことができます

background:transparent url(images/1.jpg);
9
追加された
私はそれが私が反対したものだと思う。ベースタグは使用しないでください。しかし、それが動作する限り。 ty。
追加された 著者 Funky Dude,
えっ、ちょっと待って。透明なURL(images/1.jpg);
追加された 著者 Funky Dude,
テンプレートに example.com/blog/のようなベースタグがある場合は、 " ; />
追加された 著者 Funky Dude,
ファンキードゥーデ、私はベースタグを言及するだけで+50の賞金ポイントを与えます。なぜ私のURLが機能していないのかという疑問に答えることはできませんでしたが、ベースタグを使うことはおそらく理想的です。ありがとう:)
追加された 著者 bozdoz,
私はURLを変更し、画像を見つけました。なぜそれは../ URLに影響しないように見えるのですか?つまり、元のフォルダに入っていたときですか?
追加された 著者 bozdoz,
なぜ透明な背景が助けになるのですか?
追加された 著者 bozdoz,
私は "ベース"のソースコードを検索しました。 "見つからない"と答えています。
追加された 著者 bozdoz,
動作しませんでした。これはURLを次のように変更します:ht t p://www.example.com/blog/wp-content/themes/boilerplate/../ima‌ ges/blueNav.jpg URLに../が挿入されていることに注目してください。
追加された 著者 bozdoz,
私はこれを試してみましょう。楽しみのために、そして秒であなたに戻ってください
追加された 著者 bozdoz,

あなたのウェブサイトのルートである/を使用することもできます。だから、URLのようなもの(/ yourfolder/wp-content/...

相対パスを使用する場合は、正しいディレクトリに移動する必要があります。 .. /あなたは以前に使った。 ../1 dir up、別の../2 dir's up、など。

0
追加された
相対パスはCSSファイル内で動作し、信頼性の高い信頼性があります。しかし、あなたはそれらを間違って使っているかもしれません。あなたの質問を編集して、URLがcssファイルにどのようなものなのかなど詳細を含めることはできますか?
追加された 著者 Abhi Beckert,
なぜそれはそれで動作しないのですか?
追加された 著者 bozdoz,
私は問題はそれがWordPressサイトだと思う。 WordPressがCSSファイルを処理するときに何かが起こっていると思います。私は相対URLを他のサイトでも動作させることができます。
追加された 著者 bozdoz,
相対パスは、私のCSSファイルでは動作していないようです。
追加された 著者 bozdoz,
@bozdoz Nopes、WordPressは間違いなく責任がありません。 1つは "CSSファイルを処理しません"というスタイルシートは、テーマの <head> に含まれています。また、相対パスはwpで使用できます。
追加された 著者 Johannes Pille,

CSSファイルのサーバー側スクリプトを使用すると、グローバル変数にアクセスできますあなたのWebサーバーのサーバーに接続し、展開先のサーバーと動的に一致させます。

これを実装する手順については、 CSSファイルのサーバー側スクリプトを参照してください。

0
追加された
一般的には良いアイデアですが、この例では、CSSで絶対パスを探すために検索と置換を行うほうがはるかに簡単です。
追加された 著者 bozdoz,
それはいい考えですが、これはWordPressサイトにあります。私は既に作成されたテンプレートを操作しようとしています。 WordPressはCSSファイルを処理しながらURLを変更しているようだ。
追加された 著者 bozdoz,
あなたはWordPressでこれを行うことができます。私が参照しているリンクの指示に従います。あなたのWordPressテーマheader.phpにcss.phpファイルへのスタイルシートリンクを追加すれば、ビジネスになります。コード例が必要な場合はお知らせください。
追加された 著者 Virgil Shelton,

私はちょうど私の会社の企業のブログを見て、私はいくつかの異なる方法がある、古いテーマ、私が作った新しいテーマがあった。

最初に元の基本テーマは絶対パスを使用しました:

#blogTour {
    background: url('http://www.domain.com/wp-content/uploads/2010/09/signup.png');
}

私はブログを地域別に分けなければならなかったので、これは一般的に理想的ではありませんでした。別のURLを持ち、PHP変数($ SERVER ['DOCUMENT_ROOT'])を使いたくないのですが、

私が作った新しいテーマでは、テーマディレクトリの下に資産を置いています...あなたはテーマディレクトリ内に画像を置くことができますか?

#blogFeed {
    background: url('_images/icons/blog-feed.png');
}

最後に、back-ticks url( 'content')でURLの内容を折り返して試してみてください。前処理(Wordpress/PHP)を通してCSSをポンピングするときは、バックティックで文字列を折り返すのが一般的です。

0
追加された
運がない。バックティックは何もしないようです。
追加された 著者 bozdoz,