Вывод аватарки автора записи на WordPress

Недавний комментарий к статье «Как добавить аватар в WordPress?» подтолкнул написать этот обзор, так как тема размещения аватара остаётся актуальной. Вопрос пользователя состоял в возможности отображения аватара, путём автоматического вывода его на странице публикации. Интерес склонялся к установке соответствующего плагина, который, думаю, без труда нашёлся бы, но проще и лучше применить имеющиеся функции WordPress.

Как разместить фото автора записи?

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

За вывод аватарки автора публикации отвечает следующий код:

<?php $author_email = get_the_author_email(); echo get_avatar($author_email, '33');?></>

где «33» размер отображаемой аватарки.

Для того чтобы он отрабатывался движком на страницах сайта, следует поместить его в файл «single.php» (или «content-single.php»). Место отображения подбирается индивидуально в каждом шаблоне, предпочтительно, сразу после основного заголовка <h1> (или в блоке мета-данных (рубрика, дата, автор)).

Благодаря стилю CSS можно задать позиционирование изображения (отображение справа или слева с отступами или бордюрами).

Например, в ниже представленном коде, используемом на этом сайте, применяется выравнивание по левому краю (float) страницы с дополнительными внешними отступами (margin):

<div style="float: left; margin: 0 10px 0 5px;"><?php $author_email = get_the_author_email(); echo get_avatar($author_email, '33');?></></div>

Вместо послесловия

Таким образом, Вы можете в любом месте вывести аватар актуального пользовательского профиля, даже в боковой панели, используя текстовый виджет (при условии разрешённого PHP кода).
В следующий раз попробуем создать «Блок Автора», применив только функционал системы WordPress…