{"id":2370,"date":"2025-06-11T01:26:55","date_gmt":"2025-06-10T17:26:55","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2370.html"},"modified":"2025-06-11T01:26:55","modified_gmt":"2025-06-10T17:26:55","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8%e4%bd%a0%e7%9a%84%e7%bd%91%e7%ab%99%e4%b8%8a%e6%98%be%e7%a4%ba-wordpress-%e8%a1%a8%e5%8d%95%e6%9d%a1%e7%9b%ae%ef%bc%88%e4%b8%a4%e7%a7%8d%e6%96%b9%e6%b3%95%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2370.html","title":{"rendered":"\u5982\u4f55\u5728\u4f60\u7684\u7f51\u7ad9\u4e0a\u663e\u793a WordPress \u8868\u5355\u6761\u76ee\uff08\u4e24\u79cd\u65b9\u6cd5\uff09"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要展示WordPress表单条目，你可以采用两种不同的方法：使用自定义字段和使用插件。下面是这两种方法的详细说明、示例代码以及如何实现的效果。<\/p>\n

方法一：使用自定义字段<\/h3>\n

步骤：<\/h4>\n
    \n
  1. 创建自定义字段<\/strong>：首先，在WordPress后台的“设置” -> “通用”菜单下，点击“添加新字段”，然后选择“文本”类型。<\/li>\n
  2. 填写字段信息<\/strong>：在弹出的窗口中，输入表单项名（例如“联系人姓名”），并设置其描述（如“请提供您的姓名”）。保存后，该字段会出现在WordPress编辑页面的右侧。<\/li>\n
  3. 显示表单项<\/strong>：在文章或页面编辑器中，找到你想要插入表单项的位置，点击右键选择“插入表单项”。从列表中选择刚刚创建的自定义字段。<\/li>\n<\/ol>\n

    效果：<\/h4>\n

    当你在文章或页面中插入这个表单项时，它会在页面底部显示一条带有提示信息的空行，用户可以通过点击链接来查看所有表单项的信息。<\/p>\n

    示例代码：<\/h3>\n
    \/\/ 添加一个名为 \"联系人姓名\" 的自定义字段到文章页\nfunction add_custom_field() {\n    global $post;\n    if (isset($post->ID) && is_page()) { \/\/ 确保是在文章页面\n        ?>\n        <div class=\"custom-field\">\n            <label for=\"<?php echo esc_attr( 'contact_name' ); ?>\">联系人姓名：<\/label>\n            <input type=\"text\" name=\"contact_name\" id=\"<?php echo esc_attr( 'contact_name' ); ?>\" placeholder=\"请输入您的姓名\">\n        <\/div>\n        <?php\n    }\n}\nadd_action('admin_init', 'add_custom_field'); \/\/ 在后台初始化函数中注册此函数\n\n\/\/ 使用自定义字段\nfunction display_custom_field() {\n    global $post;\n    if ($post->post_type == 'page') {\n        $contact_name = get_post_meta($post->ID, 'contact_name', true);\n        if (!empty($contact_name)) {\n            echo '<h2>Contact Name:<\/h2>';\n            echo '<p>' . $contact_name . '<\/p>';\n        } else {\n            echo '<p>No contact information provided.<\/p>';\n        }\n    }\n}\nadd_shortcode('display_contact_info', 'display_custom_field');<\/code><\/pre>\n
    如何使用：<\/h4>\n
    在文章或页面中插入 [display_contact_info]<\/code> 指令，它会显示相应的表单项信息。<\/p>\n
    这种方法简单易用，但缺点是只适用于固定位置的内容，不能动态生成。<\/p>\n
    方法二：使用插件<\/h3>\n
    插件推荐：<\/h4>\n
      \n
    • Contact Form 7<\/strong>: 这个插件提供了强大的表单功能，可以与WordPress无缝集成。<\/li>\n
    • WP Forms<\/strong>: 另一个非常流行的插件，支持多种表单元素，包括多语言支持和邮件验证等功能。<\/li>\n<\/ul>\n
      步骤：<\/h4>\n
        \n
      1. 安装插件<\/strong>：在WordPress后台的“插件”部分搜索并安装上述提到的插件。<\/li>\n
      2. 配置表单<\/strong>：根据插件的界面配置表单，添加所需字段。<\/li>\n
      3. 发布表单<\/strong>：保存表单后，确保已启用表单提交选项。<\/li>\n<\/ol>\n
        效果：<\/h4>\n
        通过插件配置的表单将会以网页形式出现，用户可以在表单下方看到所有字段，便于填写和提交。<\/p>\n
        示例代码：<\/h3>\n
        假设我们选择了 Contact Form 7<\/code> 插件：<\/p>\n
        \/\/ 定义表单变量\n$contact_name = isset($_POST['name']) ? sanitize_text_field($_POST['name']) : '';\n$email = isset($_POST['email']) ? sanitize_email($_POST['email']) : '';\n\n\/\/ 渲染表单\necho do_shortcode('');\necho do_shortcode('');<\/code><\/pre>\n
        在这个例子中，acf<\/code> 是 Contact Form 7 的缩写，表示使用该插件中的字段。你需要在表单中相应地添加字段。<\/p>\n
        如何使用：<\/h4>\n
        在文章或页面中插入 [contact_form_7]<\/code> 指令，它会渲染表单并收集用户的输入。<\/p>\n
        这种方法灵活性高，适合各种复杂的需求，但需要额外的学习成本。<\/p>\n
        希望这些方法能帮助你在WordPress网站上有效地展示表单条目！如果你有任何问题，请随时提问。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
        \r\n
        \r\n
        \r\n
        \r\n
        \r\n
        \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
        黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
        \r\n
        \r\n
        如何在你的网站上显示 WordPress 表单条目<\/h3>\n
        一、使用 add_action<\/code> 注册表单条目<\/strong><\/p>\n
        在 WordPress 中，你可以通过 add_action<\/code> 函数来注册一个自定义插件或主题功能到默认的 wp_insert_post_data<\/code> 活动中。这个活动会触发 wp_insert_post()<\/code> 函数，用于创建新文章。<\/p>\n
        示例代码：<\/h4>\n
        \/\/ 1. 获取当前用户 ID\n$user_id = get_current_user_id();\n\n\/\/ 2. 获取作者信息\n$author_email = get_the_author_meta('email');\n$author_name = get_the_author_meta('display_name');\n\n\/\/ 3. 创建一个新的表单数据对象\n$form_data = array(\n    'post_title' => 'Contact Form',\n    'post_content' => '<h1>Contact Us<\/h1>\n        <form action=\"submit.php\" method=\"post\">\n            <label for=\"name\">Name:<\/label><br>\n            <input type=\"text\" name=\"name\" id=\"name\"><br>\n            <label for=\"email\">Email:<\/label><br>\n            <input type=\"email\" name=\"email\" id=\"email\"><br>\n            <label for=\"message\">Message:<\/label><br>\n            <textarea name=\"message\" id=\"message\"><\/textarea><br>\n            <button type=\"submit\">Submit<\/button>\n        <\/form>',\n);\n\n\/\/ 4. 使用 add_action 注册表单条目\nfunction submit_form() {\n    global $post;\n    $post->ID = wp_insert_post($form_data, true);\n}\n\nadd_action( 'wp_insert_post', 'submit_form' );<\/code><\/pre>\n
        方法二：使用 register_post_type<\/code> 注册表单类型<\/h3>\n
        如果需要为特定类型的表单设置定制行为和属性，可以使用 register_post_type<\/code> 函数来注册新的表单类型。<\/p>\n
        示例代码：<\/h4>\n
        \/\/ 1. 创建表单类型\nfunction create_contact_form() {\n    register_post_type(\n        'contact-form',\n        array(\n            'labels' => array(\n                'name' => _x('Contacts', 'post type general name'),\n                'singular_name' => _x('Contact', 'post type singular name'),\n                'menu_name' => _x('Contacts', 'post type menu name'),\n            ),\n            'public' => false,\n            'supports' => array('title', 'editor', 'thumbnail', 'custom-fields'),\n            'has_archive' => true,\n            'rewrite' => array('slug' => 'contact-forms')\n        )\n    );\n}\nadd_action('init', 'create_contact_form');\n\n\/\/ 2. 添加表单字段\nfunction contact_form_fields() {\n    $args = array(\n        'label' => __('Fields', 'some-plugin'),\n        'show_in_rest' => true,\n        'rest_base' => 'contact-forms',\n        'rest_controller_class' => 'WP_REST_Posts_Controller'\n    );\n\n    register_rest_field(\n        'contact-form',\n        'field1',\n        $args\n    );\n\n    register_rest_field(\n        'contact-form',\n        'field2',\n        $args\n    );\n}\n\nadd_action('edit_contact-form', 'contact_form_fields');<\/code><\/pre>\n
        结论：<\/h3>\n
        这两种方法都可以帮助你在 WordPress 网站上轻松地添加表单条目。选择哪种方法取决于你的具体需求和喜好。如果你想要更灵活的管理，建议使用第二种方法；如果你想保持简单并专注于表单内容，第一种方法可能更适合你。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
        Bug编译狮 要展示WordPress表单条目，你可以采用两种&#1..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-2370","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=2370"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2370\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2370"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}