WordPress文章主评论添加楼层号的方法代码

WordPress文章主评论添加楼层号的方法代码

1. 创建和编辑 WordPress 主题模板文件 comments.php

首先,在您的 WordPress 主题中创建一个 comments.php 文件,并在其中添加以下代码:

<ol class="comment-list">
    <?php
    // Initialize the counter
    $comment_counter = 0;

    // Loop through each comment and display it
    foreach ( $comments as $comment ) {

        // Increase the counter
        $comment_counter++;

        // Add the comment ID as a class to the <li> element
        $comment_class = 'comment-' . $comment->comment_ID;

        // Add the comment author name as a class to the <li> element
        $comment_class .= ' by-author-' . sanitize_title( $comment->comment_author );

        // Check if the comment is a reply
        if ( $comment->comment_parent ) {
            $comment_class .= ' reply';
        }

        ?>
        <li id="<?php echo esc_attr( $comment_class ); ?>" class="comment-item">
            <div class="comment-body">
                <div class="comment-meta">
                    <span class="comment-author"><?php echo get_comment_author_link(); ?></span>
                    <span class="comment-date"><?php echo get_comment_date(); ?></span>
                    <span class="comment-permalink"><a href="#<?php%20echo%20esc_attr(%20$comment_class%20);%20?>" title="Permanent link to this comment">#<?php echo esc_html( $comment_counter ); ?></a></span>
                </div>
                <div class="comment-content"><?php comment_text(); ?></div>
            </div>
        </li>
    <?php } ?>
</ol>

2. 在主题CSS文件中添加样式

在主题的 style.css 文件中添加以下样式:

ol.comment-list {
    counter-reset: comment;
}

.comment-item {
    counter-increment: comment;
}

.comment-item .comment-permalink {
    margin-left: 10px;
}

.comment-item .comment-permalink a:before {
    content: "#";
}

.comment-item .comment-permalink a:after {
    content: counter(comment);
}

3. 重新加载主题样式表

在 WordPress 后台中,转到 [外观] > [编辑器],然后在右侧选择您的主题 style.css 文件。在文件的底部添加一个注释,例如:

/*
Theme Name: Your Theme Name
Description: Your theme's description.
Version: 1.0
Author: Your name
Author URI: http://yourwebsite.com/
Comments: Add comment floor number to comments
*/

保存并重新加载主题样式表。

4. 预览评论列表

现在,刷新您的 WordPress 网站并预览一个帖子的评论列表。您应该看到每个评论旁边都有一个带有编号的锚点链接,用于向评论者显示自己的 “楼层数”。

现在您已经了解了如何在WordPress文章主评论中添加楼层号的方法代码。

晓白博客网版权所有,原文地址https://www.xbnb.cn/5149
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容