Question

我目前正在将HTML页面转换为WordPress主题。在整个网站中，我有一系列使用CSS背景的divs。链接这些图像的最佳做法是什么，因此用户可以随意更改它们？

作为参考，在HTML中，我有：background-image:url(/site/sprite.png);

Answer 1

您可以使用自定义字段。如果你不知道如何制作它们，或者你想要一种简单而强大的方法来管理它们，你可以在wordpress.org插件库中找到“高级自定义字段”插件。它是免费的，非常好。

在此处使用自定义字段的方式是因为您将这些背景设置为主题样式的内嵌样式。否则“用户”必须知道如何更改CSS代码行（不太实用）。

如果你将它们设置为内联，它们看起来像这样：

<div id="divBackground01" style="background: url(<?php echo get_post_meta('$post->ID','div-bg-01',true); ?>);>

</div>

我见过人们做的另一个选择是将CSS文件放在PHP文件中......你会使用类似的东西：

<style>
  #divBackground01 {
    background: url(<?php echo get_post_meta('$post->ID','div-bg-01',true); ?>);
  }
</style>

请注意，它使用的是PHP，因为该文件实际上是一个PHP文件...否则您无法在CSS文件中使用PHP。不确定这是一个非常好的做法，但如果你愿意的话，它可以作为另一种选择。

最好坚持在自定义字段中添加内联背景样式。如果需要，您可以使用PHP使其成为条件，并且您可以设置1个帖子（因此您有单个ID）以及所有自定义字段...或者您希望将其呈现给用户的任何方式是您的选择。