ワードプレスCSSの3.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"); 
}