Статьи

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

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

Автор биографии PHP / HTML

Следующий пример кода поможет вам начать с добавления биографии автора на ваш сайт. Этот код будет отображать имя автора и описание. Имя будет ссылаться на страницу сообщений автора. Обычно этот код добавляется под вашими сообщениями в блоге, то есть где-то внутри файла single.php или singular.php. Просто не забудьте изменить text_domain на текстовый домен вашей темы, и вы можете изменить «60» на размер, который вы хотите, чтобы ваш аватар был аватаром.

<div id="author-bio">
    <div id="author-avatar"><?php echo get_avatar( get_the_author_meta( 'ID' ), 60 ); ?></div>
    <div id="author-details">
        <h2><?php esc_html_e( 'Post Written by', 'text_domain' ); ?></strong> <?php the_author_posts_link(); ?></h2>
        <?php the_author_description(); ?>
    </div>
</div>

Образец CSS биографии автора

Ниже приведен некоторый CSS, который вы можете добавить в свой файл style.css, чтобы придать своему авторскому блоку базовый стиль.

#author-bio {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#author-avatar {
    float: left;
    margin-right: 20px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
}
#author-details {
    overflow: hidden;
}
#author-details h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px;
}

Как добавить биографическое описание автора?

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

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

Подпишитесь на рассылку новостей

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

Кнопка «Наверх»