如何在redux框架选项中显示上传或默认徽标

时间:2017-02-25 10:40:02

标签: php wordpress redux-framework

我正在使用Redux Framework for Wordpress主题。然后从redux选项面板上传徽标。

这是我的redux选项代码:

array(
    'id'        => 'opt_header_logo',
    'type'      => 'media',
    'url'       => true,
    'title'     => __('Logo', 'demo' ),
    'compiler'  => 'false',
    'subtitle'  => __('Upload your logo', 'demo' ),
    'default'   => array('url' => IMAGES . '/logo.png'),
),

这是我的显示代码:

<?php if($redux_demo['opt_header_logo']['url']!='') { ?>
    <img alt="" src="<?php bloginfo('template_directory'); ?>/images/logo.png">
<?php } else { ?>
    <img src="<?php global $redux_demo; echo''.$redux_demo['opt_header_logo']['url']; ?>">
<?php } ?>

如果没有上传图片,我想显示默认图像。此代码完美显示上传的图像,但当我从redux选项中删除上传的图像时,默认图像未显示。

请帮帮忙?

由于

3 个答案:

答案 0 :(得分:2)

好吧最后我得到了答案,我的代码工作正常。

这是我的输出工作代码:

                    <?php global $redux_demo; if($redux_demo['opt_header_logo']['url']!='') { ?>
                        <img src="<?php echo $redux_demo['opt_header_logo']['url']; ?>">
                    <?php } else { ?>
                        <img alt="" src="<?php bloginfo('template_directory'); ?>/images/logo.png">
                    <?php } ?>

答案 1 :(得分:0)

您的数组中的URL值是布尔值,因此您应该检查true或false 试试这个..

if($redux_demo['opt_header_logo']['url']) {} else {}

希望这会对你有所帮助。

答案 2 :(得分:0)

或者只是将IMAGES替换为样式表目录uri,并确保主题目录中包含默认图像

eonasdan-bootstrap-datetimepicker

然后回显该字段

import * as $ from 'jquery'; import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent, ], imports: [ BrowserModule, ], providers: [], bootstrap: [AppComponent] }) export class AppModule { constructor() { $.fn.datetimepicker.defaults.keepInvalid = true; $.fn.datetimepicker.defaults.useStrict = true; $.fn.datetimepicker.defaults.useCurrent = false; $.fn.datetimepicker.defaults.format = "MM/DD/YYYY"; $.fn.datetimepicker.defaults.keyBinds["delete"] = null; $.fn.datetimepicker.defaults.icons = { time: 'fa fa-clock-o', date: 'fa fa-calendar', up: 'fa fa-angle-up', down: 'fa fa-angle-down', previous: 'fa fa-chevron-left', next: 'fa fa-chevron-right', today: 'glyphicon glyphicon-screenshot', clear: 'fa fa-trash-o', close: 'fa fa-window-close' } } } 欢呼!