Pamiętam, jak spędziłem godziny na wybieraniu idealnego obrazka wyróżniającego do jednego z moich pierwszych wpisów na blogu. Ale kiedy go opublikowałem, czegoś brakowało – odwiedzający nie mieli pojęcia, że zdjęcie pochodzi z zapierającego dech w piersiach wschodu słońca podczas wędrówki w Parku Narodowym Jasper.
Bez podpisu nawet najbardziej oszałamiający obraz nie opowie całej swojej historii. To powszechne frustracja, ale na szczęście istnieje proste rozwiązanie, którego używałem na własnym blogu WordPress, aby rozwiązać ten konkretny problem.
W tym przewodniku pokażę Ci najłatwiejszy sposób dodawania podpisów do Twoich wyróżnionych obrazów. Użyję darmowej i niezawodnej wtyczki, która działa z każdym motywem WordPress.

Dlaczego dodawać podpisy do obrazów wyróżnionych?
Podpisy sprawiają, że wyróżniające obrazy WordPress są bardziej dostępne i dostarczają natychmiastowego kontekstu dla czytelników.
Pomyśl o obrazku wyróżniającym jako o okładce swojego artykułu. To pierwsza rzecz, którą ludzie widzą, ale bez podpisu nie może opowiedzieć całej historii. Odkryłem, że dodanie prostego podpisu jest jednym z najłatwiejszych sposobów, aby moje treści były bardziej angażujące i profesjonalne.
Na przykład, na mojej stronie podróżniczej dodanie podpisu w stylu „Widok zachodu słońca na rzekę Logan w Queensland w Australii” natychmiast dostarcza kontekstu i wciąga czytelnika w przygodę.

Jeśli prowadzisz portfolio, możesz użyć podpisu, aby podać fotografa lub datę zdjęcia „przed i po”, co dodaje profesjonalizmu.
Podpisy odgrywają również ważną rolę w udostępnianiu Twojej witryny każdemu. Chociaż czytniki ekranu opierają się głównie na ukrytym tekście alternatywnym do opisu obrazu, odczytują również widoczny podpis na głos. Pozwala to na dostarczenie dodatkowego kontekstu lub kluczowej wiadomości o zdjęciu, która jest przydatna dla wszystkich odwiedzających, zapewniając, że osoby korzystające z czytników ekranu nie przegapią tych informacji.
Jest to zgodne z najlepszymi praktykami w zakresie dostępności internetowej i jest również niezbędne do prawidłowego podania autorstwa, jeśli używasz obrazu, który nie należy do Ciebie.
Wiele popularnych publikacji i blogów nigdy nie publikuje obrazu bez linii kredytowej, i jest to najlepsza praktyka, którą gorąco polecam.
Problem polega na tym, że chociaż WordPress pozwala dodać podpis do dowolnego obrazu, większość motywów po prostu nie wyświetla podpisu dla obrazów wyróżniających.
Dzieje się tak, ponieważ kod motywu kontroluje sposób wyświetlania obrazków wyróżniających, a deweloperzy motywów często pomijają tę funkcję domyślnie. Naprawmy to.
Jak dodawać podpisy do obrazków wyróżniających za pomocą wtyczki WordPress
Dla większości ludzi najłatwiejszym sposobem wyświetlania podpisów do obrazów wyróżniających jest użycie wtyczki. Polecam darmową wtyczkę o nazwie FSM Custom Featured Image Caption. Jest to lekkie narzędzie zaprojektowane do jednego zadania: sprawienia, aby podpisy do Twoich obrazów wyróżniających były widoczne.
Polecam to podejście, ponieważ działa z każdym motywem WordPress. Wtyczka jest popularna i niezawodna, z tysiącami aktywnych instalacji na WordPress.org. Co najlepsze, działa od razu po wyjęciu z pudełka, bez skomplikowanych ustawień.
Ta wtyczka oferuje dwa proste sposoby zarządzania podpisami do zdjęć wyróżniających: bezpośrednio w edytorze posta dla konkretnych postów lub w Bibliotece Mediów dla spójności.
Najpierw musisz zainstalować i aktywować wtyczkę FSM Custom Featured Image Caption. Jeśli potrzebujesz pomocy, możesz zapoznać się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.
Po aktywacji wtyczki otwórz dowolny wpis lub stronę do edycji. W prawym panelu ustawień znajdź sekcję Obraz wyróżniony . Zobaczysz teraz nowe pole oznaczone jako ‘Podpis obrazu wyróżnionego’ tuż pod miniaturą obrazu wyróżnionego.

Po prostu wpisz tekst, którego chcesz użyć w podpisie, bezpośrednio w tym polu. Jest to podstawowa i najbardziej bezpośrednia metoda.
Kiedy skończysz, po prostu kliknij przycisk ‘Zaktualizuj’ lub ‘Opublikuj’ , aby zapisać zmiany.
To wszystko. Podpis, który wpisałeś, pojawi się teraz z Twoim obrazem wyróżnionym na Twojej stronie internetowej.
Jak działa funkcja awaryjna (Biblioteka multimediów)
Wtyczka jest inteligentna. Załóżmy, że pozostawisz pole „Podpis obrazka wyróżniającego” w edytorze posta puste. W takim przypadku automatycznie sprawdzi, czy masz zapisany podpis dla tego obrazka w Bibliotece Mediów WordPress i wyświetli go zamiast tego.
Jest to bardzo pomocne, jeśli planujesz używać tego samego obrazu i podpisu w wielu postach.
Aby dodać domyślny podpis, przejdź do Media » Biblioteka z poziomu panelu WordPress i kliknij obraz, który chcesz edytować. W wyskakującym oknie „Szczegóły załącznika” wypełnij pole „Podpis”. Wszelki dodany tutaj tekst jest automatycznie zapisywany.

Teraz, dopóki pole „Podpis obrazu wyróżniającego” w edytorze posta jest puste, ten podpis z Biblioteki multimediów będzie używany domyślnie. Zapewnia to idealną równowagę między kontrolą specyficzną dla posta a spójnością w całej witrynie. 👍
Bonus: Dodawanie podpisu do obrazów w WordPress
W przeciwieństwie do obrazów wyróżnionych, dodanie podpisu do obrazu wewnątrz wpisów lub stron jest znacznie prostsze. Dzieje się tak, ponieważ WordPress jest skonfigurowany do automatycznego wyświetlania tych podpisów, bez żadnych dodatkowych kroków.
Najpierw prześlij obrazek do swojego posta lub strony. Gdy otworzy się biblioteka mediów, zobaczysz pola „Tekst alternatywny”, „Tytuł”, „Podpis” i „Opis” w prawym panelu.

Następnie po prostu wpisz swój tekst w polu „Podpis”.
Po zakończeniu kliknij przycisk „Wybierz”, aby wstawić obraz do swojego posta. Podpis automatycznie pojawi się pod nim.
Jeśli chcesz bardziej szczegółowy przewodnik, możesz zapoznać się z naszym pełnym poradnikiem dla początkujących, jak dodawać podpisy do obrazów w WordPress.
Najczęściej zadawane pytania dotyczące podpisów obrazów wyróżnionych
Oto odpowiedzi na niektóre z najczęściej zadawanych pytań dotyczących dodawania podpisów do obrazów wyróżniających w WordPress.
Jaka jest różnica między podpisem obrazka a tekstem alternatywnym?
Podpis jest wyświetlany publicznie na stronie, aby dać czytelnikom więcej kontekstu o obrazie. Tekst alternatywny to prywatny opis dla wyszukiwarek i czytników ekranu, który pojawia się tylko wtedy, gdy obraz nie może się załadować.
Czy podpisy obrazów wyróżniających są dobre dla SEO?
Tak, mogą. Podpisy pomagają wyszukiwarkom lepiej zrozumieć Twoje obrazy i poprawiają dostępność Twojej witryny. Oba te czynniki są pozytywnymi sygnałami dla SEO Twojej witryny.
Czy mogę zmienić styl tekstu podpisu?
Absolutnie. Wygląd podpisu jest kontrolowany przez arkusz stylów Twojego motywu. Możesz użyć niestandardowego CSS, aby zmienić czcionkę, kolor, rozmiar lub wyrównanie, aby pasowały do projektu Twojej witryny.
Czy moje podpisy znikną, jeśli zmienię motyw?
Nie, nie będą. Wtyczka zapisuje Twoje podpisy bezpośrednio w bazie danych WordPress. Oznacza to, że są bezpieczne i zostaną przeniesione, nawet jeśli zdecydujesz się później zmienić swój motyw.
Dodatkowe zasoby dotyczące obrazów w WordPress
Teraz, gdy wiesz, jak dodawać podpisy do swoich obrazów wyróżniających, możesz zapoznać się z innymi pomocnymi przewodnikami dotyczącymi obrazów w WordPress:
- Jak wymagać obrazków wyróżniających dla wpisów w WordPressie – Dowiedz się, jak upewnić się, że każdy wpis ma obrazek wyróżniający, zanim zostanie opublikowany.
- Najlepsze wtyczki i narzędzia do obrazów wyróżniających dla WordPress – Odkryj nasze eksperckie wybory wtyczek, które mogą pomóc w zarządzaniu i optymalizacji Twoich obrazów wyróżniających.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Dennis Muthomi
Świetne wskazówki dotyczące dodawania podpisów do zdjęć wyróżniających!
Jedno pytanie jednak: - chociaż podpisy dostarczają pomocnego kontekstu, zauważyłem, że moja strona jest oznaczana przez Google PageSpeed Insights za brak tekstu alternatywnego dla obrazów.
ze standpointu dostępności, czy zalecilibyście priorytetowe traktowanie dodawania opisów tekstowych alternatywnych nad podpisami??
Komentarze WPBeginner
Będziesz chciał użyć przynajmniej tekstu alternatywnego.
Pomyśl o tekście alternatywnym jako o opisie samego obrazu. Podpis pomaga dodać kontekst do tego opisu.
Dennis Muthomi
ok…that makes total sense now, thanks for the clarification!
Jiří Vaněk
Tekst alternatywny jest ważny nie tylko dla SEO. Używając ALT, informujesz wyszukiwarki (Google, Bing itp.), a także osoby niedowidzące, dla których ten tag jest przede wszystkim przeznaczony, co jest przedstawione na zdjęciu lub obrazie. Google samo w sobie nie jest w stanie rozpoznać, co znajduje się na obrazie, ale za pomocą tekstu alternatywnego możesz mu to wyjaśnić, a ono lepiej zaindeksuje obraz dla podanych słów kluczowych. Jeśli nie używasz tekstów alternatywnych, znacząco wpłyniesz na SEO swoich obrazów. Nie lekceważ tego :).
Mrteesurez
Zdecydowanie zaleca się stosowanie tekstu alternatywnego (Alt text) dla wszystkich obrazów. Jeśli na obrazie nie ma tekstu, Google nie jest w stanie zidentyfikować, co się na nim dzieje.
Ponadto, tekst alternatywny jest wyświetlany użytkownikom z wolnym połączeniem sieciowym lub gdy obraz nie załadował się poprawnie. Ten tekst pozwoli im zrozumieć, jaki rodzaj obrazu powinien się tam znaleźć.
Anonimus
Dzięki
Wsparcie WPBeginner
You’re welcome
Admin
Zlatev
Wbudowane w 4.6 –
Chris
Jak?
Frank
brak tekstu alternatywnego????
zaib azhar
w jakim pliku?
Moyen
Cześć,
Próbowałem pobrać obraz wyróżniony, wywołując konkretny identyfikator posta i funkcję get_post, ale wszystko jest w porządku oprócz obrazu wyróżnionego. Nie wyświetla obrazu wyróżnionego.
czy jest problem z wywołaniem po ID posta i get_post(); ?
mój kod?
// niestandardowy szablon (społeczność)
post_title; ?>
post_content; ?>
Proszę, jakieś pomysły?
Wsparcie WPBeginner
Przykro nam, ale nie widzimy kodu. Możesz umieścić swój kod na http://pastebin.com/, a następnie udostępnić link w komentarzu.
Admin
Sabir
To jest bardzo świetne i bardzo pomocne. Dziękuję bardzo!
Trisha
Dziękuję za wyjaśnienie tego! Musiałem tylko dodać podpisy do obrazków i spędziłem dużo czasu szukając rozwiązania... Znalazłem wiele innych odpowiedzi na forum wsparcia WP, ale żadna z nich nie wyjaśniła, jak przechowywane są obrazki wyróżniające... to teraz taka prosta rzecz, gdy rozumiem.
Vali_REK
Witaj, świetny post.
Proszę wyjaśnij, czy mogę to zrobić na innej stronie internetowej.
Chciałbym wyświetlić artykuł lub kategorię z bloga WordPress na stronie internetowej OpenCart.
Dziękuję
Wsparcie WPBeginner
Możesz pobrać zawartość WordPressa na stronę internetową OpenCart za pomocą kanału RSS.
Admin
Aneas Nemorosus
Gdzie mogę Ci kupić kawę????
Personel redakcyjny
Możesz wysłać nam darowiznę za pomocą formularzy tutaj:
https://www.wpbeginner.com/wpbeginner-needs-your-help/
Admin
Mike
Nadal nie wiem, czym lub gdzie jest „pętla”. Przepraszam.
Yannick
Przepraszam, nie do końca rozumiem...
Do której pętli dokładnie mam wkleić kod?
Może to tylko ja jestem zamyślony, przepraszam.
Personel redakcyjny
W pętli, w której chcesz wyświetlić miniatury z podpisami. Może to być Twój plik single.php lub inne pliki.
Admin
Dejan
Dziękuję za to!!!
Jhon Edison Bueno Martinez
Wielkie dzięki, szukałem tego i to jest najlepsze i najprostsze wyjaśnienie, jak dodać podpis obrazu do obrazów wyróżniających.
Dzięki
Personel redakcyjny
Użyj tego artykułu:
https://www.wpbeginner.com/wp-themes/how-to-display-custom-fields-outside-the-loop-in-wordpress/
Admin
tonilehtimaki87
Krótko, zwięźle i na temat. Jedyna krytyka dotyczy braku przykładowego wyniku dla krótkiego artykułu. Dla innych czytelników: Pamiętajcie, aby przeczytać powiązane posty!
Gary
Jak mogę stylizować podpis?
Czy podpis jest renderowany poza elementem DIV klasy w kodzie źródłowym? Co robię źle?
Z góry dziękuję,
Gary
Personel redakcyjny
Możesz opakować zawartość echo we własny div.
Admin
t.diaz
Od około 4 godzin uderzam głową w ścianę, próbując dowiedzieć się, jak opakować echo treści we własny div. (Jestem nowicjuszem w PHP).
Czy możesz podać przykład, jak wyglądałoby opakowanie div w tym echo?
Personel redakcyjny
Zrób to tak:
echo ‘otwórz div tutaj’ . get_post(get_post_thumbnail_id())->post_excerpt . ‘zamknij div tutaj’;
karen
To jest świetne. Bardzo pomocne. Dziękuję bardzo! Ale naprawdę pomocne byłoby pokazanie zrzutu ekranu z wynikiem.
Bronson
Ten mały klejnot przydaje się, gdy chcesz ulepszyć większość dostępnych darmowych motywów… miło, szybko i łatwo.