更改每页的背景图像

时间:2014-01-16 作者:A4D

我想根据页面(类别)使用不同的背景图像

当用户转到home.php, 称之为A,它应该有一个背景图像,然后如果我把它们发送到B页,我希望背景图像改变。

有谁能为我指引正确的方向吗?我知道可以通过以下方式实现.css.

2 个回复
SO网友:Christopher Eller

是的,这可以通过CSS完成。

我已经用页面和帖子ID完成了这项工作。

IMPORTANT: The following are base examples and will need to be tested and tuned for your use. 如果您在这里注意到任何错误(使用基本CSS示例),请发布有关错误的注释。

要识别页面和帖子,请转到您的页面或帖子页面,并将鼠标悬停在任何页面或帖子的名称上。悬停时,查看浏览器的左下角,页面ID将显示在状态栏中。或者像我一样使用Catch-IDs插件。

For one site-wide background use:

body
{
    background-image:url(\'example.gif\');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

To target a page:

body.page-id-33
{
    background-image:url(\'example.gif\');
    background-repeat:no-repeat;
    background-attachment:fixed;
}
body.page-id-33,
body.page-id-41,
body.page-id-725
{
    background-image:url(\'example.gif\');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

To target a category:

.category-CategoryName
{
    background-image:url(\'example.gif\');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

To target multiple categories:

.category-CategoryName,
.category-CategoryName-2
{
    background-image:url(\'example.gif\');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

To target Archive pages:

.archive
{
    background-image:url(\'example.gif\');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

To target a custom template for a page, post or category use:

.page-template-name
{
    background-image:url(\'example.gif\');
    background-repeat:no-repeat;
    background-attachment:fixed;
}
在上述每个实例中,您只需复制CSS并再次粘贴,更改ID和图像URL即可更改不同页面或类别的bg图像。

参考文献

抱歉——当我试图帮助并给出多篇源文章的归属时,这里过于热情的规则阻止我发布多个指向引用的链接。所以我写了一篇关于这个的帖子,所有的参考文献都在那篇帖子上。

http://kb4wp.com/blog/use-css-to-target-pages-posts-and-categories/

SO网友:Cecilia

如果对帖子不起作用,试试这个

body.postid-number { your image }

结束

相关推荐