1. 首页
  2. WordPress插件

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

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

一、直接使用插件

1、在

1
codecanyon.net

网站中下载购买的插件

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

3、添加选项代码到 主题

1
functions.php

文件中

  1. // 判断核心类是否有加载,以免出错
  2. if( class_exists( ‘CSF’ ) ) {
  3. // 设置一个独立的选项 ID
  4. $prefix = ‘my_framework’;
  5. // 创建选项
  6. CSF::createOptions( $prefix, array(
  7. ‘menu_title’ => ‘My Framework’,
  8. ‘menu_slug’ => ‘my-framework’,
  9. ) );
  10. // 创建一段选项
  11. CSF::createSection( $prefix, array(
  12. ‘title’ => ‘Tab Title 1’,
  13. ‘fields’ => array(
  14. // 单行文本框字段
  15. array(
  16. ‘id’ => ‘opt-text’,
  17. ‘type’ => ‘text’,
  18. ‘title’ => ‘Simple Text’,
  19. ),
  20. )
  21. ) );
  22. // 创建一段选项
  23. CSF::createSection( $prefix, array(
  24. ‘title’ => ‘Tab Title 2’,
  25. ‘fields’ => array(
  26. // 多行文本框字体
  27. array(
  28. ‘id’ => ‘opt-textarea’,
  29. ‘type’ => ‘textarea’,
  30. ‘title’ => ‘Simple Textarea’,
  31. ),
  32. )
  33. ) );
  34. }

二、集成到主题中

1、在

1
codecanyon.net

网站中下载购买的插件

2、将插件解压到主题根目录下,比如:

1
/wp-content/themes/theme-name/inc/codestar-framework

或者其它地方也可以

3、添加选项代码到 主题

1
functions.php

文件中

  1. /**
  2. *
  3. * .
  4. * ├── wp-content
  5. * | ├── themes
  6. * | | ├── theme-name
  7. * | | | ├── style.css
  8. * | | | ├── screenshot.png
  9. * | | | ├── functions.php <——— 通过文本编辑器打开
  10. * | | | ├── ..
  11. * | | | ├── …
  12. *
  13. */
  14.  
  15. /**
  16. *
  17. * Codestar Framework
  18. * 一个简单而轻量级的WordPress主题和插件选项框架
  19. *
  20. */
  21. require_once get_theme_file_path() .‘/inc/codestar-framework/codestar-framework.php’;

三、如何获取选项的值

  1. // 获取选项
  2. $options = get_option( ‘my_framework’ ); // 选项的唯一 ID
  3. echo $options[‘opt-text’]; // 字段的 ID
  4. echo $options[‘opt-textarea’]; // 字段的 ID

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

原创文章,作者:懒咪WP,如若转载,请注明出处:https://www.lanmit.com/2737.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据