1.Redux Framework

介绍

⚡️ Redux Framework 是一个简单且真正可扩展的选项框架，专为 WordPress 主题和插件设计。

✅ 它提供了多种内置字段类型和布局字段类型，支持自定义字段和验证类，并且具有导入/导出功能、页面帮助功能、响应式选项面板等特性。

✅ 核心代码已经从零开始重写，使其更加高效和安全。

仿站框架 / 主要

• text: 用于输入单行文本。
• textarea: 用于输入多行文本。
• checkbox: 用于选择一个布尔值（是/否）。
• select: 用于从下拉列表中选择一个选项。
• radio: 用于选择一个单选项。
• color: 用于选择颜色，通常显示颜色选择器。
• image: 用于上传图像。
• media: 用于上传媒体文件（图像、音频或视频）。
• custom_html: 用于插入自定义 HTML 内容。
• text_editor: 用于显示一个富文本编辑器。
• multi_select: 用于选择多个选项。
• sortable: 用于可排序的列表。
• slider: 用于选择数值的滑块。
• date: 用于选择日期。

各设置类型的代码可以在 Redux 配置文件查看

官方字段介绍：https://devs.redux.io/core-fields/ 也可后台安装Redux Framework插件查看所有类型

Redux Framework

配置

1、下载Redux Framework框架：

下载：https://wordpress.org/plugins/redux-framework/

国内：4.5.10 https://cjw41415.lanzoub.com/ioR5h3hnxnpa

2、解压后，将所有文件放到自己主题或插件根目录

3、在自己主题的functions.php文件第一行<?php下面添加以下代码：

// 引入 Redux Framework
require_once dirname(__FILE__) . '/inc/redux-framework/redux-framework.php';
// 引入 Redux 配置
require_once dirname(__FILE__) . '/inc/redux-config.php';

4、修改全局变量名称

在配置文件/inc/redux-config.php中修改$opt_name

$opt_name = 'tschenzt';

这是您的数据存储在数据库中的地方，也是您的全局变量名。存储所有Redux数据的选项名称。

调用

                     全局变量名称             字段ID
<?php echo get_option('tschenzt')['wangzhan_shouye_fuwu_jieshao'];  ?> 
                    全局变量名称        字段ID               数组内指定内容
<?php echo get_option('tschenzt')['wangzhan_shouye_anli_1_tb']['url'];  ?>

常用类型

编辑器

       array(
                'id'      => 'wangzhan_shouye_guanyu_jieshao',  唯一id
                'type'    => 'editor',  类型
                'title'   => esc_html__( '公司介绍' ), 标题
                'desc'    => esc_html__( '可以通过编辑器上传图片，切换到文本模式支持html代码'),  说明
                'default' => '<p style="color: red;">欢迎访问！</p>',  默认值
                'args'    => array(
                    'wpautop'       => false,
                    'media_buttons' => false,  是否显示上传
                    'textarea_rows' => 15,  显示行数
                    'teeny'         => false,
                    'quicktags'     => false,
                        ),
                       ),

ACF

字段组

指定字段输出

假设你的字段组中有以下字段名称：field_1 和 field_2。你可以这样做：

<?php
if ( have_posts() ) :
    while ( have_posts() ) : the_post();
        // 获取字段组中的字段值
        $field_1 = get_field('field_1'); // 替换为你的字段名称
        $field_2 = get_field('field_2'); // 替换为你的字段名称

        // 检查是否有字段
        echo '<ul class="acf-fields">'; // 使用 <ul> 来输出列表
        if (!empty($field_1)) {
            echo '<li><strong>Field 1:</strong> ' . esc_html($field_1) . '</li>';
        }
        if (!empty($field_2)) {
            echo '<li><strong>Field 2:</strong> ' . esc_html($field_2) . '</li>';
        }
        echo '</ul>';
    endwhile;
endif;
?>

所有字段输出

如果你想获取字段组中所有字段的值，可以使用 get_fields() 函数，它会返回该文章的所有自定义字段。然后你可以遍历这些字段并输出它们：

无内容不输出

<?php
if ( have_posts() ) :
    while ( have_posts() ) : the_post();
        // 获取当前文章的所有自定义字段
        $fields = get_fields();
        // 检查是否有字段
        if ($fields && !empty($fields)) {
            echo '<ul class="acf-fields">'; // 使用 <ul> 来输出列表
            foreach ($fields as $field_name => $field_value) {
                // 只输出字段名称和字段值，如果字段值不为空
                if (!empty($field_value)) {
                    echo '<li><strong>' . esc_html($field_name) . ':</strong> ' . esc_html($field_value) . '</li>';
                }
            }
            echo '</ul>';
        }
    endwhile;
endif;
?>