1

この Wordpress サイトhttp://searchanddevelop.ca/adv/をコーディングしています。ここには、外部の背景画像を頻繁に参照するスタイルシートがあります。

これらの画像をハードリンクしたくはありませんが、相対リンクを使用すると、Wordpress のパーマリンク構造がディレクトリ (または疑似ディレクトリ) 内に内部ページをネストするため、すべてが壊れます。

引用した URL のページをクリックすると、私の言いたいことがわかるでしょう。

.area-heading {
    background: url('../../../images/titlechevron.png') no-repeat left;
    margin: 2px 0 11px 2px;
    height: 16px;
    }

また、ドメインルートに関連するものをリンクすると、サイトをテストディレクトリ /adv/ から独自のドメインに移動すると、すべての背景画像が壊れることが予想されます。

ここで私の画像を相対的にリンクする最良の方法は何ですか? 核となる概念が欠けているように感じます。

4

2 に答える 2

0

外部スタイル シートでは、すべての相対 URL が CSS ドキュメントに対して相対的であることが期待されます。

/styles/screen.css
/images/foo.png

screen.css が背景画像として foo.png を使用したい場合、次のように参照されます。

.foo {
    background: url(../images/foo.png);
}

相対 URL を使用すると、CSS ファイルのパスを変更せずに CSS ファイルをシャッフルすることはできません。

アセットの構造がライブ サイトの構造と同じであるテスト環境が必要なようです。このような環境は、デスクトップ マシンに Web サーバーをセットアップすることで作成できます (私は個人的に、デスクトップで UNIX を実行している仮想マシンを Web サーバーとして使用しています) が、それはこの質問の範囲を超えています。「test」ディレクトリ内のアセットへのシンボリック リンクを設定することもできます。

于 2013-02-19T20:23:41.637 に答える