前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress二次开发之将插件集成到WordPress现有管理界面

WordPress二次开发之将插件集成到WordPress现有管理界面

作者头像
切图仔
发布2022-09-14 15:25:52
6370
发布2022-09-14 15:25:52
举报
文章被收录于专栏:生如夏花绚烂

之前开发的方式是创建菜单->创建页面->编写代码 这种开发插件的方式比较麻烦,如果只是一些小的功能,小的配置,我们完全可以将其集成到现有的WordPress

将上一篇文章的插件代码精简如下

代码语言:javascript
复制
<?php
/*
Plugin Name:test_install
Description:这是描述
Author:tzh
Version:0.0.1
*/
// 创建菜单
class my_change_font_style{
    var $option_group = 'general'; //注册选项 设置显示在哪个页面

    public function __construct()
    {
        add_action('admin_init',array($this,'register_my_test_setting'));
        add_action('wp_head',array($this,'my_test_head_fun'));
    }
    
    public function register_my_test_setting(){
        //注册一个选项,用于装载所有插件设置项
        register_setting($this->option_group,'my_test_option');
        //设置字段
        /**
         * 字段id
         * 字段标题
         * 输出字段的方法
         * 字段分组
         * 字段展示区域
         */ 
        add_settings_field(
            'my_test_color',
            '字体颜色',
            array($this,'my_test_color_function'),
            $this->option_group
        );
        //设置字段 字体大小
        add_settings_field(
            'my_test_size',
            '字体大小',
            array($this,'my_test_size_function'),
            $this->option_group
        );
    }
    
    //字体颜色
    public function my_test_color_function(){
        //获取选项  之前用register_setting注册的选项
        $my_test_option = get_option('my_test_option');
        ?>
        <!-- name值为 要保存的字段名称 = 选项名称(my_test_option)+[字段名称] -->
        <input type="text" name="my_test_option[color]" value="<?php echo $my_test_option['color']?>">
        <?php
    }
    //字体大小
    public function my_test_size_function(){
        $my_test_option = get_option('my_test_option');
        $size = $my_test_option['size'];
        ?>
        <select name="my_test_option[size]" id="">
            <option value="12" <?php selected('12',$size)?>>12</option>
            <option value="14" <?php selected('14',$size)?>>14</option>
        </select>
        <?php
    }
    public function my_test_setting_section_function(){
        ?><p>设置字体样式</p><?php
    }
    public function my_test_head_fun(){
        $my_test_option = get_option('my_test_option');//获取选项组
        ?>
        <style>
            body{
                color:<?php echo $my_test_option['color']?>;
                font-size: <?php echo $my_test_option['size']?>;
            }
        </style>
        <?php
         
    }

    
}
new my_change_font_style();

我们取消了页面初始布局,左侧菜单,字段的展示区域等 新增 var $option_group = 'general'属性 该属性用于设置 选项的展示区域 与设置子菜单对应

取对应的值展示到对应的区域

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档