1. 秋硕笔记Home
  2. wordpress建站
  3. wordpress记录

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

Redux官方网站:https://reduxframework.com/

Redux文档查询:https://docs.reduxframework.com/core/

Github:https://github.com/ReduxFramework/redux-framework

下载之后解压,得到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里面的数组元素:

id : 设置项id
type : 设置项类型
title : 设置项标题
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'];?>

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

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

其实整个过程并不复杂:下载文件 —— 在functions.php引入文件 —— 创建设置项 —— 前端输出 OK。

本博客 [ 秋硕笔记 ] 内带有 原创 标签文章,均为秋硕独立创作。

撰文不易,转载请注明文章来源并保留原文链接:本文转载自 秋硕笔记

本文链接:https://www.cuikaiyun.cn/theme-setting-framework-reduxframework.html

Leave a Reply

登录后才能评论