注册 登录
  • 亦之博客- 最专业的wordpress主题免费收集分享平台,WordPress免费主题应有尽有!http://yizhiboke.com
  • 公告:网站最近做了下固定链接,如有访问却看不到的文章可以在网址后缀加.html.
  • 秀人蜜| 秀人网倾力打造最有视觉效果的美女图片网站——www.xiuren.me
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏 亦之博客
  • 一秒钟记住我们的网址:www.yizhiboke.com

WordPress后台主题设置框架ReduxFrameWork精简整合使用教程

一提到 wp 的后台设置框架最常见的要属 OptionsFramework ,国内不少原创商业主题均使用此框架来支持后端与前端的各种字段交互来曾强用户对主题的自定义深度。
今天我要推荐的“巨人”有两个后台框架:1、ReduxFramework;2、CodestarFramework ,而本篇主要针对ReduxFramework的特点和使用进行详细介绍。

基本介绍

WordPress后台主题设置框架ReduxFrameWork精简整合使用教程

进入官网后可以看到Redux的几大特点:

1.干净的代码库
2.完全品牌化
3.跨浏览器兼容
4.无限的灵活性
5.优秀的社区
6.100% 开源

如何使用它

由于这东西是老外写的,首次接触 Redux,不仅由于是英文,自带的翻译中文语言包对有些英文不起作用,还因为它的各项设置构建功能比较强大,所以若从头啃起来还是比较硬的。

1、若要硬啃

可以从上面的 Github 链接进入下载页面,直接下载 Redux 的源码并解压。之后只需要在主题的 functions.php 引用 ReduxCore 文件夹里的 framework.php(框架核心文件) 以及 引用 sample 文件夹里的 sample-config.php(配置文件)就会在后台看到此框架的设置入口页面,然后根据配置文件上的各种设置项数组的书写规范来创建自己的设置项即可。

2、若不想这么折腾

所幸的是我熟悉过 OptionsFramework ,配置上的代码也比较容易辨认,我就把语言包给移除了,直接针对配置的 php 文件 __() 函数内的英文进行直接汉化,并且也把最常用也是最典型的一些设置项进行整理,同时精简掉极少用到的那一部份,最后就成了符合我们国人习惯的一个后台设置框架。如下图:(下载地址见下方)
WordPress后台主题设置框架ReduxFrameWork精简整合使用教程WordPress后台主题设置框架ReduxFrameWork精简整合使用教程WordPress后台主题设置框架ReduxFrameWork精简整合使用教程WordPress后台主题设置框架ReduxFrameWork精简整合使用教程

以上的设置项相比 OptionFramework 要丰富一些,UI 也比较容易让人接受,而且是 ajax 保存,还是值得考虑的。不足的地方恐怕就是这个框架的文件大小了:解压之后将近 3.4M。虽说体积大,但进入后台设置页面在速度上并不会有太大影响,至于最终如何选择,看个人喜好了。

整合版下载地址以及使用教程

下载地址

文件下载

  文件名称:ReduxFrameWork  文件大小:1.1M
  下载声明:本站文件大多来自于网络,仅供学习和研究使用,不得用于商业用途,如有版权问题,请联系博猪!
  下载地址:http://pan.baidu.com/s/1o7XkIfw

下载之后解压,得到 redux 文件夹,将 redux 文件夹复制粘贴到主题目录下,然后用 functions.php 引入,具体操作步骤如下:

(1) functions.php 引入配置和框架核心文件

if ( !class_exists( 'ReduxFramework' ) && file_exists( get_template_directory() . '/redux/framework.php' ) && file_exists( get_template_directory() . '/redux/config.php' ) ){
    require_once get_template_directory().'/redux/framework.php';
    require_once get_template_directory().'/redux/config.php';
}

其中 config.php 是配置文件,在里面你可以设置自己的全局变量和相关参数,还有一个 config-section.php 则是设置项模板文件,你可以参考这个模板里面的各种设置类型来创建自己的设置项!

(2) 通过参考 config-section.php 来创建修改自定义设置项目

例如:

array(
    'id'       => 'baidu_push_api',
    'type'     => 'text',
    'title'    => __( '百度推送接口', 'redux-framework-demo' ),
    'subtitle' => __( '子标题', 'redux-framework-demo' ),
    'desc'     => __( '描述', 'redux-framework-demo' ),
    'default'  => '默认文字',
)

修改每项 array里面的数组元素:

1.id : 设置项id
2.type : 设置项类型
3.title : 设置项标题
4.default : 设置项默认值
…… 不同设置类型有不同的元素参数

(3) 设置项调用 – 使用的是全局变量,这个变量名可以在 config.php 参数配置数组中找到 ‘global_variable’ -> ‘inlojv_inlobase’ 来修改

使用时的调用方法

<?php
global $inlojv_inlobase; // 引入全局变量一次即可,可以放在header.php
$inlojv_inlobase['设置项id'];  // 在需要的位置使用 echo 输出值
?>

例如:上面 array中 你创建的设置项 id 为 baidu_push_api,在前端输出方式就为

<?php echo $inlojv_inlobase['baidu_push_api'];?>

使用前务必引入全局变量一次。

<?php global $inlojv_inlobase; ?>

最后特别强调:这个全局变量 $inlojv_inlobase 是我本人演示用的,在配置文件 config.php 里面你可以改为自己喜欢的名称。

好了,其实整个过程并不复杂:下载文件 —— 在 functions.php 引入文件 —— 自己依样画葫芦创建设置项 —— 前端输出 OK!


喜欢 (3)
[36980974@qq.com]
分享 (0)
admin
关于作者:
网络虽无边,处处皆是缘。君若有空余,不妨常来玩 www.yizhiboke.com
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址