Question

我正在重新设计一个wordpress博客。有5个不同的页面，我想在每个页面上使用不同的背景图像。有没有办法做到这一点？

并且，我不想更改背景元素。我想更改我的CSS中的#main元素的背景图片..

我已经有了一个css文件，所以使用php覆盖相同的元素会影响什么吗？

任何帮助将不胜感激...谢谢

Answer 1

每个页面或帖子在主体上都有不同的类，即。页面-ID-1234 后-ID-4567

您可以在CSS文件中使用它：

body {
    background: url('home.jpg');
}
body.page-id-1234 {
    background: url('page-1234.jpg');
}
body.post-id-4567 {
    background: url('page-4567.jpg');
}

Answer 2

你可以给每个div#main（我假设它是div）另一个类。所以

<div id="main" class="pageOneBackground">...

<div id="main" class="pageTwoBackground">...

等...

然后从background-img中移除div#main，并将单个background-img应用于每个新班级。

这不会影响php。

Answer 3

您可以使用图像的CSS / URL更改背景，仅应用于帖子的背景，仅适用于主页/主页的背景或两个页面。 http://wordpress.org/plugins/custom-post-background/screenshots/

Answer 4

如果只需要为5页进行，请在主CSS中设置正文的主要项目，例如：

body {
    background-repeat:none;
    background-position: center top;
etc...

然后在每个页面上添加：

<style type="text/css">
body {
    background-image:url(/images/background1.png);
}
</style>

您也可以在此页面的来源上看到这一点。

如何在Wordpress中更改每个页面的背景？

4 个答案: