Как добавить блок с информацией об авторе поста в 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. Прокомментируйте статью, если вам есть что добавить, в форме комментирования ниже.