访问Wordpress中的背景图像


Access background image in Wordpress

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

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

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

您在这里使用自定义字段的方式是因为您将为主题设置具有内联样式的背景。否则,"用户"将不得不知道如何更改CSS代码行(不太实用)。

如果你将它们设置为内联,它们会看起来像这样:

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

我见过人们做的另一个选择是在PHP文件中制作CSS文件。。。你会使用类似的东西:

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

请注意,它使用的是PHP,因为该文件实际上是一个PHP文件。。。否则就不能在CSS文件中使用PHP。不确定这是否是一个很好的做法,但如果你愿意,这是一个可行的选择。

最好坚持添加与自定义字段内联的背景样式。如果需要的话,你可以使用PHP使其成为有条件的,你可能会用所有自定义字段设置1个post(所以你有一个ID)。。。或者您希望以何种方式将其呈现给用户是您的选择。