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

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

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

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

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

author-avatars-widget[1]

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

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

В плагине есть два встроенных шорткода. Для добавления списка авторов с фото внутри записи или страницы можно использовать шорткод [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;
}

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

authors-list[1]

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

Плагин также позволяет выводить незарегистрированных пользователей, используя их 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. После активации плагин добавит раздел загрузки аватарок в профиль пользователя. Пользователи могут перейти в раздел Пользователи » Ваш профиль и загрузить там свое собственное фото, которое и будет использоваться в качестве аватара на вашем сайте.

profile-photo-local-avatar[1]

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

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

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top