gpt4 book ai didi

php - 再次在 wordpress 中添加自定义背景图像

转载 作者:太空宇宙 更新时间:2023-11-03 18:33:14 26 4
gpt4 key购买 nike

我像这样为我的 wordpress 主题启用了自定义背景:

add_theme_support('custom-background', array(
'default-color' => 'FFF',
'default-image' => get_template_directory_uri() . '/img/bg.jpg'
));

然后我捕获了 body 的“.custom-background”类,因为我想改变背景大小:

body.custom-background {
background-attachment: fixed!important;
background-position: center center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}

我将其定位为绝对位置的唯一原因是,因为我想添加具有相同背景属性但宽度为 1000px 和居中边距(0 自动)的其他背景,以使用 css-filters 模糊此部分:

body.custom-background:before {
content: "";
background-image: url(""); //here he should takes the custom background-image (of body.custom-background)
background-attachment: fixed!important;
background-position: center center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
height: 100%;
right: 0;
left: 0;
margin: 0 auto;
width: 1000px;
position: fixed;
z-index: -1;
filter: blur(10px);
}

但当然 wp 不知道哪个是背景图像...那么,我该如何解决这个问题 - 他再次将自定义背景图像带到 :before 选择器?

希望你明白我的意思。

最佳答案

你可以在header.php中编写如下代码

<?php $background = set_url_scheme( get_background_image() ); ?>  
<style>
body.custom-background:before {
content: "";
background-image: url("<?php print $background; ?>");
background-attachment: fixed!important;
background-position: center center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
height: 100%;
right: 0;
left: 0;
margin: 0 auto;
width: 1000px;
position: fixed;
z-index: -1;
filter: blur(10px);
}
</style>

这会起作用...

关于php - 再次在 wordpress 中添加自定义背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19344862/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com