Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać podpisy do obrazów wyróżnionych w WordPressie

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.

Jak dodać podpisy do obrazów wyróżnionych w WordPressie

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ę.

Podgląd podpisu obrazu wyróżnionego

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.

Dodawanie podpisu do obrazu wyróżniającego za pomocą wtyczki

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.

Dodawanie podpisu w Bibliotece Mediów WordPress

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.

Dodawanie podpisu w Bibliotece Mediów WordPress

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:

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

32 CommentsLeave a Reply

  1. Ś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??

    • 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.

    • 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 :).

    • 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źć.

  2. 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?

  3. 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.

  4. 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ę

  5. 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.

  6. 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

  7. 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!

  8. 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

  9. To jest świetne. Bardzo pomocne. Dziękuję bardzo! Ale naprawdę pomocne byłoby pokazanie zrzutu ekranu z wynikiem.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.