Css Wordpress-如何更改用户登录后显示的用户名的颜色？

当用户登录时，WP成员说：您以“用户名”登录。如何在CSS中引用此用户名以更改其颜色？

在主题文件中：

<?php

if (is_user_logged_in()) {
    ?>
    <p class="loggedin">You are logged in as "username".</p>
    <?php
} else {
    ?>
    <p class="loggedout">You are logged in as "username".</p>
    <?php
}

?>

---

这样做的方法是过滤它。有一个过滤器钩子用于登录状态的边栏-。侧栏状态的HTML字符串将传递给过滤器。这将是这样的：

<p>You are logged in as username<br />
<a href="http://logoutlink">click here to log out</a>

执行所述替换的过滤器将导致边栏状态输出如下：

<p>You are logged in as <span class="my_class">username</span><br />
<a href="http://logoutlink">click here to log out</a>

谢谢，但它不起作用：（它只添加了一个相同颜色的原始文本“您以“用户名”登录”。“我使用的是WP成员，这是在用户登录后出现在侧栏中的文本。此外，由于它是自动调用的，因此它采用“用户名”不知何故，我对这个问题很感兴趣——它是如何被调用的，这样我就可以在CSS中调用并简单地更改它的颜色。难道不可能有这个简单的解决方案吗？WP中用户名的短代码是什么？

add_filter( 'wpmem_sidebar_status', 'my_sidebar_status' );

function my_sidebar_status( $string ) {

    /** The original pieces **/
    $old = array(
        'You are logged in as',
        '<br />',
    );

    /** The replacements **/
    $new = array(
        'You are logged in as <span class="my_class">',
        '</span><br />',
    );

    /** Do the search/replace **/
    $new_string = str_replace( $old, $new, $string );

    /** Return the filtered result **/
    return $new_string;
}

<p>You are logged in as <span class="my_class">username</span><br />
<a href="http://logoutlink">click here to log out</a>

.my_class {
  font-weight: bold;
  color: red;
}