WordPress 主题选项框架 Codestar Framework Pro 2.0专业版使用

萨龙网络在2018年9月份就写了一篇《WordPress 简约实用的主题选项框架 Codestar Framework》文章来介绍 Codestar Framework，当时所有功能还是免费的，五大功能都是有，使用后唯一不足的体验较差，还特意修复了些问题。

2019年1月份发布2.0版本就出了专业版本，其实就是把1.0版本的后台选项单独拿出来做为免费版本，专业版本包括所有功能，在购买专业版本使用后，用户体验方面做了很大改进，值得购买。这之后萨龙网络将会写一系列 Codestar Framework Pro 的使用，今天我们就简单说下如何快速使用和获取参数。

一、直接使用插件

1、在codecanyon.net网站中下载购买的插件

2、在 WordPress 后台 - 插件 - 安装插件中上传安装

3、添加选项代码到 主题functions.php文件中

// 判断核心类是否有加载，以免出错
if( class_exists( 'CSF' ) ) {
    // 设置一个独立的选项 ID
    $prefix = 'my_framework';
    // 创建选项
    CSF::createOptions( $prefix, array(
        'menu_title' => 'My Framework',
        'menu_slug'  => 'my-framework',
    ) );
    // 创建一段选项
    CSF::createSection( $prefix, array(
        'title'  => 'Tab Title 1',
        'fields' => array(
            // 单行文本框字段
            array(
                'id'    => 'opt-text',
                'type'  => 'text',
                'title' => 'Simple Text',
            ),
        )
    ) );
    // 创建一段选项
    CSF::createSection( $prefix, array(
        'title'  => 'Tab Title 2',
        'fields' => array(
            // 多行文本框字体
            array(
                'id'    => 'opt-textarea',
                'type'  => 'textarea',
                'title' => 'Simple Textarea',
            ),
        )
    ) );
}

二、集成到主题中

1、在codecanyon.net网站中下载购买的插件

2、将插件解压到主题根目录下，比如：/wp-content/themes/theme-name/inc/codestar-framework或者其它地方也可以

3、添加选项代码到 主题functions.php文件中

/**
 *
 * .
 * ├── wp-content
 * |   ├── themes
 * |   |   ├── theme-name
 * |   |   |   ├── style.css
 * |   |   |   ├── screenshot.png
 * |   |   |   ├── functions.php <--------- 通过文本编辑器打开
 * |   |   |   ├── ..
 * |   |   |   ├── ...
 *
 */

/**
 *
 * Codestar Framework
 * 一个简单而轻量级的WordPress主题和插件选项框架
 *
 */
require_once get_theme_file_path() .'/inc/codestar-framework/codestar-framework.php';

三、如何获取选项的值

// 获取选项
$options = get_option( 'my_framework' ); // 选项的唯一 ID
echo $options['opt-text']; //  字段的 ID
echo $options['opt-textarea']; // 字段的 ID

Codestar Framework 2.0 后使用稍简化了很多，之前是全部自动加载了，需要添加代码来禁用。选项代码的添加也更加专业，归类明确，五大功能的选项都是通用，还有些不足的地方，比如上传图片不支持预览，有些说明文本样式不够美化，希望之后更新修复下。

PS：萨龙网络的都修复了，哈哈……