在 WordPress 中，使用插件 Advanced Custom Fields (ACF)，我们可以创建一个用户友好的产品认证查询系统。本文将详细介绍如何使用 ACF 实现这一功能，并提供清晰的分步指导。
第一步：安装和设置 ACF 插件
安装 ACF 插件在 WordPress 后台，点击 插件 > 安装新插件。
搜索 “Advanced Custom Fields“，然后点击 立即安装 和 启用。
安装后，将在后台导航菜单中看到 “Custom Fields” 菜单。
为字段组命名在新页面中，需要为字段组命名。例如，可以将其命名为 “产品认证查询” 以便于识别和管理。
选择字段组的显示规则向下滚动页面，找到 Location（位置）设置区域。这里是决定这些字段将显示在何处的地方。
设置条件为：Post Type （文章类型）选择 Product，这意味着这些字段只会显示在 WooCommerce 产品编辑页面上。
如果希望字段显示在其他页面类型，可以根据需要进行相应设置。
添加自定义字段。现在我们已经创建了字段组，接下来需要添加具体的自定义字段，例如产品的认证码、名称和认证日期。
添加第一个字段 – 认证代码在 Field Label（字段标签）中输入“认证代码”，这将是用户在后台看到的字段名称。
在 Field Name（字段名称）中输入 certification_code。这是这个字段的唯一标识，稍后会在代码中使用到。
在 Field Type（字段类型）中，选择 Text，因为认证码通常是由字母或数字组成的。
其他设置可根据你的需求调整，例如设置为必填项。
添加第二个字段 – 产品名称点击 Add Field（添加字段），继续为产品名称创建字段。
在 Field Label 中输入“产品名称”，Field Name 中输入 product_name。
选择 Text 作为字段类型，因为产品名称也是文本格式。添加第三个字段 – 认证日期
在 Field Type 中选择 Date Picker，这样可以让用户通过日期选择器来选择认证的具体日期。
第二步：创建认证查询页面
创建自定义查询页面转到 页面 > 新建页面，创建一个新的查询页面（例如：产品认证查询）。
可以使用 Elementor Pro 或 WordPress 区块编辑器来设计页面的布局。
页面应该包含一个表单，用户可以在此输入产品认证码来查询产品信息。
添加产品认证查询表单
可以使用任何表单插件（如 Contact Form 7、WPForms）创建表单，并添加输入字段，供用户输入他们的产品认证码。
将表单设置为将数据发送到你将使用的自定义查询处理函数。
第三步：创建查询逻辑
编写查询功能在WordPress 主题的 functions.php 文件中，需要编写一个函数来处理用户输入的查询请求，并根据输入的认证码返回产品认证信息。例如，可以使用以下代码来处理查询：function product_certification_lookup() {
if ( isset($_POST[‘certification_code’]) ) {
$cert_code = sanitize_text_field($_POST[‘certification_code’]);
// Query to retrieve product by certification code
$args = array(
‘post_type’ => ‘product’,
‘meta_query’ => array(
array(
‘key’ => ‘certification_code’, // Custom field name
‘value’ => $cert_code,
‘compare’ => ‘=’
)
)
);
$query = new WP_Query($args);
// Check if any products match the certification code
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post();
$product_name = get_the_title();
$cert_date = get_field(‘certification_date’); // Retrieve the custom field
// Output the product name and certification date
echo ‘Product Name: ‘ . $product_name . ‘ | Certification Date: ‘ . $cert_date;
}
} else {
// If no product is found, display a message
echo ‘No matching product certification information found’;
}
// Reset post data
wp_reset_postdata();
}
}
add_action(‘init’, ‘product_certification_lookup’);
说明:
· 此函数处理表单提交，用户在表单提交中输入产品认证代码。
用于搜索具有匹配认证代码(存储在自定义字段中)的WooCommerce产品。
· 如果找到匹配的产品，则显示产品名称和认证日期(也存储为自定义字段)。
· 如果未找到匹配项，则显示”未找到匹配合适的产品认证信息”消息。
将表单与查询逻辑关联在你的查询页面中，使用短代码或 PHP 代码将查询表单与认证查询功能关联。
当用户提交认证码时，函数会根据认证码查询产品数据库，返回相应的产品信息。
在页面插入短代码，这会在页面上显示一个输入产品认证码的表单，并将表单提交的数据与编写的查询功能关联。
[product_certification_form]
第四步：优化和样式调整
优化用户体验可以添加额外的反馈功能，例如在用户提交无效认证码时提示 “未找到相关信息”。
使用 CSS 或者 Elementors 的样式工具调整查询表单和结果的展示效果，确保界面友好。
缓存和性能优化对于拥有大量产品的站点，可以考虑使用缓存或数据库索引来提升查询性能。
结论
通过使用 Advanced Custom Fields (ACF)，可以轻松地为 WordPress 网站创建一个强大的产品认证查询系统。该系统能够提升用户信任感，并提供便捷的产品认证验证功能。