WordPress后台选项CodeStar-Framework,一个简单轻巧的WordPress选项框架

WordPress后台选项CodeStar-Framework,一个简单轻巧的WordPress选项框架

  • 正文概述
  • 一个简单轻巧的WordPress选项框架,用于主题和插件,内置大量的自定义字段和选项,允许您自定义管理,元框,分类和自定义设置引入所有页面。

    目前RiPro后台选项使用的正是CodeStar-Framework,简称CFS,这边文章将简单介绍CFS后台选项字段,了解字段类型,有助于后续子主题的开发。

    CFS官网

    GitHub:https://github.com/Codestar/codestar-framework/

    官方网站:http://codestarframework.com/

    英文文档:http://codestarframework.com/documentation

    字段名称

    /*简单示例*/
    array(
      'id'      => 'opt-text',
      'type'    => 'text',
      'title'   => 'Text',
      'default' => 'Hello world.'
    ),
    

    id:唯一,用于前端获取值,必须。

    type:字段类型,必须。

    title:字段标题,必须。

    default:选项的默认值,可选。

    其它常用(可选):

    desc:在字段后显示的说明。

    subtitle:说明显示在标题下方。

    help:在字段右上角显示的文本(悬停/弹出),右上角问号图标。

    dependency:开关选项用的最多,用于隐藏/显示选项,官方释义:根据其他字段值定义字段可见性。

    字段类型 Type

    字段类型可以理解为该选项提供的功能,如:文字输入,颜色选择,开关选项,图片上传等,以下是常用的一些字段类型说明。

    text:文本输入框,使用最多。

    array(
      'id'    => 'opt-text',
      'type'  => 'text', /*文字类型*/
      'title' => '文字类型',
    ),
    

    switcher:开关选项,可用于前端隐藏或显示某个功能。

    array(
      'id'      => 'opt-switcher',
      'type'    => 'switcher', 
      'title'   => '是否显示',
      'default' => true, /*默认开*/
    ),
    

    color:颜色选择

    array(
      'id'    => 'opt-color-1',
      'type'  => 'color',
      'title' => '颜色选择',
      'default' => '#000',
    ),
    

    icon:图标选择

    'id'    => 'opt-icon',
      'type'  => 'icon',
      'title' => '图标',
      'default' => 'fa fa-heart',
    ),
    

    upload:图片上传

    array(
      'id'    => 'opt-upload-1',
      'type'  => 'upload',
      'title' => '图片上传',
    ),
    

    以上就是RiPro后台常用选项,需了解更多请前往CSF官方查看文档。

    纯净子主题,干净整洁,独立后台,集成自助广告系统。
    主题兽 » WordPress后台选项CodeStar-Framework,一个简单轻巧的WordPress选项框架

    发表评论