萨龙网络
登录
首页-WordPress文章-WordPress-正文

WordPress 简约实用的主题选项框架 Codestar Framework

萨龙龙萨龙龙
WordPress
7年前
0
0
3.84W
Codestar Framework,一个轻量且易用的 WordPress 选项框架,在萨龙龙最新设计开发的企业教育培训类 WordPress 主题 Slearn 中已经使用了些框架。之前的主题都是使用 Redux Framework 选项框架,很强大实用,但不是『开箱即用的』,需要修改或者删除一些模块,比如广告。对比了这两个选项框架,各有千秋,Redux 免费的只提示主题选项的设置,Codestar 则提供除了了主题选项外的 Metaboxes,Taxonomy,Shortcoder和Customizer 四种类型的选项,这些将包括一个主题所有选项的需求,了解之后实在爱不释手。 选择 Codestar 另一个重要原因是有 Group Field 模块,可设置任意字段并无限增加新的字段,这个功能在幻灯片的设置选项中尤其重要。Redux 的 Slides 模块只提供默认的几个选项,如果幻灯片想使用两个按钮,就无从下手了。相对来说 Codestar 的模块还是有很多不足,但不足的地方完全不影响使用,所以今天我来介绍下 Codestar Framework。 WordPress 简约实用的主题选项框架 Codestar Framework

一、五大选项

1、框架选项 内置OOP范例,具有大量自定义字段和选项,高度现代化和先进的框架。 2、Metaboxes 选项 允许您将自定义 metabox 设置添加到所有页面和文章中,并提供具有大量高级设置的字段。 3、分类选项 允许您将自定义分类设置添加到所有类型的分类,标签或CPT,并提供具有大量高级设置的字段。 4、简码选项 附带预先创建好的简码编辑器来管理,非常简单灵活构建无限布局。 5、自定义工具选项 继承默认的WordPress定制器,并集成自己的自定义字段,实时定制您的网站更加强大。

二、官网及文档

1、官网:http://codestarframework.com/ 2、文档:http://codestarframework.com/documentation/

三、使用

1、集成在主题中
  • a、从 Github 下载插件
  • b、将 zip 压缩包解压并放在主题根目录下,并重命名:cs-framework
  • c、在主题函数文件 functions.php 添加代码:require_once get_template_directory() .'/cs-framework/cs-framework.php';
  • d、现在可以准备配置你的框架、Metabox、简码、自定义工具
  • e、所有的选项设置在themename/cs-framework/config目录下
  • 详情请阅读文档
2、集成在插件中 [ssbluelist]
  • Github 下载插件
  • 方法1:解压到wp-content/plugins/cs-framework你的插件目录下
  • 方法2:在网站后台上传安装插件,并激活它
  • 现在可以准备配置你的框架、Metabox、简码、自定义工具
  • 查看themename/cs-framework/config里的配置文件
  • 详情请阅读文档
[/ssbluelist]

四、启用/禁用模块

添加 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

七、特色

[ssgreenlist]
  • 选项框架(Options Framework)
  • Metabox框架(Metabox Framework)
  • 分类框架(Taxonomy Framework)
  • WP自定义框架(WP Customize Framework)
  • 简码生成(Shortcode Generator)
  • 支持子主题(Supports Child Themes)
  • 验证字段(Validate Fields)
  • 清理字段(Sanitize Fields)
  • 本地化(Localization)
  • 字段依赖(Fields Dependencies)
  • 支持混合字段(Supports Multilangual Fields)
  • 复位/恢复/导出/导入选项(Reset/Restore/Export/Import Options)
  • 还有很多…
[/ssgreenlist]

八、选项字段

[ssyellowlist]
  • 文本(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)
  • 和很多扩展字段
[/ssyellowlist] [infobox]最后,喜欢此框架可以下载下来使用,后续会把主题使用过程的疑难及特殊功能整理发布。[/infobox]
标签:
本文原创,作者:萨龙龙,其版权均为萨龙网络所有。
如需转载,请注明出处:https://salongweb.com/codestar-framework.html
萨龙龙

萨龙龙

侠客
一个平平常常的人,热爱生活、旅行和摄影,骑行去过西藏,一直计划再去。14年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!
1342.24M456.68W3.85W
分享:
WordPress the_date() 函数将同一天的文章显示在一个日期下
WordPress the_date() 函数将同一天的文章显示在一个日期下上一篇
WordPress 一键数据库初始化重置插件:WordPress Reset下一篇
WordPress 一键数据库初始化重置插件:WordPress Reset
相关文章
总数:107

WordPress 功能函数—— activate_plugin(已激活的插件不会再次尝试激活)

描述 已激活的插件不会再次尝试激活。 它的工作方式是在尝试包含插件文件之前将重定向设置为错误。如果插件失败,则重定向…
萨龙龙萨龙龙
WordPress Functions
6年前
0
0
1.29W
0

WordPress 主题获得评论深度的2种方法

一、通过使用全局变量获取评论深度 我相信您应该知道wp_list_comments()函数,它可以将评论打印在网站页面上。 为什么这个功…
萨龙龙萨龙龙
WordPress
4年前
0
0
2.26W
0

WordPress主题使用jQuery插件Isotope添加作品集筛选功能

上一篇文章我们介绍了Isotope,功能强大,效果出众的jQuery插件,但是文章中的代码并不能使用在项目中,所以今天通过Wordpress主题…
萨龙龙萨龙龙
jQuery插件, WordPress
10年前
0
0
1.88W
0

WordPress添加 span 标签到分类目录和文章归档文章数量上

WordPress默认提供了分类目录,文章归档等小工具,在前台开发中,由于分类目录和文章归档显示的文章数量没有添加标签,导致写样式比较麻烦,如…
萨龙龙萨龙龙
WordPress
5年前
0
0
1.40W
0

使用 wp_add_inline_script 函数向 WordPress 站点输出脚本

前面我们介绍了wpadd_inline_style函数的使用,并为主题添加自定义样式切换功能,既然有函数可以向站点输出css样式,同时也可以…
萨龙龙萨龙龙
WordPress
7年前
0
0
1.53W
0

wordpress自定义域函数get_post_custom_values多个值循环

自定义域在Wordpress中有着相当重的份量,很多功能都可以在其中实现,最近有朋友要萨龙龙添加两个功能,一是缩略图使用自定义域来获取(支持外链…
萨龙龙萨龙龙
WordPress
10年前
0
0
1.06W
0

WordPress网站统计相关信息使用大全

很多个人博客都有一个小工具是来统计网站的一些信息,Deephoto主题企业版本首页就集成了网站统计,添加了工作天数、完成作品、新闻动态、摄影师、…
萨龙龙萨龙龙
WordPress
10年前
0
0
1.19W
0

WordPress通过分类ID获取分类名称与链接

在Wordpress主题开发的过程中,尤其是CMS主题分类的布局,通过后台选项(萨龙龙使用的都是Redux开源框架)选择分类,前台通过调用分类的…
萨龙龙萨龙龙
WordPress
10年前
0
0
1.78W
0

WooCommerce 通过woocommerce_cart_item_thumbnail钩子修改购物车缩略图

在开发基于WooCommerce的商城主题时,我们一般会将模板文件添加到主题中来进行修改,对于有钩子或接口的地方,就没有必要再修改模板代码了…
萨龙龙萨龙龙
WooCommerce
5年前
0
0
1.62W
0

WordPress 限制上传媒体的文件类型

MNews和LensNews主题都有前台投稿的功能,用户可以上传图片等文件,管理员是不希望用户上传任意的媒体文件,这时我们可以对用户上传的…
萨龙龙萨龙龙
WordPress
7年前
0
0
1.20W
0

禁用管理员通知『连接您的店铺到 WooCommerce.com 接受扩展更新和支持』

WooCommerce后台对管理员的通知『连接您的店铺到WooCommerce.com接受扩展更新和支持』,是3.3.1版本后出来了,新的…
萨龙龙萨龙龙
WooCommerce
7年前
0
0
1.13W
0

WordPress 功能函数—— add_blog_option(为指定的博客ID添加新选项)

描述 您不需要序列化值。如果需要序列化值,则在将其插入数据库之前将其序列化。请记住,资源不能序列化或作为选项添加。 …
萨龙龙萨龙龙
WordPress Functions
6年前
0
0
1.03W
0
评论表单游客 您好,欢迎参与讨论。
请输入昵称
请输入邮箱
请输入网址
0 / 0
评论列表
总数:0
萨龙网络
没有相关内容