Div背景图像的自定义字段？（wordpress）答案

【问题标题】：Custom Fields for Div background images? (wordpress)Div背景图像的自定义字段？（wordpress）
【发布时间】：2013-08-06 06:29:50
【问题描述】：

我想知道这将如何完成，我在smashingmagazine 上看到了一个示例，但这是针对索引提要中的帖子背景并且需要插件，我认为这只是

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

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

我的另一个想法是通过 php 将源设置为自定义字段，我已经为我的自定义主题完成了此操作，但我不确定应用于 img 类及其容器的正确 css div 以确保它充当背景。

【问题讨论】：

the_field('custom_field_name'); 是否包含网址？如果是这样，它应该是<div background="url(<?php the_field('custom_field_name');?>)">
在<div background="<?php the_field('custom_field_name');?>">的地方你在浏览器中得到了什么？

【解决方案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，例如。主题根，在the_field()前面加上get_stylesheet_directory_uri();。我会避免对绝对 URL 的第一部分进行硬编码，但如果您不需要可移植的解决方案，这是可能的。

【讨论】：

【解决方案2】：

你需要的是：

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

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

【讨论】：