Як додати блок з інформацією про автора поста в WordPress

03/10/2018

Блок з інформацією про автора – це невеликий розділ, де ви можете відображати коротку інформацію про автора з посиланнями на його сайт і профілі в соціальних мережах. Вам потрібно додавати такий блок в кінці кожної публікації в WordPress? У даній статті ми покажемо, як на практиці додати блок з біографією автора в статті сайту на двигуні WordPress.

Навіщо потрібен інформаційний блок про автора в WordPress

Наочне уявлення про людину, яка створила публікацію, може допомогти підвищити довіру і посилити авторитет вашого сайту серед його відвідувачів. Плюс до цього, розміщення інформації про себе спонукає автора активніше взаємодіяти з читачами.

Для сайтів з одним автором ви можете просто додати посилання на сторінку Про мене. Але для сайтів з кількома авторами вам потрібно буде додати інформаційний блок про автора під кожним постом. Якщо ви дозволяєте гостьовий блогінг на своєму сайті, інформаційний блок автора допоможе вам збільшити авторитетність вашого ресурсу.

А тепер перейдемо до практичного вирішення даної задачі.

Додавання блоку Про автора в кінець кожного поста в WordPress

Щоб вирішити це завдання ми скористаємося невеликим фрагментом коду. Спочатку вам потрібно додати цей код в файл functions.php вашої активної теми:

function sebweo_author_info_box( $content ) {
 global $post;
 // Визначаємо, що це одиночний пост і у нього є автор
 if ( is_single() && isset( $post->post_author ) ) {
  // Отримуємо відображуване ім'я автора
  $display_name = get_the_author_meta( 'display_name', $post->post_author );
  // Якщо відображуване ім'я недоступне, використовуємо нікнейм як відображуване ім'я
  if ( empty( $display_name ) )
  $display_name = get_the_author_meta( 'nickname', $post->post_author );
  // Отримуємо біографію автора або короткий опис про нього
  $user_description = get_the_author_meta( 'user_description', $post->post_author );
  // Отримуємо посилання на сайт автора
  $user_website = get_the_author_meta('url', $post->post_author);
  // Отримуємо посилання на сторінку архіву записів даного автора
  $user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
  if ( ! empty( $display_name ) )
  $author_details = '<p class="author_name">Про ' . $display_name . '</p>';
  if ( ! empty( $user_description ) )
  // Аватар автора і його біографія
  $author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';
  $author_details .= '<p class="author_links"><a href="'. $user_posts .'">Подивитися всі пости автора ' . $display_name . '</a>';
  // Перевіряємо, чи вказав автор веб-сайт в своєму профілі
  if ( ! empty( $user_website ) ) {
    // Відображаємо посилання на сайт автора
    $author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Сайт автора</a></p>';
  } else {
    // якщо у автора немає сайту, просто закриваємо абзац
    $author_details .= '</p>';
  }
  // Передаємо всю цю інформацію в контент публікації
  $content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
 }
 return $content;
}
// Додаємо нашу функцію в фільтр контенту публікації
add_action( 'the_content', 'sebweo_author_info_box' );
// Дозволяємо HTML-код в секції біографії автора
remove_filter('pre_user_description', 'wp_filter_kses');

Цей код просто витягує всю необхідну інформацію про автора і відображає його в кінці контенту поста в WordPress. Тепер вам потрібно надати стильового оформлення блоку з інформацією про автора за допомогою CSS-стилів, щоб він виглядав красиво та відповідав вашій темі.

Ви можете використовувати цей невеликий приклад CSS в своїй таблиці стилів теми (файл styles.css в корені папки теми). Змініть дані стилі на свій розсуд, якщо потрібно.

.author_bio_section {
  background: none repeat scroll 0 0 #f5f5f5;
  padding: 15px;
  border: 1px solid #ccc;
}
.author_name {
  font-size: 16px;
  font-weight: bold;
}
.author_details img {
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  float: left;
  margin: 0 10px 10px 0;
}

Ми сподіваємося, що сьогоднішня стаття допомогла при практичному вирішенні задачі по додаванню блоку з інформацією про автора в кінець кожного поста в WordPress. Прокоментуйте статтю, якщо вам є що додати, в формі коментування нижче.

Теги: WordPress