从Wordpress管理面板更改CSS属性
嗨,我创建了选项页面。“我的选项”页面包含一些用于输入文本上载图像和上载我主题的谷歌Adsense广告的字段。但现在我添加了颜色选择器,用于为我的背景标题选择自定义颜色。这是我的代码,它负责标题的背景色从Wordpress管理面板更改CSS属性,wordpress,admin,panel,options,Wordpress,Admin,Panel,Options,嗨,我创建了选项页面。“我的选项”页面包含一些用于输入文本上载图像和上载我主题的谷歌Adsense广告的字段。但现在我添加了颜色选择器,用于为我的背景标题选择自定义颜色。这是我的代码,它负责标题的背景色 $YPE_options = get_option( 'YPE_header_option_name' ); $YPE_options['YPE_header_bg']; 这是我的头HTML标记代码 <header id="single-header" class="jumbotron
$YPE_options = get_option( 'YPE_header_option_name' );
$YPE_options['YPE_header_bg'];
这是我的头HTML标记代码
<header id="single-header" class="jumbotron">
<div class="container text-center">
<a href="<?php echo home_url(); ?>">
<img class="img-responsive" src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="<?php bloginfo('name'); ?>" />
</a>
<div>
<?php get_search_form(); ?>
</div>
</div>
}
我添加了url“../img/slideshow img/slide1.jpg”top no repeat属性作为标题的背景图像
我想说如果设置$YPE\u选项['YPE\u header\u bg']显示我的颜色而不是我的图像,否则将图像显示为背景
我怎样才能做到这一点呢?如果我没看错你的问题 一个选项,两个步骤: 第一步基于isset$YPE_选项['YPE_标头_bg']的元素更改类 这允许您设置背景色 第二步仅当未设置$YPE\u选项['YPE\u header\u bg']时显示图像 oops:你在css中有一个jumbotron的背景图像,所以它看起来像你的标记。因此,您可能还需要更改该类,根据isset$YPE_选项['YPE_header_bg']]显示背景图像。如果您正在使用action,您应该这样做 在functions.php中 它将覆盖你的style.css PS:我没有测试代码,但我认为一切正常,应该可以工作 更新: 忘记关闭了,我的设置现在已经关闭了
我可以使用if语句,但我不知道如何以及何时使用它我想当用户想在我的管理面板中从图像更改背景颜色时自动显示颜色而不是图像背景是的我想在jumbotron类中仅更改背景属性谢谢你的答复,但我不能在我的header.php或我的我能问你为什么吗?你不应该把它放在你的头上,它应该放在你的函数里。php你的头上应该放的是wp_头;操作wordpress开发人员是否使用这种方式将css数据从管理面板上传和检索到主题?如果您检查wp_head url,在文章中,有一个类似于我的示例,但没有从get_选项获取数据,只是一个普通的内联css。这是第一个例子。我是Wordpress的初学者,但当我看到前面的一些主题包含管理面板中的管理面板时,我看到了大量的css字段和属性,但我不知道开发人员如何将这些属性检索到主题中
.jumbotron {
margin-bottom: 0;
background: url('../img/slideshow-img/slide1.jpg') top no-repeat;
padding: 24px 30px;
-webkit-box-shadow: 0 5px 6px -6px #777;
-moz-box-shadow: 0 5px 6px -6px #777;
box-shadow: 0 5px 6px -6px #777;
add_action( 'wp_head', 'custom_css' );
function custom_css() {
$YPE_options = get_option( 'YPE_header_option_name' );
if( isset( $YPE_options['YPE_header_bg'] ) ) {
printf(
'<style type="text/css"> .jumbotron { background: %s; }</style>',
$YPE_options['YPE_header_bg']
);
}
}