Как в конце поста вывести информацию об авторе

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

Немного теории

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

Выводим информацию об авторе статьи

Для того чтобы вывести информацию в файле single.php (либо в другом файле отвечающим за одиночную запись), после вывода контента вставляем код:


<div class="author-info">
<div class="author-left">
<div class="avatar"><?php echo get_avatar( get_the_author_meta('email') , 70 ); ?></div>
</div>
<div class="author-right">
<div class="author-name"><?php echo get_the_author_meta('user_firstname'); ?></div>
<div class="author-bio"><?php echo get_the_author_meta('description'); ?></div>
</div>
</div>

Данный код выводит аватар с помощью сервиса Gravatar, о котором я рассказывал в прошлом уроке, как установить и вывести аватарку в WordPress. После вывода аватара выводиться Имя и Биография, данные поля можно заменить на другие, например имя на логин.

Далее, для более приятного видна в файл style.css вставляем стили:


.author-info {
background: #EDFBFF;
overflow: hidden;
padding: 10px;
border-radius: 5px;
}
.author-left {
float: left;
margin-right: 15px;
}
.avatar {
border-radius: 50%;
}
.author-right {
float: left;
}
.author-name {
margin-bottom: 10px;
margin-top: 5px;
font-weight: bold;
}

Конечно если вы обладаете знаниями css, вы можете отредактировать вид как вам угодно.

Если вы все сделали правильно заполнили поля Имя, Биография и установили аватарку, открыв статью вы должны увидеть примерно это:

Как вывести информацию автора поста

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

Хотите подобный функционал, верстку либо помощь в настройке вашего сайта?
Свяжитесь со мной

Оставить отзыв

(обязательно)

(обязательно)


Наши друзья
- ARTtime - Блог о Photoshop и Дизайн
- Блог о дизайне и арте
Реклама