Question

您好我创建了选项页面。我的选项页面包含一些输入文本上传图片字段和上传我主题的Google Adsense广告。但现在我添加颜色选择器为我的背景标题选择自定义颜色。这是我的代码，它负责标题背景颜色

$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>

我在我的jumbotron文件中添加了style.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;

}

我添加了url('../img/slideshow-img/slide1.jpg') top no-repeat属性作为标题的背景图片。

我想说if isset($YPE_options['YPE_header_bg'])显示我的颜色而不是我的图像，否则会将图像显示为背景

我怎么能这样做？

Answer 1

如果我正确地读了你的问题。

一个选项，两个步骤：

第一步）根据isset更改A元素的类（$ YPE_options ['YPE_header_bg']）这允许您设置背景颜色。

第二步）仅在未设置时显示图像（$ YPE_options ['YPE_header_bg']）

oops：你在jssotron的css中有一个背景图片（所以它从你的标记看起来）。所以你可能也想改变那个类，根据你的isset显示背景图像（$ YPE_options ['YPE_header_bg']）

Answer 2

如果你正在使用wp_head()行动，那么你应该这样做......

在你的functions.php中

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'] 
        );
    }

}

它会覆盖你的style.css

PS：我没有测试代码，但我认为一切正常，它应该有效。

更新：

忘记关闭isset（）（现已关闭）

从Wordpress管理面板更改CSS属性

2 个答案: