Как добавить информационный блок автора в сообщения WordPress (4 способа)

Хотите добавить поле биографии автора к своим постам WordPress?? Блок биографии автора - это небольшой раздел, в котором вы можете отобразить информацию...

Хотите добавить поле биографии автора к своим постам WordPress??

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

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

Зачем добавлять информационное поле автора в WordPress?

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

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

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

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

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

С учетом сказанного, давайте покажем вам, как добавить информационное поле автора в WordPress. Просто используйте быстрые ссылки ниже, чтобы сразу перейти к методу, который вы хотите использовать.

  • Добавление авторского блока в настройках темы WordPress
  • Добавление авторского блока в WordPress с помощью плагина WordPress
  • Добавление блока автора в боковые панели и виджеты WordPress
  • Добавление авторского блока путем добавления кода в WordPress

Способ 1: Добавление информационного блока автора с помощью настроек темы WordPress

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

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

Чтобы сделать это, просто перейдите на страницу Пользователи » Все пользователи в вашей панели администратора WordPress.

Затем наведите курсор на профиль пользователя, который вы хотите изменить, и нажмите на ссылку «Редактировать».

Перейти на страницу пользователей

Это приведет вас к экрану редактирования профиля.

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

Введите биографию автора

Фотография профиля автора автоматически берется с сервиса Gravatar. Если автор уже создал аккаунт, то это поле отобразится автоматически.

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

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

Пример темы с биографией автора

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

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

Для этого мы будем использовать плагин Author Bio Box. Это один из лучших плагинов для WordPress, который позволяет просто добавить настраиваемое поле биографии автора на ваш сайт.

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

После активации вам необходимо посетить сайт Настройки » Авторское информационное окно настроить параметры плагина.

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

Настройки плагина Author Bio Box

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

Далее вам необходимо посетить Пользователи » Все пользователи и нажмите на ссылку «Редактировать» под пользователем, которому вы хотите добавить биографию.

Перейдите на страницу пользователей

Затем прокрутите вниз до раздела ‘Контактная информация’ на экране редактирования профиля.

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

Добавить контактную информацию автора

После этого прокрутите вниз до раздела ‘Биографическая информация’, чтобы добавить биографию автора.

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

Добавить биографию автора

После завершения работы не забудьте нажать кнопку «Обновить профиль», чтобы сохранить изменения в профиле пользователя.

Теперь вы можете посетить любую статью, написанную этим пользователем, чтобы увидеть информационное поле автора в действии.

Пример информационного блока автора

Метод 3: Отображение информационного блока автора в области виджета боковой панели WordPress

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

Для этого метода вам необходимо установить и активировать плагин Meks Smart Author Widget. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

После активации вам нужно перейти на сайт Внешний вид » Виджеты в вашей приборной панели WordPress.

Затем нажмите на значок добавления блока ‘Plus’ в области виджета ‘Sidebar’.

Добавить новый блок виджета

После этого вам нужно выполнить поиск «Meks Smart Author».

Затем нажмите на блок, чтобы выбрать его.

Добавьте блок Meks Smart Author

Виджет поставляется с рядом опций для настройки его отображения.

Самым важным параметром, который вам нужно отметить, является флажок «Автоматически определять автора».

Включить автоматическое определение автора

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

Теперь вы можете посетить свой сайт, чтобы увидеть виджет биографии автора в действии.

Пример биографии автора в сайдбаре

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

Чтобы узнать больше о редактировании профилей пользователей, смотрите наше руководство о том, как добавлять новых пользователей и авторов в блог WordPress.

Метод 4. Добавление информационного блока автора путем добавления кода в WordPress

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

Тогда вы можете добавить следующий фрагмент кода в свои функции.php файле, в плагине для конкретного сайта или с помощью плагина code snippets.

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 ( empty( $display_name ) ) $display_name = get_the_author_meta( 'nickname', $post->post_author ); // Получите биографическую информацию автора или описание $user_description = get_the_author_meta( 'user_description', $post->post_author ); // Получение URL сайта автора $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 = '

'; if ( ! empty( $user_description )) // Аватар автора и биография $author_details .= '

Посмотреть все сообщения ' . $display_name . ''; // Проверяем, есть ли у автора сайт в профиле 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 .= ''; > // Передаем всю эту информацию для публикации контента $content = $content . '
' . $author_details . '
'; > return $content; > // Добавляем нашу функцию в фильтр содержимого поста add_action( 'the_content', 'wpb_author_info_box' ); // Разрешаем HTML в разделе биографии автора remove_filter('pre_user_description', 'wp_filter_kses');

Этот код просто извлекает информацию об авторе и отображает ее под постами WordPress.

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

Далее, перейдите в Внешний вид » Настроить в панели администратора WordPress.

Откроется панель настройки темы WordPress. Вам нужно перейти на вкладку «Дополнительные CSS».

Дополнительный CSS в настройщике WordPress

Это позволяет добавлять пользовательский CSS-код непосредственно в тему WordPress и видеть изменения в реальном времени.

Вот несколько примеров кода CSS, которые помогут вам начать работу:

.author_bio_section < background-color: #F5F5F5; padding: 15px; border: 1px solid #ccc; >.имя_автора < font-size:16px; font-weight: bold; >.author_details img

Далее добавьте код непосредственно в поле ‘Additional CSS’.

Затем нажмите кнопку «Опубликовать», чтобы изменения вступили в силу.

Добавьте код CSS и опубликуйте

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

Вот как выглядит поле биографии автора в нашей теме.

Биография автора после кода

Надеемся, что эта статья помогла вам узнать, как добавить информационное окно автора в сообщения WordPress. Вы также можете ознакомиться с нашим руководством о том, как выбрать лучший хостинг WordPress, и с подборкой лучших программ-чатботов AI для вашего сайта.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий