Redux框架:背景logo设置与wordpress - Redux framework: background logo setup with in wordpress

Redux framework: background logo setup with in wordpress

我想设置一个主题选项"Logo上传"与Redux框架。但是我遇到了一些问题，因为我的HTML模板通过样式表设置了徽标。如何通过上传器设置这个logo ?我是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;
}

您必须使用内联CSS或制作基于PHP变量编译的CSS文件

<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'); ?>