X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Как показать автора записи WordPress

Приклад
  • 2024-12-08
  • 23087 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

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

Вывод автора WordPress

Я покажу не просто как вывести имя, а еще несколько дополнительных функций. Сделаем блок, который будет выводить всю информацию об авторе.

Для того чтобы просто вывести имя автора, Вам поможет стандартная функция WordPress - the_author();. Ее нужно добавить в нужном месте файла - single.php. Как пример, можно сделать так:

Автор статьи: <?php the_author(); ?>

Теперь давайте рассмотрим как вывести блок об авторе записи.

Блок об авторе

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

Я сразу представлю готовый результат, потом разберем по порядку.

<div id="article-author">
<div class="author">Автор статьи: <?php the_author(); ?></div>
<div id="author-image"><?php $author_email = get_the_author_email(); echo get_avatar($author_email,'75');?></div>
<div id="author-text"><?php the_author_description();?></div>
<div class="post-counter"><?php the_author(); ?> опубликовал статей: <?php the_author_posts(); ?></div>
</div>
  1. Для начала создаем родительский блок, который будет контейнером для всего что мы выведем. Зададим ему id - article-author
  2. Далее блок author, с выводом имени автора, благодаря функции - the_author();.
  3. Потом блок author-image, где мы выводим аватар с помощью функции:
    <?php $author_email = get_the_author_email(); echo get_avatar($author_email,'75');?>
    

    Цифра 75 - это размер аватара в пикселях. Можете менять под себя.

  4. author-text - блок с информацией о авторе. Для ее вывода нужна функция - the_author_description();.
  5. Последний блок - post-counter, в нем выводим количество опубликованных записей пользователя через функцию - the_author_posts();.

Чтобы задать правильный внешний вид, нужно добавить CSS стилей.

/*Автор поста*/
#article-author {
	float: right;
	width: 50%;
	margin-bottom: 20px;
	padding: 10px;
	-webkit-box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.1);
	-moz-box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.1);
	box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.1);}
#author-image{
	float: left;}
#author-text {
	font-size:12px;
	color:#999;
	text-align:justify;
	overflow:hidden;}
.post-counter{
	margin-top:13px;
	font-size: 12px;}
.author{
	font-size:14px;
	margin-bottom:10px;}

Теперь у Вас будет не просто имя, а информативный блок об авторе записи.

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 28, в среднем: 4.9 из 5
Читайте також

Deprecated: Функція WP_Query викликана з аргументом, який вважається застарілим з версії 3.1.0! Вираз caller_get_posts застарілий. Використовуйте ignore_sticky_posts. in /var/www/vhosts/gnatkovsky.com.ua/gnatkovsky.com.ua/public/wp-includes/functions.php on line 6078