html - CSSのwordpress3.3相対パス

Question

ヘッダーの背景として画像を追加したいのですが、PCでこれを行っており、サーバーにアップロードするため、絶対パスを追加したくないということです。

<?php bloginfo('template_directory'); ?>cssで動作する必要がありますか？ここでは機能していません。

コード：

#branding {
    background: url("<?php bloginfo('template_directory'); ?>/images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

Answer 1

いいえ、CSSファイル内でPHPを使用することはできません。

相対パスは引き続き使用できます。この例は、CSSファイルと画像ディレクトリが同じディレクトリにある場合に機能します。WordPressは、これがテーマに関連していることを認識しています。

#branding {
    background: url("images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

imagesディレクトリがCSSファイルの親にある場合：

#branding {
    background: url("../images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

Answer 2

どういうわけか@developdalyソリューションは私には機能しませんでしたが、これは役に立ちました：

.img-div {
  background-image: url("wp-content/themes/your-theme/assets/images/your-img.jpg");
}

Answer 3

.img-div {
    background-image: url("./assets/images/your-img.jpg");
}