Підступна війна росії проти України. Орієнтовні втрати ворога
(станом на 05.07.2022)
36350
осіб
217
літаків
187
гелікоптерів
1594
танків
3772
ББМ
806
артилерія
105
ППО
247
РСЗВ
2634
машин
15
кораблі і катери
Як додати блок з інформацією про автора поста в WordPress

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

Блок з інформацією про автора – це невеликий розділ, де ви можете відображати коротку інформацію про автора з посиланнями на його сайт і профілі в соціальних мережах. Вам потрібно додавати такий блок в кінці кожної публікації в 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. Прокоментуйте статтю, якщо вам є що додати, в формі коментування нижче.

 

 

Напишіть тут свою думку/питання

Ваша пошта не публікуватиметься.