Łatwo dodaj sekcję informacji o autorze do postów WordPress

Czy chcesz dodać author bio box do swoich postów WordPress? Author bio box to mała sekcja, w której możesz wyświetlać informacje o autorze bloga, pokazywać jego profile w mediach społecznościowych i nie tylko.

Wiele motywów WordPress pozwala łatwo wyświetlać biografię autora przy użyciu domyślnej funkcjonalności WordPress. Jednak niektóre motywy mogą nie mieć wbudowanej tej funkcji lub możesz zmienić sposób wyświetlania sekcji bio autora.

W tym artykule pokażemy wiele sposobów łatwego wyświetlania pola informacji o autorze w postach WordPress. Pokażemy również, jak dostosować biografię autora i uczynić ją bardziej użyteczną.

Easily add an author info section to WordPress posts

Dlaczego I Kiedy potrzebujesz pola informacji o autorze w WordPress

Postrzeganie rzeczywistej osoby za treścią pomaga budować wiarygodność i wzmacnia autorytet witryny wśród użytkowników.

W przypadku bloga WordPress dla jednego autora możesz po prostu dodać stronę O mnie, ale w przypadku witryn WordPress dla wielu autorów musisz dodać pole informacji o autorze pod każdym postem.

Dzięki temu użytkownicy mogą dowiedzieć się więcej o poszczególnych autorach na swojej stronie internetowej. Zapewnia również autorom dodatkową zachętę do częstszego wnoszenia wkładu i interakcji z czytelnikami.

Jeśli chcesz, aby więcej użytkowników przesyłało treści do twojej witryny, pole informacji o autorze to świetny sposób na przyciągnięcie pisarzy, którzy szukają ekspozycji i nowych odbiorców.

Powiedziawszy to, przyjrzyjmy się, jak łatwo dodać pole informacji o autorze w postach WordPress.

Dodawanie pola informacji o autorze w postach WordPress

WordPress jest najlepszym kreatorem stron internetowych na świecie ze względu na elastyczność i opcje dostosowywania, które oferuje.

Istnieje wiele różnych wtyczek bio autora, których możesz użyć, aby dodać sekcję informacji o autorze. Pokażemy Ci domyślną metodę WordPress, dwie różne wtyczki, a także metodę kodu. W ten sposób możesz wybrać metodę, która działa najlepiej dla Twojej witryny.

  • Dodawanie pola autor w WordPress za pomocą WordPress Themes
  • Dodawanie pola autor w WordPress za pomocą wtyczki
  • Dodawanie pola autora w pasku bocznym WordPress
  • Dodawanie pola autor w WordPress za pomocą fragmentów kodu

Metoda 1: Dodawanie Bio Autora Za Pomocą Motywu WordPress

Jeśli twój motyw WordPress zawiera pole z informacjami o autorze pod każdym artykułem, możesz go po prostu użyć do wyświetlenia biografii autora.

Aby z niego skorzystać, wystarczy odwiedzić Użytkownicy ” Wszyscy Użytkownicy strona. Stąd musisz edytować użytkownika, którego chcesz zmienić.

Editing a user profile

Na ekranie edycji profilu przewiń w dół do sekcji „informacje biograficzne”, aby dodać biografię autora. Możesz również użyć HTML w tym polu do ręcznego dodawania linków do profili społecznościowych autora.

Add author bio in user profile

Zdjęcie profilowe autora jest pobierane za pomocą programu Gravatar. Jeśli autor nie skonfigurował zdjęcia gravatar, możesz poprosić go o skorzystanie z naszego przewodnika dotyczącego konfiguracji zdjęcia gravatar w WordPress.

Możesz również zezwolić użytkownikom Witryny na przesyłanie niestandardowego zdjęcia profilowego autora, edytując ich profil.

Nie zapomnij kliknąć przycisku „Aktualizuj użytkownika”, aby zapisać zmiany.

Możesz teraz odwiedzić dowolny artykuł na swojej stronie internetowej, aby zobaczyć pole bio autora motywu WordPress pod treścią.

Preview default author info box

Metoda 2. Dodawanie pola informacji o autorze w WordPress za pomocą wtyczki

Jeśli twój motyw nie wyświetla pola informacji o autorze lub chcesz go dostosować, ta metoda jest dla ciebie.

W przypadku tej metody będziemy używać wtyczki WordPress, aby dodać pole informacji o autorze do postów WordPress.

Po pierwsze, co musisz zrobić, to zainstalować i aktywować wtyczkę Author Bio Box. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Ustawienia ” Author Bio Box strona do konfiguracji ustawień wtyczki.

Author Bio Box settings

Stąd możesz wybrać kolory, rozmiar gravatar dla zdjęcia autora i lokalizację do wyświetlenia pola bio autora.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać zmiany.

Następnie musisz odwiedzić Użytkownicy ” Wszyscy Użytkownicy stronę i kliknij link „Edytuj” pod użytkownikiem, którego chcesz zmienić.

Editing a user profile

Na ekranie edycji profilu przewiń w dół do sekcji „Informacje kontaktowe”. Tutaj możesz dodać linki do profili społecznościowych autora.

Add social media links to user profile

Wtyczka wyświetli ikony tylko dla sieci społecznościowych, w których wprowadzasz adres URL.

Następnie możesz przewinąć w dół do sekcji „informacje biograficzne”, aby dodać biografię autora. W tym polu można również użyć HTML do ręcznego dodawania linków lub użyć podstawowych opcji formatowania HTML.

Add author biographical information

Po zakończeniu kliknij przycisk Aktualizuj użytkownika, aby zapisać zmiany.

Możesz teraz odwiedzić dowolny artykuł napisany przez tego użytkownika, aby zobaczyć pole informacji o autorze w akcji.

Author info box plugin preview

Metoda 3: Wyświetl informacje o autorze w widżecie paska bocznego

Czy chcesz pokazać informacje o autorze na pasku bocznym zamiast pod artykułem? Jeśli tak, to ta metoda jest dla Ciebie, ponieważ pozwala pokazać pole informacji o autorze w widżecie paska bocznego.

W przypadku tej metody musisz zainstalować i aktywować wtyczkę Meks Smart Author Widget. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Wygląd ” Widgety strona. Tam znajdziesz Meks Smart Author pod listą dostępnych widżetów. Musisz dodać ten widżet do paska bocznego, na którym chcesz wyświetlić informacje o autorze.

Adding author info widget

Widżet zawiera wiele opcji. Najważniejszą opcją, którą musisz zaznaczyć, jest pole wyboru obok opcji „Automatycznie wykrywaj autora”.

Kliknij przycisk Zapisz, aby zapisać ustawienia widżetu. Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć widżet informacji autora w akcji.

Author bio box widget

Ta wtyczka pobiera informacje o użytkowniku z ich profilu WordPress. Ty lub twoi autorzy będziecie musieli wypełnić swoje dane biograficzne, edytując swoje profile.

Metoda 4. Add Author Info Box Ręcznie (Wymagane Kodowanie)

Ta metoda wymaga dodania kodu do witryny WordPress. Jeśli nie robiłeś tego wcześniej, zapoznaj się z naszym przewodnikiem na temat dodawania fragmentów kodu w WordPress.

Najpierw musisz dodać następujący kod do funkcji szablonu.plik php lub wtyczka specyficzna dla witryny.

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 );
 
// Jeśli wyświetlana nazwa nie jest dostępna, użyj pseudonimu jako wyświetlana nazwa
if (empty ($display_name ) )
$display_name = get_the_author_meta ('Nick', $post - >post_author );
 
// Uzyskaj informacje biograficzne lub opis autora
$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);
 
// Pobierz link do strony archiwum autora
$user_posts = get_author_posts_url( get_the_author_meta ('ID', $post->post_author));
  
jeśli ( ! empty ($display_name ) )
 
$author_details = ' <p class="author_name" >About ' . $display_name . "</p>";
 
jeśli ( ! empty ($user_description ) )
// Autor avatar i bio
 
$author_details .= '<p class = "author_details">'. get_avatar (get_the_author_meta('user_email'), 90). nl2br ($user_description ). "</p>";
 
$author_details .= '<p class = "author_links" > <a href="'. $user_posts .'">View all posts by'. $display_name . "</a>";  
 
// Sprawdź, czy autor ma stronę w swoim profilu
jeśli ( ! empty ($user_website)) {
 
// Wyświetl link do strony autora
$author_details .= '/<a href="'. $user_website .'"target=" _blank"rel="nofollow" >strona internetowa< / a></p>';
 
} else { 
// jeśli nie ma strony autora to po prostu zamknij akapit
$author_details .= "</p>",;
}
 
// Przekaż wszystkie te informacje do treści postu  
$content = $content . '<footer class = "author_bio_section">'. $author_details . "</footer>";
}
return $ content;
}
 
// Dodaj naszą funkcję do filtra treści postów 
add_action ('the_content', 'wpb_author_info_box');
 
// Zezwalaj na HTML w sekcji author bio 
remove_filter ('pre_user_description', 'wp_filter_kses');

Ten kod po prostu pobiera informacje o autorze i wyświetla je poniżej postów WordPress. Musisz stylizować to pole informacji o autorze, aby wyglądało ładnie i pasowało do Twojego motywu WordPress.

Możesz dodać następujący Niestandardowy CSS do stylizacji pola autora. Możesz go zmodyfikować, aby spełnić swoje potrzeby

.autor_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid # ccc;
}
 
.author_name{
font-size: 16px;
font-weight: bold;
}
 
.autor_details img {
border: 1px solid #d8d8d8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

Tak wyglądało okno z informacjami o autorze na naszej stronie demo.

Custom author info box

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać pole informacji o autorze do postów WordPress. Możesz również zapoznać się z naszymi wskazówkami, jak zwiększyć ruch na blogu lub naszym przewodnikiem krok po kroku, jak utworzyć biuletyn e-mail.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…