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