From e2b31e9a4bbf6d8f5bb3b19c52c63604f04b3943 Mon Sep 17 00:00:00 2001 From: liaoxin Date: Mon, 4 May 2026 14:21:38 +0800 Subject: [PATCH] =?UTF-8?q?v1.12=20=E2=80=94=20=E8=AF=84=E8=AE=BA=E5=8C=BA?= =?UTF-8?q?=E9=87=8D=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 自定义评论列表，支持嵌套回复显示 - 回复显示 @作者名 + 左侧虚线缩进 - 评论时间中文化 Y-m-d H:i:s，无 at 后缀 - 清理 CSS 冲突和残留规则 - 回复标题/按钮样式优化 --- comments.php | 13 ++++++---- style.css | 67 ++++++++++++++++++++++++++++++---------------------- 2 files changed, 48 insertions(+), 32 deletions(-) diff --git a/comments.php b/comments.php index 94da514..977f4df 100644 --- a/comments.php +++ b/comments.php @@ -9,16 +9,21 @@ if (post_password_required()) return; +

笺下留言

    get_the_ID(), 'status' => 'approve', 'order' => 'ASC')); foreach ($comments as $c) : - $c_user = get_user_by('email', $c->comment_author_email); + $is_reply = $c->comment_parent > 0; + $parent = $is_reply ? get_comment($c->comment_parent) : null; ?> -
  1. +
  2. - 'comment-avatar')); ?> + 'comment-avatar')); ?> comment_author); ?> + + 回复 @comment_author); ?> +
    comment_content); ?>
    @@ -31,7 +36,7 @@ if (post_password_required()) return; '笺下留言', + 'title_reply' => '', 'comment_notes_before' => '', 'comment_notes_after' => '', 'logged_in_as' => '', diff --git a/style.css b/style.css index 1c202a5..5eb7344 100644 --- a/style.css +++ b/style.css @@ -142,10 +142,10 @@ Text Domain: kj-weji /* 留言板 */ .comments-section { margin-top:48px; border-top:1px solid var(--border-light); padding-top:32px; } .comments-section h3 { font-size:18px; font-weight:600; letter-spacing:0.08em; margin-bottom:20px; } - .comment-item { padding:16px 0; border-bottom:1px solid var(--border-light); } - .comment-item .comment-author { font-size:14px; font-weight:600; margin-bottom:4px; display:flex; align-items:center; gap:6px; } - .comment-item .comment-time { font-size:11px; color:var(--ink-lighter); } - .comment-item .comment-body { font-size:14px; color:var(--ink-light); margin-top:6px; line-height:1.8; } + + + + .comment-form { margin-top:24px; display:flex; flex-direction:column; gap:12px; } .comment-form textarea { width:100%; padding:14px; border:1px solid var(--border); border-radius:var(--radius); background:var(--white); font-family:inherit; font-size:14px; color:var(--ink); resize:vertical; min-height:80px; } .comment-form button { align-self:flex-end; background:var(--cinnabar); color:#fff; border:none; padding:8px 24px; border-radius:20px; cursor:pointer; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; font-size:13px; transition:background 0.2s; } @@ -569,31 +569,42 @@ echo "done" .login-modal__btn--go { background:var(--cinnabar); color:#fff; } .login-modal__btn--go:hover { background:#a03a32; } -.comment-list li { list-style:none; padding:14px 0; border-bottom:1px solid var(--border-light); } -.comment-list .comment-body p { margin:4px 0; font-size:14px; color:var(--ink-light); line-height:1.8; } -.comment-list .comment-author { font-size:13px; font-weight:600; } -.comment-list .comment-author img { width:22px !important; height:22px !important; border-radius:50% !important; object-fit:cover !important; vertical-align:middle; margin-right:4px; } -.comment-list .comment-metadata { font-size:11px; color:var(--ink-lighter); } -.comment-list .comment-metadata a { color:var(--ink-lighter); text-decoration:none; } -.comment-list .reply { font-size:12px; } -.comment-list .reply a { color:var(--cinnabar); text-decoration:none; } -.comment-list .comment-respond { margin-top:12px; padding:12px; background:var(--paper-warm); border-radius:var(--radius); } -.comment-list .children { margin-left:24px; padding-left:0; border-left:2px solid var(--border-light); } -.comment-list .children li { border-bottom:none; } -.comment-reply-title { font-size:15px !important; font-weight:400 !important; letter-spacing:0.04em !important; margin-bottom:16px !important; } -.comment-reply-title a:not(#cancel-comment-reply-link) { color:var(--ink) !important; text-decoration:none !important; font-size:14px; font-weight:600; } -.comment-reply-title a:hover { color:var(--cinnabar) !important; } -#cancel-comment-reply-link { margin-left:12px; font-size:12px !important; color:var(--ink-lighter) !important; text-decoration:none !important; } -#cancel-comment-reply-link:hover { color:var(--cinnabar) !important; } -.comment-item { padding:14px 0; border-bottom:1px solid var(--border-light); list-style:none; } -.comment-item__meta { display:flex; align-items:center; gap:6px; margin-bottom:4px; } -.comment-avatar { width:22px !important; height:22px !important; border-radius:50% !important; object-fit:cover !important; } + + + + + + + + + + + + + + + + + + + + + + + + +/* 评论列表 */ +.comment-item { padding:10px 0; border-bottom:1px dashed var(--border-light); list-style:none; } +.comment-item:last-child { border-bottom:none; } +.comment-item__meta { display:flex; align-items:center; gap:6px; margin-bottom:2px; } +.comment-avatar { width:18px !important; height:18px !important; border-radius:50% !important; object-fit:cover !important; } .comment-item__author { font-size:13px; font-weight:600; } +.comment-item__replyto { font-size:11px; color:var(--cinnabar); } .comment-item__time { font-size:11px; color:var(--ink-lighter); } -.comment-item__text { font-size:14px; color:var(--ink-light); line-height:1.8; } - -.comment-item__reply { margin-top:4px; } -.comment-item__reply a { font-size:12px; color:var(--cinnabar); text-decoration:none; } -.comment-item__reply a:hover { color:var(--cinnabar-light); } +.comment-item__text { font-size:14px; color:var(--ink-light); line-height:1.7; } +.comment-item__reply { font-size:12px; } +.comment-item__reply a { color:var(--cinnabar); text-decoration:none; } +.comment-item--reply { margin-left:18px; padding:6px 0 6px 10px; border-bottom:1px dashed var(--border-light); border-left:1px dashed var(--border-light); } +.comment-item--reply:last-child { border-bottom:none; }