也想出现在这里?联系我们

wordpress增加文章评论表单字段,如电话、QQ

2023.10.20 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

要在WordPress中添加文章评论表单字段,例如电话和QQ,您可以使用以下步骤:

  1. 使用子主题:首先,为了确保您的更改不会在主题更新时丢失,创建一个子主题。

  2. 编辑评论模板:在子主题中,找到并编辑WordPress主题中的comments.php文件。通常,您可以在主题文件夹中的wpcontent/themes/yourtheme/找到它。

  3. 添加新字段:在评论表单中添加您想要的新字段,例如电话和QQ。您可以使用HTML的<input>标签来创建输入字段,如下所示:

  4. 保存并更新文件:保存comments.php文件并将其上传到子主题文件夹。

  5. 处理评论数据:现在,您需要处理提交的电话和QQ数据。为此,您可以使用WordPress的comment_post钩子来捕获和保存这些字段。在子主题的functions.php文件中添加以下代码:

    function save_comment_extra_fields($comment_id) {
       if (isset($_POST['telephone'])) {
           $telephone = sanitize_text_field($_POST['telephone']);
           add_comment_meta($comment_id, 'telephone', $telephone);
       }
       if (isset($_POST['qq'])) {
           $qq = sanitize_text_field($_POST['qq']);
           add_comment_meta($comment_id, 'qq', $qq);
       }
    }
    add_action('comment_post', 'save_comment_extra_fields');
  6. 显示评论字段:最后,在您的主题中,您可以使用以下代码来显示评论中的电话和QQ字段:

    $telephone = get_comment_meta(get_comment_ID(), 'telephone', true);
    $qq = get_comment_meta(get_comment_ID(), 'qq', true);
    if ($telephone) {
       echo '

    电话:' . esc_html($telephone) . '

    '; } if ($qq) { echo '

    QQ:' . esc_html($qq) . '

    '; }
  7. 更新样式:根据您的主题设计,您可能需要添加一些CSS样式来美化这些字段的显示。

完成上述步骤后,您的WordPress评论表单应该包括电话和QQ字段,并且可以在评论中显示这些信息。确保备份文件并小心编辑主题文件,以防止错误。

有用0
  • 2023.10.20初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧