如何通过CSS或其他方法对未登录用户隐藏WordPress文章标签？

一、CSS修复方案（最简便） #

之前的body:not(.logged-in)写法可能因样式优先级或主题类名逻辑问题失效，换用以下更稳妥的代码：

/* 默认隐藏标签（未登录用户看到的状态） */
.entry-tags {
    display: none !important;
}
/* 登录用户显示标签 */
body.logged-in .entry-tags {
    display: block !important;
}

操作步骤： #

1. 登录WordPress后台，点击左侧菜单的「外观」→「自定义」；
2. 在自定义面板中找到「额外CSS」选项（通常在最底部）；
3. 将上述代码粘贴到输入框中；
4. 点击「发布」保存更改，刷新前端页面测试即可。

如果还是不生效，先确认标签容器的正确类名：

• 打开文章页面，按F12打开开发者工具；
• 点击工具左上角的选取元素按钮，点击页面上的标签区域；
• 在右侧元素面板中找到标签容器的类名（比如可能是post-tags而非entry-tags），把代码里的.entry-tags替换成正确的类名再试。

二、非CSS方案（更彻底） #

方法1：用代码片段插件添加PHP逻辑 #

适合不想修改主题文件的情况：

1. 登录WordPress后台，点击「插件」→「安装插件」，搜索并安装「Code Snippets」插件；
2. 安装激活后，点击左侧菜单的「Snippets」→「Add New」；
3. 在标题栏输入名称（比如「隐藏未登录用户标签」），在代码框粘贴以下代码：

add_action( 'wp_footer', 'hide_tags_for_guests' );
function hide_tags_for_guests() {
    // 判断用户未登录时执行
    if ( ! is_user_logged_in() ) {
        ?>
        <style>
            .entry-tags {
                display: none !important;
            }
        </style>
        <?php
    }
}

4. 点击「Save Changes and Activate」激活代码，刷新页面测试。

方法2：修改主题模板文件（需注意子主题） #

如果熟悉主题结构，可直接修改显示标签的代码，彻底不让标签输出：

1. 先确认自己使用的是子主题（避免主题更新丢失修改），如果没有子主题，建议先创建；
2. 登录后台，点击「外观」→「主题文件编辑器」；
3. 在右侧模板列表中找到single.php或content.php（不同主题位置不同，也可能是template-parts/content.php）；
4. 在文件中查找类似the_tags()的代码，比如：

the_tags( '<div class="entry-tags">标签：', ', ', '</div>' );

5. 将这段代码改成以下判断逻辑：

// 仅登录用户显示标签
if ( is_user_logged_in() ) {
    the_tags( '<div class="entry-tags">标签：', ', ', '</div>' );
}

6. 点击「更新文件」保存更改即可。

内容的提问来源于stack exchange，提问作者mh1web