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

时间:2013-08-06 06:29:50

标签: php css wordpress

我想知道如何做到这一点,我在smashingmagazine上看到了一个示例,但这是针对索引Feed中的帖子后台并需要插件,我认为这只是一个案例的

<div background="<?php the_field('custom_field_name');?>">
然而,到目前为止,这还没有奏效,我猜这是因为我没有设置特定的直接网址,但是因为我能够通过自定义字段在帖子中放置图像我敢肯定它可能得到我想要的效果。

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

2 个答案:

答案 0 :(得分:8)

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的第一部分进行硬编码,但如果您不需要可移植的解决方案,则可以使用。

答案 1 :(得分:0)

您需要的是:

 

将自定义字段(也称为元数据)添加到指定的帖子,该帖子可以是任何帖子类型。自定义字段实际上是键值对。

请注意,如果指定帖子的自定义字段中已存在给定键,则添加具有相同键的另一个自定义字段,除非$ unique参数设置为true,在这种情况下,不会进行任何更改。如果要更新现有密钥的值,请改用update_post_meta()函数。

更多关于Wordpress的代码: http://codex.wordpress.org/Function_Reference/add_post_meta