css - Wordpress 中的整页背景

标签 css wordpress

我在一个 wordpress 网站上工作,客户特别要求一个页面有一个边到边的背景图片。

任何人都可以提供一种解决方案,使我可以将全屏背景图像应用于 wp 网站中的单个页面吗?开发一个 wordpress 页面模板会成功吗?

干杯

最佳答案

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

在 WordPress 中呈现的每个页面都会将特定的类输出到 body 标记。例如在我的博客上,这就是我的 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 标记中呈现的类(它将与本示例中的不同),并相应地设置样式。

将这个 fiddle 文件 check out 到 see it in action .

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

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

关于css - Wordpress 中的整页背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23642592/

相关文章:

css - wordpress 摘录中的 Adsense

php - 向在新窗口中打开的 Woocommerce 我的帐户订单添加操作按钮

php - 在订单编辑页面上添加自定义元框并将其显示在客户订单页面上

php - 多个 wordpress 可以从一个数据库中获取信息吗?

javascript - 如何将多个 SVG 居中到同一点?

javascript - 页面样式未反射(reflect)在使用 Impact/Dot Matrix 打印机的实际打印中

javascript - 通过单击外部关闭 Bootstrap offcanvas 侧边栏

css - 如何在wordpress中制作水平子菜单?

html - 将文本和图像彼此对齐

html - 如何垂直居中 flexbox 元素的内容