跳转到主要内容

WordPress中配合使用ACF插件实现下单功能，同时支持后台页面查看管理的实现步骤

在WordPress中使用Advanced Custom Fields (ACF) 插件来实现下单功能并在后台管理下单信息，可以按照以下步骤进行：

步骤 1：创建自定义表单字段

  1. 安装并激活ACF插件：

    • 到WordPress后台的插件页面，搜索“Advanced Custom Fields”，安装并激活。

  2. 创建自定义字段组：

    • 进入WordPress后台，找到ACF插件选项，选择“Custom Fields”>“Add New”来创建一个新的字段组。
    • 为字段组命名（如“下单表单”），并设置字段组的显示条件（例如，选择Post Type为“订单”）。
    • 添加需要的字段，例如：
      • customer_name (客户姓名)
      • customer_email (客户邮箱)
      • order_item (订单项目)
      • quantity (数量)
      • total_price (总价格)
      • order_status (订单状态)
    • 保存字段组。

步骤 2：创建“订单”自定义文章类型

  1. 添加自定义文章类型：

    • 可以通过插件（如Custom Post Type UI）或代码来创建新的文章类型。以下是代码示例，可以添加到主题的 functions.php 文件中：
    • function create_order_post_type() {
    register_post_type('order',
        array(
            'labels' => array(
                'name' => __('Orders'),
                'singular_name' => __('Order')
            ),
            'public' => true,
            'has_archive' => true,
            'supports' => array('title', 'editor'),
            'menu_position' => 5,
            'show_in_menu' => true,
        )
    );
}
add_action('init', 'create_order_post_type');

       

  2. 与ACF字段组关联：

      • 确保在ACF字段组的显示条件中将其与“订单”文章类型关联，以便在创建或编辑订单时能看到这些自定义字段。

步骤 3：前端实现下单表单

  1. 创建下单页面模板：

    • 在主题文件夹中创建一个新的页面模板文件，例如 order-form.php。

  2. 表单代码实现：

    • 在该页面模板中添加表单代码，以便用户提交订单。可以使用acf_form()函数来显示ACF创建的表单。例如：
    • <?php
/* Template Name: Order Form */
get_header();
?>

<h2>下单表单</h2>
<?php
acf_form(array(
    'post_id' => 'new_post',
    'post_title' => true,
    'post_content' => true,
    'new_post' => array(
        'post_type' => 'order',
        'post_status' => 'publish'
    ),
    'field_groups' => array('your-acf-field-group-id'), // 替换为字段组的ID
    'submit_value' => '提交订单'
));
?>

<?php get_footer(); ?>

  3. 表单处理及确认：

      • 提交表单后，ACF会自动处理并创建一个“订单”文章。可以通过ACF的 acf/save_post 钩子进一步处理，比如发送确认邮件或通知管理员。

    步骤 4：在后台管理订单

    1. 订单管理页面：

      • “订单”自定义文章类型会在后台生成一个订单管理菜单项，点击即可查看所有订单。
      • 每个订单可以像普通文章一样进行编辑，在编辑页面可以看到自定义的ACF字段并查看或修改订单信息。

    2. 订单状态管理：

      • 通过ACF字段（如 order_status）记录订单的处理状态，并在后台进行修改。

    步骤 5：显示订单信息

    1. 前端显示订单详情：

      • 如果需要在前端页面显示订单详情（如“我的订单”页面），可以使用 get_field() 函数从ACF中获取订单信息并进行展示。

    2. 后台显示订单概览：

      • 通过“屏幕选项”调整后台显示的字段，或者使用ACF Pro中的 ACF Admin Columns 扩展以自定义显示哪些ACF字段在后台订单列表中可见。

    这样，通过ACF和自定义文章类型，您可以轻松创建一个下单功能并管理订单信息。

无评论
回到顶部