- Коли і навіщо потрібна панель з біографією автора
- Спосіб перший: авторська панель в постах за допомогою плагіна
- Налаштування відображення панель з инофрмацию про автора
- Спосіб другий: інформація про автора в віджеті сайдбара для одиничних постів
- Спосіб третій: додаємо інфо-панель авторів за допомогою коду
Наша взаимовыгодная связь https://banwar.org/
Панель з біографією автора це невелика область, в якій ви можете відобразити інформацію про автора поста з посиланнями на ваш сайт і профілями в соціальних мережах. У цій статті ми покажемо вам як це можна зробити.
Коли і навіщо потрібна панель з біографією автора
Можливість бачити, хто стоїть за статтями, допомагає підвищити довіру і авторитет до сайту серед інших користувачів. Для сайтів з одним автором ви можете просто додати сторінку «Про себе». Однак для блогів з декількома авторами вам буде потрібно додати панель з інформацією про автора під кожним постом. Ця панель підстьобує авторів взаємодіяти зі своїми читачами і пропонує авторам додаткову ініціативу зі створення кола передплатників. Якщо ви приймаєте пости від гостей, то панель з інформацією про автора зможе притягнути вам більше людей.
Існує безліч способів як додати інфо-панель про авторів і ми покажемо вам два способи, щоб ви могли вибрати, що краще підійде для вашого сайту.
Спосіб перший: авторська панель в постах за допомогою плагіна
Багато власників сайтів бажають відображати інформацію про авторів в кінці поста. Спершу встановіть і активуйте плагін 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
Наша взаимовыгодная связь https://banwar.org/. Запустив новый сайт, "Пари Матч" обещает своим клиентам незабываемый опыт и возможность выиграть крупные суммы.
