На многих веб-сайтах можно обнаружить отдельный блок, где отображаются последние участники, зарегистрировавшиеся на ресурсе. Обычно в начале такого раздела есть фраза типа “Добро пожаловать новым пользователям!” или что-то в этом роде. Подобные блоки часто встречаются на форумах, досках объявлений и других интернет-платформах.
Чтобы реализовать такую функцию в WordPress, вы можете использовать несколько подходов. Один из самых простых способов — воспользоваться специальными плагинами, которые автоматически выводят список новых пользователей. Популярные плагины, такие как “New User Approve” или “User Registration”, предлагают различные настройки для отображения пользователей.
При отсутствии плагинов можно использовать код в файле вашей темы. Например, вы можете добавить следующий код в файл functions.php вашей темы:
<?php
function latest_users_widget() {
$args = array(
'orderby' => 'user_registered',
'order' => 'DESC',
'number' => 5
);
$users = get_users($args);
echo '<ul>';
foreach ($users as $user) {
echo '<li>' . esc_html($user->display_name) . '</li>';
}
echo '</ul>';
}
?>После этого вы сможете вызвать функцию latest_users_widget() в любом месте вашего шаблона, чтобы отобразить последних зарегистрированных пользователей. Также стоит помнить о важности соблюдения конфиденциальности пользователей и избегать раскрытия личной информации в открытых списках.
Для улучшения визуального восприятия, вы можете стилизовать отображаемый список через CSS, чтобы он гармонично вписывался в дизайн вашего сайта. Это позволит пользователям легко заметить новых участников и повысить активность на вашем ресурсе.
Как показать последних зарегистрированных пользователей?
В данном случае рассмотрим два метода, которые помогут отображать в вашем боковом виджете всех пользователей, только что зарегистрировавшихся на сайте.
Метод 1. Плагин для вертикального скролла недавно зарегистрированных пользователей
С помощью бесплатного плагина, который называется vertical scroll recent registered user, можно автоматически создать виджет с необходимыми данными. Для того чтобы увидеть, как он работает, необходимо установить и активировать плагин. Затем зайдите на страницу виджетов (Внешний вид -> Виджеты) и переместите виджет vertical scroll recent registered user в нужное место в боковой панели.
В этом виджете есть несколько настроек для отображения пользователей, таких как: Display date (вывод даты регистрации),
Display image border (показ рамки для аватарок), Display image (отображение аватаров). Также можно задать количество пользователей, отображаемых в виджете (опции Display number of user at the same time in scroll и Enter max number of user to display). Для того чтобы все изменения вступили в силу, не забудьте нажать кнопку Сохранить.
Метод 2. Создание виджета вручную
Этот метод предполагает ручное создание виджета для показа списка новых пользователей путем добавления PHP-кода в файл functions.php вашей темы.
Если вы не уверены в своих навыках редактирования functions.php, то можете воспользоваться плагином ProFunctions.
Следует вставить указанные строки в самом конце файла:
Таким образом, будет сгенерирован шорткод [site_newusers], который необходимо поместить в виджет Текст.
После нажатия кнопки Сохранить, ваша боковая панель будет выглядеть так:
Если потребуется внести изменения во внешний вид списка новых пользователей, для этого был внедрен css-класс recently-user, к которому можно применить необходимые css-стили.
Добавьте стили в ваш файл стилей, чтобы изменить шрифты, цвета или другие элементы внешнего вида:
.recently-user {
font-size: 14px;
color: #333;
background-color: #f9f9f9;
padding: 10px;
border-radius: 5px;
}
Таким образом, вы можете настроить внешний вид списка по вашему желанию.
Улучшение виджета с помощью CSS-стилей
Для начала, адаптируйте стили вашего виджета, добавив кастомные цвета. Замените стандартную цветовую палитру на более гармоничные оттенки. Используйте свойства background-color и color для задания основных фонов и текста. Например:
.widget {
background-color: #f5f5f5;
color: #333;
}
Следующий шаг – настройка отступов и границ. Это критически важно для визуального восприятия. Примените свойства padding и margin для создания пространства между элементами. Границы помогут выделить ваш виджет. Попробуйте установить:
.widget {
padding: 20px;
margin: 10px 0;
border: 1px solid #ccc;
}
Важно помнить, что маленькие детали влияют на общее восприятие. Не забывайте о согласованности в стилях.
Типографика также играет важную роль. Подберите шрифт, который будет легко читаем. Пользуйтесь свойствами font-family, font-size и line-height для улучшения текстового контента. Пример оформления текста:
.widget h3 {
font-family: 'Arial', sans-serif;
font-size: 1.5em;
line-height: 1.2;
}
Элементы навигации внутри виджета также требуют внимания. Добавьте стили для ссылок, чтобы они выглядели привлекательно. Свойства text-decoration и hover эффекты сделают их более интерактивными:
.widget a {
text-decoration: none;
color: #0073aa;
}
.widget a:hover {
color: #005177;
}
Помните! Обновление стилей может значительно повысить пользовательский опыт и добавить индивидуальности вашему проекту.