Div背景图片的自定义字段？(WordPress的)

Question

我想知道如何做到这一点,我已经看到了一个关于smashingmagazine的例子,但那是索引Feed中的后期背景并需要插件,我认为它只是一个案例

<div background="<?php the_field('custom_field_name');?>">

然而,到目前为止还没有工作,我猜这是因为我没有设置一个特定的直接网址,但是因为我能够通过自定义字段在帖子中放置图像我敢肯定它可以得到我希望实现的效果.

我的另一个想法是通过php设置一个源作为自定义字段,我已经为我的自定义主题做了,虽然我不确定应用于img类的正确的CSS和它的容器div确定它作为背景.

Answer 1

HTML中没有背景属性.你想要的是具有样式的内联CSS属性.所以你想要的结果是:

<div style="background-image: url('http://absolute/path/to/img.jpg');">

到那里的代码取决于您的custom_field_name自定义字段中存储的内容.如果它是一个绝对的网址,那么你需要的只是

<div style="background-image: url('<?php the_field('custom_field_name'); ?>');">

如果它是例如的相对URL.主题根,添加get_stylesheet_directory_uri();在前面the_field().我会避免硬编码绝对URL的第一部分,但如果您不需要可移植的解决方案,则可能.