Как добавить блок «Об авторе» в записи WordPress

На многих блогах есть блок «Об авторе» под каждой записью блога. И это становится одним из основных трендов на блогах WordPress. В этой статье мы покажем вам как добавить такой блок с информацией об авторе под отдельной записью в блоге без плагинов.

Скриншот:

authorbox[1]

Для начала открываем ваш файл style.css темы и добавляем в него такой код:

#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:500px;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:left;
border: 1px solid #ddd;
width: 100px;
height: 100px;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
padding-left:120px;
} 

Примечание: Изменяйте файл CSS для того, чтобы блок вписался в дизайн вашей темы.

После того, как вы добавили код выше, открываем ваш single.php и добавляем следующий код внутрь цикла.

<div id="authorarea">
<?php echo get_avatar( get_the_author_meta( 'user_email' ), 70 ); ?>
<h3>Об <?php get_the_author(); ?></h3>
<div class="authorinfo">
<?php the_author_meta( 'description' ); ?>
<a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">Просмотреть все записи автора <?php get_the_author(); ?> <span class="meta-nav">&rarr;</span></a>
</div>
</div>

Существует множество способов получения картинки для профиля автора, но в коде использован повсеместно узнаваемые аватары, Gravatar. Этот код получает аватар, привязанный к электронному адресу автора.

Если у вас есть какие-либо вопросы, не стесняйтесь задавать их в комментариях.

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

Об авторе ADv

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