Redux 框架：在 wordpress 中设置背景徽标

Question

我想使用 Redux 框架设置一个主题选项“徽标上传”。但是我遇到了一些问题，因为我的 HTML 模板通过样式表设置了徽标。如何通过上传器设置此徽标？我是 wordpress 的新手，显然是 redux 框架。我尝试了一些代码，但没有成功。

这是我的代码：

<div class="header row">
        <div class="span12">
            <div class="navbar">
                <div class="navbar-inner">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <h1>
                    <?php global $anida;
                        $logo=$anida ['header_logo'] ['url']
                     ?>
                        <a class="brand" href="<?php echo home_url();?>"><?php bloginfo('title'); ?> - <?php bloginfo('description'); ?><?php echo $logo ?></a>
                    </h1>
                    <div class="nav-collapse collapse">
                        <?php
                        if (function_exists('wp_nav_menu')) {
                            wp_nav_menu(array('theme_location' => 'wpj-main-menu', 'menu_class' => 'nav pull-right', 'fallback_cb' => 'wpj_default_menu'));
                        }
                        else {
                            wpj_default_menu();
                        }
                        ?>                              

                    </div>
                </div>
            </div>
        </div>
    </div>

我的 CSS 是：

.header a.brand {
    display: inline-block;
    text-indent: -9999px;
    width: 280px;
    height: 63px;
    padding: 30px 0;
    background: url(../img/logo.png) 20px center no-repeat;
}

Answer 1

<div class="header row">
    <div class="span12">
        <div class="navbar">
            <div class="navbar-inner">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <h1>
                <a class="brand" href="<?php echo home_url();?>"><?php bloginfo('title'); ?> - <?php bloginfo('description'); ?><?php echo $logo ?></a>
                </h1>
                <div class="nav-collapse collapse">
                    <?php
                    if (function_exists('wp_nav_menu')) {
                        wp_nav_menu(array('theme_location' => 'wpj-main-menu', 'menu_class' => 'nav pull-right', 'fallback_cb' => 'wpj_default_menu'));
                    }
                    else {
                        wpj_default_menu();
                    }
                    ?>                              

                </div>
            </div>
        </div>
    </div>
</div>

---

样式表文件

.header a.brand {
    display: inline-block;
    text-indent: -9999px;
    width: 280px;
    height: 63px;
    padding: 30px 0;

}

//在functions.php中添加这个

<?php    
    function theme_custom_options(){ 

        global $anida;
        $logo=$anida ['header_logo'] ['url']

    <style>

    .header a.brand {
        background: url(<?php $logo=$anida ['header_logo'] ['url'] ?>) 20px center no-repeat;
    }
    </style>
     <?php 
    }

    add_action('wp_head','theme_custom_options'); ?>

Answer 2

你必须做内联 CSS 或制作一个基于 PHP 变量编译的 CSS 文件。