Div背景图像的自定义字段?(wordpress)


Custom Fields for Div background images? (wordpress)

我想知道如何做到这一点,我在smashingmaggazine上看到了一个例子,但这是针对索引提要中的后台,需要一个插件,我认为这只是的情况

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

然而,到目前为止,这还没有奏效,我猜这是因为我没有设置特定的直接url,然而,由于我可以通过帖子中的自定义字段放置图像,我相信这有可能达到我想要的效果。

我的另一个想法是通过php将具有源代码的设置为自定义字段,我已经为我的自定义主题做了这件事,尽管我不确定要应用于img类的正确css,以及它的容器div,以确保它作为背景发挥作用。

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

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

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

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

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

您需要的是:

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

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

Wordpress codex上的更多信息:http://codex.wordpress.org/Function_Reference/add_post_meta