作者： shadahan

要为WordPress添加自定义字段的筛选功能，你需要使用WordPress的查询参数(query parameters)和WP_Query类来构建自定义查询。以下是一个详细的示例代码，展示了如何添加自定义字段的筛选功能。

首先，你需要在你的主题或插件的functions.php文件中添加一个函数，用于处理自定义字段的筛选请求。

function custom_field_filter() {
    // 检查是否有自定义字段的筛选参数
    if (isset($_GET['custom_field_key']) && isset($_GET['custom_field_value'])) {
        $custom_field_key = sanitize_text_field($_GET['custom_field_key']);
        $custom_field_value = sanitize_text_field($_GET['custom_field_value']);

        // 将自定义字段筛选条件添加到查询变量中
        $args = array(
            'meta_key' => $custom_field_key,
            'meta_value' => $custom_field_value,
            'meta_compare' => '=', // 可以根据需要修改为其他比较运算符，如'LIKE'
        );

        // 使用WP_Query类构建查询
        $custom_query = new WP_Query($args);

        // 检查是否有查询结果
        if ($custom_query->have_posts()) {
            // 开始循环输出文章
            while ($custom_query->have_posts()) {
                $custom_query->the_post();

                // 在这里输出你的文章内容，比如使用the_title()输出标题，the_content()输出内容等
                the_title();
                the_content();

                // 其他你需要的输出逻辑

            }

            // 恢复原始查询和循环
            wp_reset_postdata();

        } else {
            // 没有匹配的文章时的处理
            echo '没有匹配的文章';
        }

        // 结束查询
        wp_reset_query();

        // 停止主查询的执行，因为我们已经处理了自己的查询
        exit;
    }
}

// 添加钩子，在WordPress初始化时调用自定义字段筛选函数
add_action('init', 'custom_field_filter');

接下来，在你的模板文件中(比如archive.php或index.php)，你需要添加一个筛选表单。这个表单将允许用户输入自定义字段的键和值，并触发筛选请求。

<form method="get" action="">
    <label for="custom_field_key">自定义字段键:</label>
    <input type="text" name="custom_field_key" id="custom_field_key" value="<?php echo isset($_GET['custom_field_key']) ? $_GET['custom_field_key'] : ''; ?>">

    <label for="custom_field_value">自定义字段值:</label>
    <input type="text" name="custom_field_value" id="custom_field_value" value="<?php echo isset($_GET['custom_field_value']) ? $_GET['custom_field_value'] : ''; ?>">

    <input type="submit" value="筛选">
</form>

<!-- 接下来的代码是你的文章列表或其他内容 -->

这段代码创建了一个简单的筛选表单，用户可以在其中输入自定义字段的键和值，然后点击“筛选”按钮来提交表单。表单的action属性被设置为空字符串，这意味着它将提交到当前页面，并且method属性被设置为get，以便通过URL参数传递筛选值。

当用户填写表单并提交时，WordPress会接收到custom_field_key和custom_field_value这两个参数，并触发init钩子。我们的custom_field_filter函数会检查这些参数是否存在，如果存在，则使用它们来构建自定义查询，并显示匹配的文章。

在WordPress中，您可以使用自定义字段(Custom Fields)或称为元数据(Meta Data)来为特定分类目录下的内容添加额外的信息。自定义字段可以附加到文章、页面、用户和其他对象上。以下是一个逐步指南，介绍如何为特定分类目录下的内容添加自定义字段，并在内容录入时显示这些字段。

步骤 1: 添加自定义字段

首先，您需要在WordPress后台创建一个自定义字段。这可以通过在主题函数文件(functions.php)中添加代码来实现。

打开您的WordPress主题文件夹，并找到functions.php文件。

在functions.php文件中添加以下代码，以创建一个名为my_custom_field的自定义字段，并将其与特定分类关联：

// 添加自定义字段
function add_custom_field_to_category() {
    register_meta('post', 'my_custom_field', array(
        'type' => 'text',
        'single' => true,
        'show_in_rest' => true,
        'label' => '我的自定义字段',
        'description' => '这是一个自定义字段示例。',
    ));
}
add_action('init', 'add_custom_field_to_category');

// 将自定义字段与特定分类关联
function load_custom_field_for_category($term) {
    $term_id = $term->term_id;
    $category_name = $term->name;

    // 假设您的分类名称是 "特定分类"
    if ($category_name === '特定分类') {
        add_meta_box(
            'my_custom_field_box',
            '我的自定义字段',
            'display_custom_field_box',
            'post',
            'normal',
            'high'
        );
    }
}
add_action('load-post.php', 'load_custom_field_for_category');
add_action('load-post-new.php', 'load_custom_field_for_category');

// 显示自定义字段的输入框
function display_custom_field_box() {
    global $post;
    echo '<input type="text" id="my_custom_field" name="my_custom_field" value="' . get_post_meta($post->ID, 'my_custom_field', true) . '" size="30" style="width:97%;" />';
}

请注意，上述代码中的特定分类应替换为您想要添加自定义字段的实际分类名称。

步骤 2: 保存自定义字段的值

接下来，您需要在WordPress保存文章时保存自定义字段的值。这可以通过添加以下代码到functions.php文件来实现：

// 保存自定义字段的值
function save_custom_field_value($post_id) {
    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
        return;
    }

    if (!current_user_can('edit_post', $post_id)) {
        return;
    }

    if (isset($_POST['my_custom_field'])) {
        update_post_meta($post_id, 'my_custom_field', $_POST['my_custom_field']);
    } else {
        delete_post_meta($post_id, 'my_custom_field');
    }
}
add_action('save_post', 'save_custom_field_value');

步骤 3: 在内容录入时显示自定义字段

最后，您可以在文章编辑页面和内容页面显示自定义字段。这可以通过编辑WordPress的模板文件来实现。

打开您的WordPress主题文件夹，并找到single.php或content.php文件(取决于您的主题结构)。

在适当的位置添加以下代码，以显示自定义字段的值：

<?php if (get_post_meta($post->ID, 'my_custom_field', true)) : ?>
    <p>我的自定义字段: <?php echo get_post_meta($post->ID, 'my_custom_field', true); ?></p>
<?php endif; ?>

这段代码会检查当前文章是否有my_custom_field自定义字段，并在有值的情况下显示它。

完成

现在，当您在WordPress后台为特定分类下的文章添加或编辑内容时，应该会看到一个名为“我的自定义字段”的新输入框。您可以在这个输入框中输入自定义字段的值，这些值会在保存文章后保存，并在文章页面上显示。

在WordPress中，要添加一个额外的区块编辑器(通常指的是Gutenberg区块编辑器中的一个自定义区块)，你需要编写一些PHP代码来注册新的区块，并可能还需要一些JavaScript来处理前端的逻辑。下面是一个简单的示例，展示了如何注册一个自定义的区块并在Gutenberg编辑器中使用它。

首先，你需要在你的WordPress主题或插件的functions.php文件中注册新的区块。下面是一个基本的例子：

// 注册自定义区块
function register_custom_block_style() {
    register_block_style(
        'core/paragraph', // 你可以使用任何核心区块或自定义区块的名称
        'custom-style', // 这是新样式的名称
        array(
            'name'           => __( 'Custom Style', 'textdomain' ), // 在这里替换为你的文本域
            'label'          => __( 'Custom Style', 'textdomain' ),
            'style_handle'   => 'custom-css-handle', // 你可以在这里链接到一个CSS样式句柄
            'label'          => __( 'Custom Paragraph', 'textdomain' ),
            'style_handle'   => 'name-of-your-style',
            'label'          => __( 'My Custom Paragraph', 'textdomain' ),
            'style'          => array(
                'name'         => 'custom-style',
                'label'        => __( 'Custom Style', 'textdomain' ),
                'style_handle' => 'name-of-your-style',
            ),
        )
    );
}
add_action( 'init', 'register_custom_block_style' );

在这个例子中，我们注册了一个新的样式custom-style到core/paragraph区块。你需要将name-of-your-style替换为你想要应用的CSS类名。

然后，你需要定义这个CSS样式。你可以在你的主题的style.css文件中添加它，或者在functions.php文件中使用register_style函数来动态地注册它：

function register_custom_css_style() {
    register_style( 'name-of-your-style', array(
        'name'         => 'Custom Style',
        'label'        => __( 'Custom Style', 'textdomain' ),
        'style_handle' => 'custom-css-handle',
        'label'        => __( 'Custom Style', 'textdomain' ),
        'style'        => array(
            'color'       => '#ff0000', // 红色文本
            'background' => '#ffffff', // 白色背景
        ),
        'label'        => __( 'Red Text', 'textdomain' ),
        'style'        => array(
            'color' => '#ff0000',
        ),
        'name'         => 'red-text',
        'label'        => __( 'Red Text', 'textdomain' ),
        'style'        => array(
            'color' => '#ff0000',
        ),
    ) );
}
add_action( 'wp_enqueue_scripts', 'register_custom_css_style' );

在这个例子中，我们定义了一个名为red-text的CSS样式，它将文本颜色设置为红色。

请注意，上面的代码示例仅用于说明目的，并且可能需要根据你的具体需求进行调整。例如，你可能需要为自定义区块添加更多的设置、属性或逻辑。

此外，为了完整实现自定义区块编辑器，你可能还需要编写JavaScript代码来处理区块的渲染和交互。这通常涉及到使用WordPress的registerBlockRender和registerBlockStyle API，并可能需要熟悉Gutenberg编辑器的内部结构和API。

由于实现一个完整的自定义区块编辑器是一个复杂的任务，上述代码只是起点。如果你不熟悉WordPress和Gutenberg的内部工作，建议查阅WordPress和Gutenberg的官方文档，以获取更详细的指导。