WordPress如何为作者名称添加自定义class以实现样式自定义

实现方案 #

the_author_posts_link() 是WordPress内置函数，本身没有提供直接传入自定义class的参数，你可以用下面两种方式实现需求： #

方案1：外层包裹自定义容器（推荐，最简单稳定）

直接在函数外层套一个带自定义class的HTML标签，示例代码：

<div class="post-author-meta">
    <?php the_author_posts_link(); ?>
</div>

后续写CSS选中容器内的a标签即可调整样式：

.post-author-meta a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
}
/* 还可以单独设置 hover 等交互态 */
.post-author-meta a:hover {
    color: #007bff;
}

方案2：直接给a标签加自定义class

如果不想多嵌套一层标签，可以先获取链接的字符串内容，替换插入自定义class后再输出：

<?php
// 获取作者链接原始字符串
$author_link = get_the_author_posts_link();
// 给a标签插入自定义class
$author_link = str_replace('<a ', '<a class="custom-author-link" ', $author_link);
// 输出处理后的链接
echo $author_link;
?>

CSS直接针对自定义class设置样式即可：

.custom-author-link {
    color: #333;
    font-size: 14px;
}

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