Codestar Framework 是一个在 WordPress 主题和插件开发中常用的工具之一。我们可以看到,无论是国内还是国外的许多 WordPress 主题和插件,都采用了 Codestar Framework,借助它能够显著提升开发效率。因此,今天我们就来一起认识一下这个 Codestar Framework 框架。

特征免费版高级版
Admin 选项框架支持支持
自定义期权框架不支持支持
Metabox 选项框架不支持支持
导航菜单选项框架不支持支持
分类选项框架不支持支持
Profile 选项框架不支持支持
小部件选项框架不支持支持
注释选项框架不支持支持
短代码选项框架不支持支持
所有选项字段不支持支持
开发人员包不支持支持
Unminfy 库不支持支持
新请求不支持支持
自动删除广告不支持支持
生命周期访问/更新不支持支持
高级支持不支持支持
下载地址下载免费版获取高级版

我们可以发现,CSF 框架的免费版本支持 Admin Option Framework 管理系统,然而像菜单、自定义用户内容、侧边栏和短代码功能是需要购买 Pro 版本才能使用。不过,对于大多数简易的主题开发需求来说,免费版本的 CSF 框架已经完全能够满足。如果确实需要实现更深入或复杂的功能,选择高级版本是必须的。

Codestar Framework主题后台框架介绍和部署WordPress教程记录


当我们真正打算深入开发主题或插件时,还是推荐选择付费框架,尤其是带有永久授权的版本。这样能确保能够持续获得最新的功能和安全更新。毕竟,像 OP 这样的免费框架,以及其他一些免费框架,很多年都没有进行更新升级,存在安全隐患或者兼容性问题的风险。


如果我们计划从事主题或插件的开发,建议直接购买付费版本,特别是永久授权且不限项目使用的选项。永久版权仅需 65.5 美元,不限制项目数量的使用,对职业开发者而言,这是一个相当必要的投资。在这里还想提一下,Options Framework 框架不支持插件,此外,OP 框架也已经很长时间没有维护或更新了。

Codestar Framework专业版本购买价格

我们可以看到最新才更新且兼容最新WP5.9版本。如果我们选择其他开源免费的WordPress选项框架,升级兼容没有得到及时的更新,这个对于我们万一需要长期维护的商业主题插件确实是比较麻烦的。

我们一起看看如何将 Codestar Framework 框架部署到我们的WordPress主题开发里。

我们将解压好的CF框架文件夹(codestar-framework)放到当前需要采用框架的主题目录的 inc 文件夹里面。inc 文件夹也是我们自己创建。

然后在 Functions.php 文件中引用框架。

require_once get_theme_file_path() .'/inc/codestar-framework/codestar-framework.php';

这里的URL目录要配合我们上面的目录路径一致,如果你调整的这里也要调整。然后我们在 codestar-framework 创建一个 options 目录。这里我们单独将配置文件独立出来,不准备和 Functions.php 凑到一起,因为 这个 Functions.php 文件以后还有其他站点功能需要用到。

Codestar Framework专业版后台演示

然后我们创建一个 options.lezaiyun.php 文件。

<?php
 
if( class_exists( 'CSF' ) ) {
 
$prefix = 'my_framework';
 
//
// Create options
//
CSF::createOptions( $prefix, array(
'menu_title' => '主题设置',
'menu_slug' => 'csf-demo',
) );
 
//
// Create a section
//
CSF::createSection( $prefix, array(
'title' => '基础设置',
'icon' => 'fas fa-rocket',
'fields' => array(
 
//
// A text field
//
array(
'id' => 'opt-text',
'type' => 'text',
'title' => 'Text',
),
 
array(
'id' => 'opt-textarea',
'type' => 'textarea',
'title' => 'Textarea',
'help' => 'The help text of the field.',
),
 
array(
'id' => 'opt-upload',
'type' => 'upload',
'title' => 'Upload',
),
 
array(
'id' => 'opt-switcher',
'type' => 'switcher',
'title' => 'Switcher',
'label' => 'The label text of the switcher.',
),
 
array(
'id' => 'opt-color',
'type' => 'color',
'title' => 'Color',
'default' => '#3498db',
),
 
array(
'id' => 'opt-checkbox',
'type' => 'checkbox',
'title' => 'Checkbox',
'label' => 'The label text of the checkbox.',
),
 
array(
'id' => 'opt-radio',
'type' => 'radio',
'title' => 'Radio',
'options' => array(
'yes' => 'Yes, Please.',
'no' => 'No, Thank you.',
),
'default' => 'yes',
),
 
array(
'id' => 'opt-select',
'type' => 'select',
'title' => 'Select',
'placeholder' => 'Select an option',
'options' => array(
'opt-1' => 'Option 1',
'opt-2' => 'Option 2',
'opt-3' => 'Option 3',
),
),
 
 
array(
'id' => 'opt-icon',
'type' => 'icon',
'title' => 'Icon',
),
 
 
 
)
) );
 
 
}

这里先放一个简单的演示文件。这里的规则我们也可以参考CSF的演示文档,然后进行汉化和修改。演示文档里包括有很多常用的文本,比如上传、文本框、选择框等等。

然后我们需要到 codestar-framework 文件夹中的 codestar-framework.php 文件引用,添加。

require_once plugin_dir_path(__FILE__) .'options/options.lezaiyun.php';

这样子,我们就可以去WP后台看看我们这个主题。

这里我用CSF框架自带的基础功能可以作为主题的后台,是不是比我们自己做后台简单很多?那我们如何调用后台设置配置好的参数呢?

我们需要先看下 options.lezaiyun.php 文件上面的:

$prefix = 'my_framework';

这个 “my_framework” 可以根据我们的需要修改自定义创意的,比如 lezaiyun_framework,因为后面调用数据前端显示的时候需要用到。

<?php echo get_option('lezaiyun_framework')['文本ID']; ?>

或者我们也可以自定义更短的。

在 Functions.php 自定义获取数据方式:

if (! function_exists('lezaiyun')) {
function lezaiyun($option = '', $default = null) {
$options = get_option('my_framework');
return (isset($options[$option])) ? $options[$option] : $default;
}
}

这样我们调用的时候直接用:

<?php echo lezaiyun('文本ID'); ?>

这样是不是更简洁。

这样,我们就完成Codestar Framework框架的部署到WordPress主题中,我们可以在后端设置需要调用的参数部分,然后在前端主题里调用出来,这样就可以依托Codestar Framework框架做比较丰富的主题,而不是让用户在主题里修改代码。

推荐资源

发表回复

后才能评论