Вы здесь:   Главная » Вебмастеру    »    Создаём виджет «Об Авторе» на WordPress

Создаём виджет «Об Авторе» на WordPress

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

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

Как создать виджет об авторе на WordPress без плагинов

Как создать виджет «Об Авторе»?

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

Для начала перечислим требующиеся функции для отображения личных данных из профиля автора:

  • Во первых, это аватарка пользователя. Об этом мы писали в прошлой статье, но напоминаю код для вывода изображения:
    <?php echo get_avatar( get_the_author_meta( ‘user_email’ ), 80 ); ?>
  • Не менее важно вывести биографическую информацию, которую автор указал в своём профиле WordPress. В системе этот пункт зовётся «О себе»:
    <?php the_author_meta( ‘description’ ); ?>
  • Ну и ещё один немаловажный элемент оформления – ссылка на авторские публикации. Это автоматически генерируемая страница с выводом полного списка записей одного из пользователей:
    <?php the_author_posts_link(‘namefl’); ?> <?php get_the_author(); ?>

После следует за компоновать перечисленные функции, воспользовавшись стилями CSS. Например, аватарку располагаем с левого края страницы (float: left;), сверху помещаем подзаголовок (<h3> или <h4>), для текста «О себе» можно добавить размер шрифта и цвет (font-size: 12px; color: #333333;), ну и в конце добавить ссылку на все авторские публикации.

Примечание!   Код полученного виджета размещаем в файле «single.php» — шаблон одной записи (или «content-single.php в зависимости от темы оформления»). Вставляем сразу за выводом основного контента (<?php the_content(); ?>), либо после приоритетных элементов дизайна!

Пример кода виджета «Об авторе»:Обзор

P.S.

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

Расскажи друзьям:

Оставить комментарий

Авторизоваться через: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: