如何使用 WordPress Customizer 指定背景图片 url？

Question

一直在谷歌搜索，但没有任何乐趣。我正在使用 Customizer->Additional CSS 输入以下内容。

.spinner {
    display: inline-block;  
    min-width: 20px;
    min-height: 20px;
    margin: 0 auto;
    background-image: url( '../images/spinner.gif' );
    background-position: center;
}

但是由于 URL 问题，微调器没有出现。什么是正确的URL？该文件位于 site.com/wp-content/themes/mytheme/images/spinner.gif

我想知道这是否可能或我是否必须声明它style.css？

Answer 1

您可以从 /wp-content

开始添加 url

.spinner {
display: inline-block;  
min-width: 20px;
min-height: 20px;
margin: 0 auto;
background-image: url( '/wp-content/uploads/2022/05/spinner.gif' );
background-position: center;
}

Answer 2

你可以试试这个

.spinner {
  display: inline-block;  
  min-width: 20px;
  min-height: 20px;
  margin: 0 auto;
  background-image: url( '/wp-content/themes/mytheme/images/spinner.gif' );
  background-position: center;
}

如何使用 WordPress Customizer 指定背景图片 url？

How to specify the background-image url using WordPress Customizer?

css

wordpress