WordPress主题 之后台添加控制切换按钮表单控件

2023-05-16 13:17:37 浏览数 (1)

上一篇文章我们说到加灯笼,在给新站加灯笼的时候想着给后台加一个控制开关,来控制前台是否显示灯笼控件。

效果

实例: 基于日主题

由于PHP基础薄弱,IF多层嵌套逻辑没有搞清。本来想加手机端和主页外页面显示控制,就改成注释自助修改了

首先逻辑就是 先创建一个类控制按钮切换,然后用if判断引入这个id,再在if判断内写要放入的内容。大功告成。至于切换器 下一层的 切换器,和文本框(没写功能,仅供参考)

后台添加控制按钮 详解

代码

代码语言:javascript复制
    	array(
            'id'      => 'post_copyright_sdl',  //控制按钮ID名
            'type'    => 'switcher',			//属性 按钮
            'title'   => '网站顶部挂新年灯笼',
            'label'   => '默认移动端不显示灯笼,PC端主页外其他页面也显示。修改可前往footer.php查看注释',
            'default' => false,//真假是否显示

        ),
        array(
            'id'         => 'post_copyright_dl',
            'type'       => 'switcher',
            'title'      => '手机端不显示灯笼',
            'default'    => '',
            'dependency' => array('post_copyright_sdl', '==', 'true'),//当 post_copyright_sdl 开启时显示
        ),
         array(
            'id'         => 'post_copyright_sd2',
            'type'       => 'text', //属性文本
            'title'      => '版权文字',
            'default'    => '未经允许不得转载:',  //值
            'dependency' => array('post_copyright_sdl', '==', 'true'),
        ),

前端调用

代码语言:javascript复制
 <?php 
	if( _hui('post_copyright_sdl') ){	//中间的值为设置的id	
       //你要显示输出的内容
    } 
    ?>

更多实例,仅供参考学习

代码语言:javascript复制
  array(
            'id'      => 'post_rewards_s',
            'type'    => 'switcher',
            'title'   => '打赏',
            'label'   => '',
            'default' => false,
        ),
        array(
            'id'         => 'post_rewards_text',
            'type'       => 'text',
            'title'      => '打赏:显示文字',
            'default'    => '打赏',
            'dependency' => array('post_rewards_s', '==', 'true'),
        ),
        array(
            'id'         => 'post_rewards_title',
            'type'       => 'text',
            'title'      => '打赏:弹出层标题',
            'default'    => '觉得文章有用就打赏一下文章作者',
            'dependency' => array('post_rewards_s', '==', 'true'),
        ),
        array(
            'id'         => 'post_rewards_alipay',
            'type'       => 'media',
            'title'      => '打赏:支付宝收款二维码',
            'add_title'  => '上传',
            'desc'       => '',
            'default'    => array('url' => get_stylesheet_directory_uri() . '/img/qrcode.png'),
            'dependency' => array('post_rewards_s', '==', 'true'),
        ),
        array(
            'id'         => 'post_rewards_wechat',
            'type'       => 'media',
            'title'      => '打赏:微信收款二维码',
            'add_title'  => '上传',
            'desc'       => '',
            'default'    => array('url' => get_stylesheet_directory_uri() . '/img/qrcode.png'),
            'dependency' => array('post_rewards_s', '==', 'true'),
        ),
        array(
            'id'      => 'post_like_s',
            'type'    => 'switcher',
            'title'   => '点赞',
            'label'   => '',
            'default' => true,
        ),
        array(
            'id'      => 'post_prevnext_s',
            'type'    => 'switcher',
            'title'   => '上一篇和下一篇文章',
            'label'   => '',
            'default' => true,
        ),
        array(
            'id'      => 'post_related_s',
            'type'    => 'switcher',
            'title'   => '相关文章 ',
            'label'   => '',
            'default' => true,
        ),
        array(
            'id'         => 'post_related_style',
            'type'       => 'radio',
            'title'      => '相关文章:显示风格',
            'inline'     => true,
            'options'    => array(
                'style_0' => '带缩略图',
                'style_1' => '简洁标题',
            ),
            'default'    => 'style_0',
            'dependency' => array('post_related_s', '==', 'true'),
        ),
        array(
            'id'         => 'related_title',
            'type'       => 'text',
            'title'      => '相关文章:标题',
            'default'    => '相关推荐',
            'dependency' => array('post_related_s', '==', 'true'),
        ),

        array(
            'id'      => 'post_related_n',
            'type'    => 'slider',
            'title'   => '相关文章:显示数量',
            'default' => 8,
        ),

        array(
            'id'      => 'post_share_s',
            'type'    => 'switcher',
            'title'   => '文章 底部分享模块',
            'label'   => '',
            'default' => true,
        ),
        array(
            'id'      => 'share_post_image_thumb',
            'type'    => 'switcher',
            'title'   => '被分享时优先选择文章特色图像',
            'label'   => '',
            'default' => true,
        ),
        array(
            'id'         => 'share_base_image',
            'type'       => 'media',
            'title'      => '被分享时的默认图片',
            'add_title'  => '上传',
            'desc'       => '',
            'default'    => array('url' => get_stylesheet_directory_uri() . '/img/logo.png'),
            'dependency' => array('post_rewards_s', '==', 'true'),
        ),

    ),
));

// 页面设置

CSF::createSection($prefix, array(
    'title'  => '页面设置',
    'icon'   => 'fa fa-credit-card',
    'fields' => array(
        array(
            'id'      => 'is_login_popup',
            'type'    => 'switcher',
            'title'   => '登录注册弹窗模式',
            'label'   => '开启-仅在PC端,大屏幕有效,手机端默认页面模式',
            'default' => true,
        ),

        array(
            'id'        => 'login_bg_img',
            'type'      => 'media',
            'title'     => '登陆注册页面背景图片',
            'add_title' => '上传图片',
            'desc'      => '建议尺寸:1920*1080px',
            'default'   => array('url' => get_stylesheet_directory_uri() . '/img/loginbg.jpg'),
        ),

0 人点赞