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 godzinami wybierałem idealny obraz wyróżniający do pierwszego wpisu na blogu. Ale kiedy opublikowałem wpis, odwiedzający nie mogli stwierdzić, że zdjęcie pochodzi z mojego wschodu słońca w Parku Narodowym Jasper.

Bez podpisu, wspaniałe zdjęcie okładkowe traci swoje znaczenie i historię. Frustrujące jest odkrycie, że większość motywów WordPress domyślnie ukrywa podpisy obrazów wyróżniających.

Na szczęście używałem prostego, darmowego wtyczki na moich własnych blogach, aby naprawić ten konkretny problem. Jest niezwykle łatwa w konfiguracji i działa idealnie z każdym projektem WordPress.

Oto najprostszy sposób wyświetlania podpisów do Twoich obrazów wyróżniających.

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 wszystkim. Czytniki ekranu polegają na ukrytym tekście alternatywnym, aby opisać obraz, ale odczytują również na głos widoczne podpisy.

Pozwala to na dostarczenie dodatkowego kontekstu dla wszystkich Twoich odwiedzających. Po prostu upewnij się, że Twój podpis nie pasuje idealnie do tekstu alternatywnego, w przeciwnym razie czytniki ekranu odczytają dokładnie to samo zdanie dwukrotnie!

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 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: uwidocznienia podpisów obrazów wyróżniających.

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

Najpierw musisz zainstalować i aktywować wtyczkę FSM Custom Featured Image Caption. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po aktywacji ta wtyczka daje Ci dwa łatwe sposoby zarządzania podpisami obrazów wyróżniających: bezpośrednio w edytorze wpisów dla konkretnych wpisów lub w Bibliotece Mediów dla spójności.

Najpierw otwórz dowolny wpis lub stronę do edycji. W prawym panelu ustawień upewnij się, że jesteś na karcie „Wpis” i poszukaj sekcji Obraz wyróżniający.

Zobaczysz teraz nowe pole oznaczone jako „Podpis obrazu wyróżniającego” tuż pod miniaturą Twojego obrazu wyróżniającego.

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 uzyskać bardziej szczegółowy przewodnik, zapoznaj się z naszym pełnym samouczkiem dla początkujących, jak dodawać podpisy do obrazów w WordPressie.

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 zapewnić czytelnikom więcej kontekstu dotyczącego obrazu. Tekst alternatywny to ukryty atrybut HTML używany przez wyszukiwarki i czytniki ekranu do zrozumienia obrazu, a jest wyświetlany wizualnie 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 dopasować je do projektu Twojej witryny.

Czy moje podpisy znikną, jeśli zmienię motyw?

Nie, nie znikną po zmianie motywu. Wtyczka bezpiecznie zapisuje podpisy w bazie danych WordPress. Po prostu upewnij się, że wtyczka jest aktywna, a podpisy będą nadal wyświetlane w Twoim nowym motywie.

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

Leave A Reply

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. Proszę NIE używaj słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.