Разработка сайта для Вашего бизнеса. Веб дизайн. Дизайн логотипа, фирменного стиля, рекламная фотография . Комплексный рекламный креатив.

Ralex. We do the work.
На рынке с 1999го года. Средняя ценовая категория. Ориентация на эффективность решений.
Ознакомтесь с нашим портфолио
Узнайте больше о услугах
Свяжитесь с нами:
E-mail: [email protected]
Tel: (044) 587 - 84 - 78
Custom web design & дизайн и разработка сайта "под ключ"
Креативный, эффективный дизайн. Система управления сайтом (СУС).
Custom flexible разработка систем электронной коммерции
Система e-commerce разрабатывается под индивидуальные потребности. Гибкая функциональность.
Search Engine Optimzation & оптимизация под поисковые системы (SEO)
Постоянная оптимизация и мониторинг сайта в поисковых системах. Достигаем результата быстро и эффективно
Custom logo design & дизайн логотипа и фирменного стиля
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.
профессиональная рекламная фотография
креативно, смело, качественно
Custom logo design & рекламный креатив. дизайн рекламы
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.

Як додати панель з інформацією про автора в пости WordPress?

  1. Коли і навіщо потрібна панель з біографією автора
  2. Спосіб перший: авторська панель в постах за допомогою плагіна
  3. Налаштування відображення панель з инофрмацию про автора
  4. Спосіб другий: інформація про автора в віджеті сайдбара для одиничних постів
  5. Спосіб третій: додаємо інфо-панель авторів за допомогою коду

Панель з біографією автора це невелика область, в якій ви можете відобразити інформацію про автора поста з посиланнями на ваш сайт і профілями в соціальних мережах. У цій статті ми покажемо вам як це можна зробити.

Коли і навіщо потрібна панель з біографією автора

Можливість бачити, хто стоїть за статтями, допомагає підвищити довіру і авторитет до сайту серед інших користувачів. Для сайтів з одним автором ви можете просто додати сторінку «Про себе». Однак для блогів з декількома авторами вам буде потрібно додати панель з інформацією про автора під кожним постом. Ця панель підстьобує авторів взаємодіяти зі своїми читачами і пропонує авторам додаткову ініціативу зі створення кола передплатників. Якщо ви приймаєте пости від гостей, то панель з інформацією про автора зможе притягнути вам більше людей.

Існує безліч способів як додати інфо-панель про авторів і ми покажемо вам два способи, щоб ви могли вибрати, що краще підійде для вашого сайту.

Спосіб перший: авторська панель в постах за допомогою плагіна

Багато власників сайтів бажають відображати інформацію про авторів в кінці поста. Спершу встановіть і активуйте плагін Guerilla`s Author Box. Кожен автор на вашому сайті повинен буде додати свою інформацію і посилання на профілі. Вони можуть це зробити, зайшовши в аккаунт WordPress і клацнувши по посиланню Profile з адмінки Вордпресс.

Будучи адміністратором сайту, ви можете заповнити цю інформацію особисто, редагуючи кожен профіль користувача. Для цього вам треба буде зайти на сторінку Users> All User і клацнути по посиланню edit під кожним користувачем, чий профіль ви бажаєте відредагувати.

Тепер можете зайти в будь-який пост WordPress у себе на сайті і ви побачите авторську інфо-панель внизу поста.

Плагін використовує стандартну систему аватарів під назвою Gravatar. Вашим авторам треба буде додати їх фото на сайт Gravatar.

Налаштування відображення панель з инофрмацию про автора

В плагіні присутній дуже простий CSS, який взаємодіє з посиланням і квітами тексту з вашого шаблону. Однак, якщо ви хочете його трохи підрихтувати, і відчуваєте себе впевнено в роботі з CSS, то можете скопіювати стандартний код плагіна і вставити його в таблицю стилів вашого дочірнього шаблону. Ось приклад CSS, який ви можете використовувати для початку. Ми поміняли колір фону і зробили фото автора круглим замість квадратного.

.guerrillawrap {background: #ECECEC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid # d0d0d0; float: left; padding: 2%; width: 100%; } .Guerrillagravatar {float: left; margin: 0 10px 0 0; width: 10%; } .Guerrillagravatar img {border-radius: 50%; border: 1 px solid #eee; } .Guerrillatext {float: left; width: 84%; } .Guerrillatext h4 {font-size: 20px; line-height: 20px; margin: 0 0 0 0; padding: 0; } .Guerrillatext p {margin: 10px 0 15px 0; font-style: italic; } .Guerrillasocial {float: left; width: 100%; } .Guerrillasocial a {border: 0; margin-right: 10px; }

Ось як панель з інформацією про автора виглядала на нашому демо-сайті після застосування CSS-коду вище. У вашому випадку це може виглядати інакше в залежності від шрифтів і квітів, які використовує ваш шаблон WordPress.

Спосіб другий: інформація про автора в віджеті сайдбара для одиничних постів

Спосіб вище непоганий, якщо ви хочете, щоб інформація про автора відображалася під постами. Однак комусь із вас може захотітися, щоб біографія автора відображалася в сайдбарі або будь-якій області віджетів. Спершу вам знадобиться встановити і активувати плагін Meks Smart Author Widgets. Після його активації зайдіть на сторінку Appearance - Widgets. Ви побачите Meks Smart Author в списку доступних віджетів. Додайте його в сайдбар, де ви хочете відображати інформацію про автора.

У віджета є купа налаштувань. Найважливіша з них, біля якої вам необхідно відзначити осередок це біля Automatically detect author.

Збережіть налаштування і зайдіть на сайт, щоб побачити роботу плагіна в дії. Цей плагін також збирає інформацію з профілів авторів, тому вашим авторам також знадобиться заповнити свою біографію.

Спосіб третій: додаємо інфо-панель авторів за допомогою коду

Обидва з наведених вище способів грунтувалися на використанні плагінів. Якщо з якихось причин вам треба додати інфо-панель про автора вручну, то ось як ви можете це зробити. Спершу вам потрібно додати код в файл 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. = '<a href="'. $user_posts .'"> View all posts by'. $ Display_name. '</a>'; // Check if author has a website in their profile if (! Empty ($ user_website)) {// Display author website link $ author_details. = '| <a href="'. $user_website .'" target="_blank" rel="nofollow"> Website </a> '; } Else {// if there is no author website then just close the paragraph $ author_details. = ''; } // Pass all this info to post content $ content = $ content. '<Footer class = "author_bio_section">'. $ Author_details. '</ Footer>'; } 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');

Цей код просто збирає інформацію про автора і відображає її внизу під постами WordPress. Вам треба привести інфо-панель в порядок, щоб вона виглядала належним чином і відповідала вашому шаблоном. Ви можете використовувати цей CSS в вашому шаблоні або таблиці стилів. Можете змінювати його як завгодно залежно від своїх потреб.

.author_bio_section {background: none repeat scroll 0 0 # 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; }

Ось як панель з інформацією про автора виглядала на нашому демо-сайті.

Наша спеціальність - розробка та підтримка сайтів на WordPress. Контакти для безкоштовної консультації - [email protected] , +371 29394520

Категории
  • Биология
  • Математика
  • Краеведению
  • Лечебная
  • Наука
  • Физике
  • Природоведение
  • Информатика
  • Новости

  • Новости
    Подготовка к ЕГЭ по математике
    Статьи Опубликовано: 05.10.2017 Подготовка к ЕГЭ по МАТЕМАТИКЕ. 1 часть. Эффективный курс подготовки. Вы находитесь на сайте www.ege-ok.ru - Подготовка к ЕГЭ по математике. Меня зовут Инна Владимировна

    Куда поступить с обществознанием, русским и математикой
    Статьи Опубликовано: 06.10.2017 Сдача ЕГЭ. Куда поступать? Обществознание считается одним из самых популярных предметов, которые выпускники сдают на ЕГЭ. Ввиду высокого рейтинга дисциплины Рособрнадзор

    Сайт Майер Елены - ЕГЭ по математике
    Планируется проведение двух отдельных экзаменов – базового и профильного. Кому сдавать базовый ЕГЭ по математике? Базовый ЕГЭ организуется для выпускников, изучающих математику для общего развития

    ГДЗ решебник по математике 4 класс
    Извините, тут пока ничего нет ((( Решебник по математике 4 класс (Истомина Н.Б.) – не просто возможность быстро выполнить домашнее задание для учащегося, но и способ разобраться в труднорешаемых задачах.

    ГДЗ по математике 1 класс Самсонова самостоятельные работы
    Решебник по математике за 1 класс автора Самсоновой Л.Ю. 2012 года издания. Данное пособие предлагает готовые решения на разнообразные упражнения, направленные на активизацию всего учебного процесса. Здесь

    Для этой работы нужна математика
    Слотов: 956 Рулеток: 7 Лицензия: Pragmatic Play, Microgaming, ELK, Yggdrasil, Habanero, Amatic, Isoftbet, Netent, Rival, Igrosoft, Quickspin. Игры: Автоматы, Покер, Рулетки. Всего 963 Отдача: 98% Бонус

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

    Функция экспонента в Excel
    Одной из самых известных показательных функций в математике является экспонента. Она представляет собой число Эйлера, возведенное в указанную степень. В Экселе существует отдельный оператор, позволяющий

    ЕГЭ по математике 2018
    ЕГЭ по математике, наравне с русским языком , – обязательный экзамен для сдачи выпускниками 11-х классов. По статистике он самый сложный. Мы предлагаем ознакомиться с общей информацией об экзамене и

    Секреты эффективной и быстрой подготовки ко второй части ОГЭ по математике.
    Уважаемые девятиклассники, настоящие или будущие! Часто от вас приходится слышать следующие вопросы. Легко ли подготовиться к заданиям второй части ОГЭ по математике? Сколько для этого понадобится


    Наши клиенты
    Клиенты

    Быстрая связь

    Тел.: (044) 587-84-78
    E-mail: [email protected]

    Имя:
    E-mail:
    Телефон:
    Вопрос\Комментарий: