如何以彩色显示wordpress用户名?

时间:2018-09-29 09:10:24

标签: php wordpress html5

我有此代码可获取输出Wordpress显示名称:

eventReactive()

如何以不同的颜色输出display_name,例如示例DARK GREEN?而且,如果我想分别为“欢迎”上色?我也该怎么做?最重要的是,如何为显示名称上色?

1 个答案:

答案 0 :(得分:1)

将文本换成跨度并添加CSS类:

HTML

echo  '<span class="welcome">Welcome</span> <span class="name">' . $current_user->display_name .  "</span>\n";

CSS:

.welcome {
    color: #f00; /* Red */
}

.name {
    color: #080; /* Dark green */
}

旁注:行后有"\n"。这会在代码中创建实际的换行符,但浏览器不会渲染它们。如果要在呈现的页面中换行,则需要使用HTML标记:<br />

以下是一些HTML / CSS教程,您可以查看:
(我不知道质量,因为我只是用谷歌搜索“ html css教程”