Как отобразить имя пользователя WordPress в цвете?

Question

У меня есть этот код, который выводит отображаемое имя Wordpress:

<?php
    global $current_user;
    get_currentuserinfo();
    echo  'Welcome ' . $current_user->display_name . "\n";
?> 

как вывести display_name другим цветом, скажем, DARK GREEN в качестве примера?а также, если бы я хотел раскрасить «добро пожаловать» отдельно?как мне это сделать, пожалуйста?Самое главное, как я могу раскрасить отображаемое имя?

Answer 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, которые вы можете проверить:
(Iпонятия не имею о качестве, так как я просто погуглил "html css tutorial" )

• https://learn.shayhowe.com/html-css/
• https://internetingishard.com/html-and-css/hello-css/