l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在WordPress侧边栏显示最近的评论

如何在WordPress侧边栏显示最近的评论

写 Bug工程师：

要在WordPress侧边栏显示最近的评论，你可以使用自定义侧边栏或插件来实现这个功能。以下是一个基本的方法和示例代码，帮助你在WordPress中添加一个显示最近评论的侧边栏。

方法一：使用自定义侧边栏

  1. 创建一个新的侧边栏：

    • 登录到WordPress后台。
    • 转到“外观” -> “模板编辑器”。
    • 在左侧导航栏选择“侧边栏”，然后点击“添加新栏位”。

  2. 编写PHP代码： 为了显示最近的评论，你需要编写一些PHP代码来获取这些数据并将其展示在侧边栏上。这里提供一个简单的示例：

<?php
// 获取最近5条评论
$args = array(
    'number' => 5,
    'orderby' => 'comment_date',
    'order' => 'DESC'
);
$comments = get_comments($args);

// 遍历每条评论并输出
foreach ($comments as $comment) {
    echo '<div class="recent-comment">';
    echo '<h3>' . esc_html($comment->comment_author) . '</h3>';
    echo '<span>' . esc_html($comment->comment_content) . '</span>';
    echo '</div>';
}
?>
  1. 样式化（可选）： 如果你想让这个部分看起来更美观，可以为它添加CSS样式。例如：
.recent-comment {
    background: #f9f9f9;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
}

.recent-comment h3 {
    margin: 0;
    font-size: 16px;
    color: #333;
}

.recent-comment span {
    font-style: italic;
}
  1. 更新主题文件： 将上述PHP代码保存到你的主题的functions.php文件或者一个单独的PHP文件中，并确保该文件位于正确的目录结构下。

示例代码执行步骤：

  1. 打开你的主题文件夹中的functions.php文件。
  2. 复制上面提供的PHP代码粘贴到你的functions.php文件中。
  3. 使用文本编辑器（如Sublime Text、Visual Studio Code等）打开functions.php文件。
  4. 保存修改后的文件。
  5. 在浏览器中刷新页面查看结果。

效果说明：

  • 当你访问网站时，会看到一个侧边栏区域显示了最近五条评论的内容。
  • 每条评论都会包含作者名和评论内容。
  • 可以通过调整CSS样式来美化这个区域，使其与整个网站风格一致。

以上就是使用PHP和HTML简单实现WordPress侧边栏显示最近评论的基本方法。如果你需要更复杂的功能，比如排序方式、分页等，可能需要结合更多的WordPress插件或高级的定制工作。

黑板IDE教书匠：

在WordPress中，要将最近的评论显示到侧边栏，可以使用WordPress的内置功能和插件来实现。下面是一些步骤和示例代码：

步骤 1: 添加评论模块

首先，在WordPress的主题或模板文件中添加一个评论模块。这通常通过使用comment_form.php文件中的comments_template选项来完成。

<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly ?>
<!-- Your comment form here -->

步骤 2: 创建评论区域

接下来，在主题的CSS文件中创建一个类，用于为评论区域分配样式并放置在页面底部。

/* Add a class to the comments */
.comments {
    display: flex;
    justify-content: center;
}

步骤 3: 在侧边栏中显示评论

要在侧边栏中显示评论，可以在侧边栏元素（如导航菜单）上应用类名，如下所示：

<nav id="sidebar" class="site-navigation">
    <!-- Your sidebar content goes here -->
</nav>

<div class="comments">
    <!-- Your comment section goes here -->
</div>

示例代码

使用WordPress自动生成评论模块

  1. 生成评论模块：

    <?php wp_enqueue_script('comment-form'); ?>

    这行代码会自动加载comment-form.js脚本，从而在新评论提交时自动生成评论表单。

  2. 在侧边栏显示评论：

    <div class="comments">
   <?php if ( have_comments() ) : ?>
       <ul class="comments-list">
           <?php
               while ( have_comments() ) :
                   the_comment();
                   $args = array(
                       'before_comment_start' => '<li class="comment-item">',
                       'after_comment_end' => '</li>',
                       'comment_author' => '<span class="comment-author vcard">',
                       'comment_author_link' => '<a href="' . get_comment_author_url() . '" title="' . esc_attr(get_comment_author()) . '">' . get_comment_author() . '</a>',
                       'comment_author_email' => '<span class="fn">' . esc_html(get_comment_author_email()) . '</span>',
                       'comment_text' => '<div class="comment-text">',
                       'comment_close' => '</div>'
                   );
                   the_comment();
               endwhile;

               wp_list_comments( apply_filters( 'comment_text', '', $args ) );
           ?>
       </ul><!-- end of comments list -->
   <?php endif; ?>
</div>

使用第三方评论模块

如果想要更丰富的评论功能，例如支持回复、审核等，可以考虑使用第三方评论模块。这里以使用CommentPress为例。

  1. 安装CommentPress

    wp plugin install CommentPress

  2. 激活CommentPress

    wp plugin activate CommentPress

  3. 配置CommentPress

    • 在config.php中设置相关参数，如邮箱验证、评论管理器。
    • 配置评论表单和字段。

  4. **启用CommentPress`

    wp switch-theme --activate-commentpress

  5. 激活并测试CommentPress

    wp theme switch --activate-commentpress

  6. 查看效果 在您的侧边栏看到带有评论的列表。

以上就是在WordPress中展示最近评论的基本方法。根据需求选择合适的模块和工具，以便更好地管理和呈现评论信息。

,

最新更新