Фреймворк Redux: настройка фонового логотипа в wordpress

Я хочу настроить опцию темы «Загрузка логотипа» с помощью Redux framework. Но я столкнулся с проблемой, потому что мой 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;
}

frameworks wordpress php css redux-framework
person partha    schedule 14.08.2014    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вам нужно будет сделать встроенный CSS или создать файл CSS, который компилируется на основе переменных PHP.

person Dovy    schedule 14.08.2014
comment
Не могли бы вы привести пример файла CSS, который компилируется на основе PHP? - person partha; 15.08.2014
comment
body {фон: ‹?php echo $anida['header_logo']['url'];?›} - person Dovy; 15.08.2014
comment
Большое спасибо Дови. Если у меня есть какие-либо вопросы о Redux, надеюсь, мне помогут. - person partha; 16.08.2014
comment
Лучше всего размещать сообщения в системе отслеживания проблем Redux: github.com/ReduxFramework/redux-framework/issues. Мы не всегда здесь отвечаем. И если вы не возражаете отметить мой ответ как ответ, я не возражаю против дополнительных баллов. :П - person Dovy; 16.08.2014

arrow_upward
0
arrow_downward 

<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'); ?>
person MD Shahed Alam    schedule 16.02.2015