Выводим список авторов с фотографиями в WordPress

Если вы ведете блог на WordPress с несколькими авторами, и вы хотите выделить ваших авторов, отобразив их списком с фотографиями, то вы попали на нужную статью. Ранее мы показывали вам как вывести список авторов с аватарами на одну страницу в WordPress, но в том способе очень много работы с кодом. В этой статье мы расскажем как вывести список авторов с фотографиями в WordPress без единой строки кода.

Прежде всего вам нужно установить и активировать плагин Author Avatars. После активации плагина вы получите виджет и два шорткода, которые нужно использовать для вывода списка авторов с их фотографиями.

Выводим список авторов с фоток, используя виджет

Если вы хотите вывести список авторов в вашем сайдбаре или другой секции, способной размещать виджеты, то вам нужно воспользоваться следующим способом. Переходим в Внешний вид » Виджеты и перетягиваем виджет в свой сайдбар. В нем есть большое количество настроек, позволяющих заточить список под ваши желания.

Из формы настроек виджета вы можете установить размер изображения для аватарки автора, выбрать информацию об авторе, которую нужно отображать, указать минимальное количество необходимых записей, выбрать роли пользователей и многое другое.

Выводим список авторов используя шорткод

В плагине есть два встроенных шорткода. Для добавления списка авторов с фото внутри записи или страницы можно использовать шорткод [authoravatars]. Однако, простое добавление шорткода просто выведет список аватарок авторов. У этого шорткода есть дополнительные параметры, которые можно добавить для отображения дополнительной информации. Например:

[authoravatars avatar_size=44 link_to_authorpage=true show_name=true show_biography=true]

Также можно изменить внешний вид списка, переназначив стили в файле style.css вашей темы. Мы, например, добавили следующий CSS для кастомизации списка:

.shortcode-author-avatars .avatar { 
float:left;
text-align:left;
padding:3px;
margin:3px;
border: 1px solid #EEE;
}
.shortcode-author-avatars div.author-list .user {
text-align: left;
}

Вот так выглядит список после применения стилей, указанных выше:

Выводим незарегистрированных авторов с фотографиями

Плагин также позволяет выводить незарегистрированных пользователей, используя их email адреса. Это особенно полезно для приглашенных авторов, у которых нет пользовательского аккаунта на вашем сайте. Также можно использовать этот способ для выделения любого пользователя вашего сайта, используя его id пользователя или е-мейл адрес. Шорткод для отображения одного аватара пользователя — [show_avatar]. Также у него есть параметр, который можно использовать вот так:

[show_avatar email=mail@address.com avatar_size=25 align=left]

Можно настроить внешний вид аватара, переназначив стили плагина в файле style.css вашей темы.

.shortcode-show-avatar {
  padding: 3px;
  border: 2px solid #EEE;
}

Разрешаем автору загружать фото профиля в WordPress

По-умолчанию, этот плагин использует граватары, однако в некоторых случаях ваши авторы могут не пожелать отображать свои аватары. В этом случае вы можете разрешить им загрузить свое собственное фото в профиль WordPress.

Прежде всего вам необходимо установить и активировать плагин Simple Local Avatars. После активации плагин добавит раздел загрузки аватарок в профиль пользователя. Пользователи могут перейти в раздел Пользователи » Ваш профиль и загрузить там свое собственное фото, которое и будет использоваться в качестве аватара на вашем сайте.

Если автор загрузит свое фото, то именно оно будет отображаться, а не граватар.

Надеемся, что статья помогла вам в добавлении списка авторов с аватарками на вашем сайте WordPress. Если у вас есть какие то вопросы, пожалуйста оставляйте их в комментариях ниже.