Как добавить информацию об авторе в сообщениях WordPress

Приветствуем вас! Биобокс автора — это небольшой раздел, где вы можете отобразить информацию об авторе блога, показать его профиль в социальных сетях и многое другое. Многие темы WordPress позволяют легко отображать биографию автора, используя стандартные функции WP. Но, некоторые темы не имеют этой встроенной функции.

Зачем нужен блок информации об авторе в WordPress

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

Добавление информации об авторе в сообщениях WordPress

WordPress — лучший в мире конструктор сайтов благодаря гибкости и возможностям настройки, которые он предлагает.

Существует множество различных биологических плагинов, которые можно использовать для добавления раздела с информацией об авторе. Мы покажем вам метод WP по умолчанию, два разных плагина, а также метод кода. Таким образом, вы можете выбрать метод, который лучше всего подходит для вашего сайта.

Метод 1. Добавление биографии автора с помощью вашей темы WordPress

Если ваша тема поставляется с полем с информацией об авторе под каждой статьей, вы можете просто использовать ее для отображения своей биографии.

Чтобы использовать его, заходим на страницу «Пользователи»-«Все пользователи». Отсюда вам нужно отредактировать пользователя, которого вы хотите изменить.

На экране редактирования профиля прокрутите вниз до раздела «О пользователе», чтобы добавить биографию автора. Вы также можете использовать HTML в этом поле, чтобы вручную добавлять ссылки в профили автора в социальных сетях.

Изображение профиля автора получено с использованием Gravatar. Если вы не настроили граватарную фотографию, то вы сможете ее сделать с помощью нашего руководства.

Кроме того, вы также можете разрешить пользователям на вашем веб-сайте загружать пользовательскую фотографию профиля автора путем редактирования своего профиля.

Не забудьте нажать кнопку «Обновить информацию», чтобы сохранить изменения. Теперь вы можете посетить любую статью на своем веб-сайте, чтобы увидеть био-окно автора темы под содержимым.

Способ 2. Добавление информации об авторе с помощью плагина

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

Устанавливаем и активируем плагин Author Bio Box. После активации идем на страницу «Настройки»-«Автор Bio Box», чтобы настроить параметры плагина.

Отсюда вы можете выбрать цвета, размер граватара для фотографии автора и место для отображения био-окна автора.

Когда вы закончите, не забудьте нажать кнопку «Сохранить изменения». Затем вам нужно зайти на страницу «Пользователи» и «Все пользователи» и щелкнуть на ссылку «Изменить» под пользователем, которого вы хотите изменить.

На экране редактирования профиля необходимо прокрутить вниз до раздела «Контакты». Отсюда вы можете добавить ссылки на авторские профили в социальных сетях.

Плагин будет отображать только иконки для социальных сетей, где вы вводите URL.

После этого вы можете перейти к разделу «О пользователе», чтобы добавить биографию автора. Вы также можете использовать HTML в этом поле, чтобы вручную добавлять ссылки или использовать основные параметры форматирования HTML.

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

Метод 3. Показать информацию об авторе с помощью виджета

Этот метод позволяет отображать окно информации об авторе в виджете боковой панели. Устанавливаем и активируем плагин Meks Smart Author Widget.

Далее, идем на страницу «Внешний вид»-«Виджеты». Там появится новый виджет «Meks Smart Author». Добавляем этот виджет на боковую панель, где вы хотите отобразить информацию об авторе.

Виджет поставляется с рядом опций. Самым важным параметром, который необходимо проверить, это параметр «Автоматически определять автора».

Нажмите на кнопку «Сохранить». Идем на свой веб-сайт, чтобы увидеть информационный виджет автора в действии.

Этот плагин получает информацию о пользователях из их профиля WordPress. Вы или ваши авторы должны будете заполнить свои биографические данные, отредактировав свои профили.

Способ 4. Добавить окно с информацией об авторе вручную (требуется кодирование)

Во-первых, вам нужно добавить следующий код в файл functions.php вашей темы или плагин для сайта:

function wpb_author_info_box ( $content ) {
global $post;
// Detect if it is a single post with a post author
if ( is_single () && isset ( $post->post_author ) ) {
// Get author's display name
$display_name = get_the_author_meta ( 'display_name', $post->post_author );
// If display name is not available then use nickname as display name
if ( empty ( $display_name ) )
$display_name = get_the_author_meta ( 'nickname', $post->post_author );
// Get author's biographical information or description
$user_description = get_the_author_meta ( 'user_description', $post->post_author );
// Get author's website URL
$user_website = get_the_author_meta ('url', $post->post_author);
// Get link to the author archive page
$user_posts = get_author_posts_url ( get_the_author_meta ( 'ID' , $post->post_author));
if ( ! empty ( $display_name ) )
$author_details = '
About ' . $display_name . '
';
if ( ! empty ( $user_description ) )
// Author avatar and bio
$author_details .= '
' . get_avatar ( get_the_author_meta ('user_email') , 90 ) . nl2br ( $user_description ). '
';
$author_details .= '
View all posts by ' . $display_name . '';
// Check if author has a website in their profile
if ( ! empty ( $user_website ) ) {
// Display author website link
$author_details .= ' | Website
';
} else {
// if there is no author website then just close the paragraph
$author_details .= '
';
}
// Pass all this info to post content
$content = $content . '
' . $author_details . '
';
}
return $content;
}
// Add our function to the post content filter
add_action ( 'the_content', 'wpb_author_info_box' );
// Allow HTML in author bio section
remove_filter ('pre_user_description', 'wp_filter_kses');

Этот код просто выбирает информацию об авторе и отображает ее под сообщениями WP. Вам нужно оформить это информационное окно автора так, чтобы оно выглядело красиво и соответствовало вашей теме.

Вы можете добавить следующий пользовательский CSS для стилизации вашего авторского окна. Не стесняйтесь изменять его в соответствии с вашими потребностями:

.author_bio_section{
background-color: #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;
}

Как видите ничего сложного здесь нет. Ну что у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!