Codestar Framework框架使用

Codestar Framework是一个后端框架,它是基于WordPress的开发框架,用于快速构建WordPress主题和插件。它提供了许多有用的功能和工具,如自定义选项面板、短代码、自定义邮件、自定义小工具等,使开发者能够更轻松地创建高质量的WordPress主题和插件。

使用:

1、集成在主题中

  • a、从 Github 下载插件
  • b、将 zip 压缩包解压并放在主题根目录下,并重命名:cs-framework
  • c、在主题函数文件 functions.php 添加代码:
    //引入设置框架
    require_once get_template_directory() .'/cs-framework/codestar-framework.php';

文档建议:

    require_once get_theme_file_path() .'/inc/codestar-framework/codestar-framework.php';
  • d、现在可以准备配置你的框架、Metabox、简码、自定义工具
  • e、所有的选项设置在themename/cs-framework/config目录下
  • 详情请阅读文档

2、集成在插件中

  • 从 Github 下载插件
  • 方法1:解压到wp-content/plugins/cs-framework你的插件目录下
  • 方法2:在网站后台上传安装插件,并激活它
  • 现在可以准备配置你的框架、Metabox、简码、自定义工具
  • 查看themename/cs-framework/config里的配置文件
  • 详情请阅读文档

启用/禁用模块

添加 define 代码到themename/functions.php文件中:

    define( 'CS_ACTIVE_FRAMEWORK', true ); // default true
    define( 'CS_ACTIVE_METABOX', false ); // default true
    define( 'CS_ACTIVE_TAXONOMY', false ); // default true
    define( 'CS_ACTIVE_SHORTCODE', false ); // default true
    define( 'CS_ACTIVE_CUSTOMIZE', false ); // default true

或者直接修改/cs-framework/cs-framework.php文件中的配置

启用简约设计模式

插件默认的样式是深黑色的,在你的主题或插件中添加以下的代码,亮灰色样式就会被激活。

    define( 'CS_ACTIVE_LIGHT_THEME',  true  ); // default false

重写文件

你可以在不改动themename/cs-framework的目录情况下重写一个文件,只需创建一个themename/cs-framework-override文件夹,例如:

    themename/cs-framework-override/config/framework.config.php
    themename/cs-framework-override/functions/constants.php
    themename/cs-framework-override/fields/text/text.php

特色

  • 选项框架(Options Framework)

选项字段

  • 文本(Text)
  • 文本域(Textarea)
  • 复选框(Checkbox)
  • 单选框(Radio)
  • 选择项(Select)
  • 数字(Number)
  • 图标(Icons)
  • 群组(Group)
  • 图像(Image)
  • 上传(Upload)
  • 画廊(Gallery)
  • 分选器(Sorter)
  • 所见即所得编辑器(Wysiwyg)
  • 开关切换器(Switcher)
  • 背景(Background)
  • 颜色取样(Color Picker)
  • 混合复选框(Multi Checkbox)
  • 图像复选框(Checkbox Image Select)
  • 图像单选框(Radio Image Select)
  • 文本排版(Typography)
  • 备份(Backup)
  • 头标题(Heading)
  • 子标题(Sub Heading)
  • 字段集(Fieldset)
  • 通知(Notice)
  • 和很多扩展字段

原创部分

如何使用?

上面已经提到了,

那么,如何自定义选项?

在主题根目录下的functions.php文件的<?php下添加如下实例代码即可。

    //自定义的framework设置框架
    // Control core classes for avoid errors
    if( class_exists( 'CSF' ) ) {
      //// Set a unique slug-like ID
      $prefix = 'my_framework';
      //// Create options
      CSF::createOptions( $prefix, array(
        'menu_title' => 'My Framework',
        'menu_slug'  => 'my-framework',
      ) );
      //// Create a section
      CSF::createSection( $prefix, array(
        'title'  => '选项卡一',
        'fields' => array(
          //// A text fieldarray('id'    => 'opt-text','type'  => 'text','title' => 'Simple Text',
          ),
     array(
          'id'    => 'mirages_testm',
          'type'  => 'media',
          'title' => '媒体一',
       'library' => 'image',
        ),
        )
      ) );
      CSF::createSection( $prefix, array(
        'title'  => '选项卡二',
        'fields' => array(
          array(
            'id'    => 'opt-textarea',
            'type'  => 'textarea',
            'title' => 'Simple Textarea',
          ),
        )
      ) );
    }

Codestar Framework框架使用

相关位置添加如下代码

    $options = get_option( 'my_framework' ); // 框架的唯一 id
    echo $options['opt-textarea']; // id of the field
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

给TA打赏
共{{data.count}}人
人已打赏
php后端

WordPress未登录图片模糊-GIF图片不受限制

2023-5-8 18:46:48

html5php前端后端

Wordpress添加可以重复使用的自定义metabox字段

2023-5-9 22:24:11

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索