Question

我在wordpress网站上工作，并且客户端要求一个页面特别具有边到边背景图像。

任何人都可以提供一个解决方案，允许我将全屏背景图像应用到wp网站中的单个页面吗？开发一个wordpress页面模板会起作用吗？

干杯

Answer 1

最简单的方法是使用CSS来定位特定页面。

在WordPress中呈现的每个页面都会向body标签输出特定的类。例如，在我的博客上，这将是我的身体

<body class="page page-id-952 page-child parent-pageid-950 page-template page-template-page_full-php">

注意班级page-id-952。这仅适用于此页面。然后我可以为此创建一个样式：

body.page-id-952{ background:url('path/to/image.png'); }

对于您的具体情况，请查看正在该页面的body标签中呈现的类（它将与此示例中的不同），并相应地设置样式。

查看这个小提琴文件到see it in action。

注意：如果您要从头开始构建主题，请将其添加到body标签以生成类。希望如果您使用基本主题，它已经包含在内。 Check out the codex for detailed info on body_class()

<body <?php body_class(); ?> >

Answer 2

您可以使用CSS仅自定义一个页面，使用正文样式类键postid或page-id等。根据主题，它可能会有所不同。

然后，使用您的背景图片在自定义CSS中添加一个条目。

祝你好运！

Answer 3

这是来自css-tricks.com的Chris Coyier的精彩文章，我今天实际使用了下面的代码。将课程应用于您要扩展的图片。您可能需要调整css的定位部分。 http://css-tricks.com/perfect-full-page-background-image/

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

Answer 4

我的php并不像你希望的那么好但是条件标签可以指定一个替代的css文件，它会为html添加背景图像吗？

Wordpress内的整页背景

4 个答案: