about-author-wordpress-tag

Как создать колонку “Об Авторе” в Вордпрессе

Автор: в Wordpress, Уроки Дата: Май 14, 2013

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

about-author-wdm

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

создать колонку об авторе в вордпрессе

Введите информацию о пользователе

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

HTML

<div id="author-info">
<div id="author-image"><a href="**Авторский веб-сайт**">**Граватар картинка**</a></div>
<div id="author-bio">
<h4>Автор <a href="**Авторский веб-сайт**">**Имя Автора**</a></h4>
**Краткое био**</div>
</div>
<!--Author Info-->

Откройте ваш single.php файл и впишите начальный HTML код. Весь раздел инфо об авторе содержится внутри DIV-тэега “author-info”. В рамках этого, находится DIV содержащий связнное изображение Gravatar, затем DIV содержащий основную информацию об авторе, такую как его имя, поместим его в хеадер H4 и параграф ожидающий биографических сведений.

CSS

#main div#author-info {
        background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        overflow: auto;
}
        #main div#author-info div#author-image {
                float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
        }

С HTML на месте, теперь можно прописать CSS, чтобы переместить все на свои места. Здесь автор-инфо DIV оформлен с серым фоном, отступленно по краям и нижнем поле. Прикосновение к радиусу границ закруглило углы и изображение автора всплывает слева.

Добавление тегов WordPress шаблонов

<div id="author-info">
<div id="author-image"></div>
<div id="author-bio">
<h4>Written by <!--?php the_author_link(); ?--></h4>
<!--?php the_author_meta('description'); ?--></div>
</div>
<pre>
<!--Author Info-->

Динамическая функциональность может быть добавлена ​​к файлу темы с использованием тегов WordPress шаблона.Вот то, что используется:

<!--?php the_author_meta('user_url'); ?-->

the_author_meta () тег шаблона может быть использован, чтобы тянуть различные фрагменты информации о пользователе, в этом случае он используется для поиска URL автора.

<!--?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?-->

Get_avatar () тег используется, чтобы захватить Gravatar(изображение) автора, и get_the_author_meta (‘user_email’) тег используется, чтобы занять место электронной почты пользователя в параметрах.

<!--?php the_author_link(); ?-->

the_author_link ()тег используется, чтобы просто отбросить имя автора, и сразу автоматически связать с его веб-сайт URL.

<!--?php the_author_meta('description'); ?-->

Наконец, the_author_meta () тег используется еще раз,но на этот раз с параметрами, чтобы предоставить описание о пользователе, также известно как его биографические данные.

А что дальше?

С огромным диапазоном тегов для шаблонов доступных в WordPress, почемы бы не сделать экстра шаг и добавить новые возможности?

Показать все сообщения этого пользователя

Смотреть все статьи автора <!--?php the_author_posts_link(); ?-->

Показать счетчик сообщений пользователя

<!--?php the_author(); ?--> написал <!--?php the_author_posts(); ?--> статей на <!--?php bloginfo('name'); ?-->

Ссылка на AIM адрес пользователя

<!--?php the_author(); ?-->'s AIM адрес <!--?php the_author_meta('aim'); ?-->

Автор Юлия Микута

Главный редактор портала WebDesignMagazine.ru. Пишу статьи для веб-сайта, занимаюсь продвижением портала в социальных сетях. Если хотите стать автором на нашем сайте - напишите нам об этом и мы рассмотрим ваше предложение.