Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać podpisy do wyróżniających się obrazków w WordPress?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy musisz dodawać podpisy do wyróżniających się obrazków w WordPress?

Podpisy to świetny sposób na dodanie kontekstu i informacji w tle, ale wiele motywów WordPress nie wyświetla ich poprawnie. Może to sprawić, że twój obrazek będzie wyglądał na pusty, a odwiedzający stracą cenne informacje.

W tym artykule pokażemy ci, jak łatwo wyświetlać podpisy dla wyróżniających się obrazków w WordPressie, zwiększając atrakcyjność wizualną twojej witryny i wrażenia użytkownika.

add-captions-to-featured-images-og

Dlaczego warto dodawać podpisy do wyróżniających się obrazków w WordPress?

Czy kiedykolwiek miałeś wrażenie, że twoim wyróżniającym się obrazkom czegoś brakuje? Bez podpisów mogą one wyglądać zwyczajnie i nie przekazywać pełnej relacji lub kontekstu, który się za nimi kryje.

Wiele motywów WordPress nie obsługuje podpisów dla wyróżniających się obrazków, pozostawiając odbiorców bez cennych informacji, które zapewniają podpisy. Może to być frustrujące, zwłaszcza gdy masz do przekazania ważną wiadomość lub ważne szczegóły.

Dodawanie podpisów do wyróżniających się obrazków to skuteczny sposób na zapewnienie kontekstu, o czym jest zdjęcie na twoim blogu WordPress. Istnieje kilka powodów, dla których warto rozważyć dodanie podpisów:

  • Opisywanie wyróżniającego się obrazka: Czasami nie jest jasne, czego dotyczy wyróżniający się obrazek. Na przykład, jeśli masz witrynę internetową poświęconą podróżom, która archiwizuje twoje przygody na świeżym powietrzu, możesz dodać podpis, gdzie został zrobiony twój wyróżniający się obrazek.
  • Zwiększona dostępność: Dodanie podpisów może poprawić wrażenia użytkownika dla osób, które mogą mieć wady wzroku.
  • Datowanie grafiki: Czasami dobrym pomysłem jest datowanie obrazka. Jeśli twój wyróżniający się obrazek przedstawia zdjęcie przed i po, możesz dodać datę, aby czytelnicy wiedzieli, kiedy zostało zrobione.
  • Uznanie autorstwa: Jeśli robisz zdjęcie komuś innemu, zwłaszcza profesjonalnemu fotografowi, dobrym pomysłem jest podanie odnośnika do jego witryny internetowej. Tego rodzaju podpisy są często używane w gazetach, publikacjach, magazynach i popularnych blogach.

Podczas przesyłania obrazka wyróżniającego istnieje możliwość dodania podpisu wraz z innymi informacjami, takimi jak tekst alternatywny obrazka.

Ogólnie rzecz biorąc, prawie wszystkie motywy WordPress mają wbudowaną obsługę wyróżniających się obrazków i wyświetlają je w wielu różnych obszarach twojej witryny internetowej WordPress.

Adding captions to a featured image in WordPress

Twój motyw może jednak nie wyświetlać tego podpisu odwiedzającym.

To powiedziawszy, zobaczmy, jak można dodać podpisy do wyróżniających się obrazków w WordPressie za pomocą wtyczki.

Dodawanie podpisów do wyróżniających się obrazków w WordPressie

Najlepszym sposobem na wyświetlanie podpisów pod wyróżniającymi się obrazkami jest użycie wtyczki Featured Image Caption.

Featured Image Caption

Najpierw należy zainstalować i włączyć wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Wszystko, co musisz zrobić, to przejść do wpisu na blogu, w którym chcesz dodać podpis do wyróżniającego obrazka. Przejdź do Wpisy ” Wszystkie wpisy , a następnie znajdź wpis na blogu, w którym chcesz wprowadzić zmiany.

Najedź kursorem na nazwę bloga, a pod tytułem pojawi się kilka przycisków. Kliknij „Edytuj”.

WordPress all posts

Po przejściu do artykułu na blogu przejdź do prawego panelu. Aby wyświetlić panel, kliknij przycisk panelu u góry obok „Aktualizuj” lub „Publikuj”.

Następnie przewiń w dół do opcji Wyróżniający się obrazek i wybierz opcję „Ustaw wyróżniający się obrazek”.

Set featured image

Następnie pojawi się nowe okno z twoją istniejącą biblioteką multimediów.

Wybierz zdjęcie, którego chcesz użyć jako obrazka wyróżniającego.

select featured image

Następnie przewiń do dołu ekranu. Kliknij przycisk „Ustaw obrazek wyróżniający”, aby zdjęcie pojawiło się jako zdjęcie główne w twoim wpisie.

Aby uzyskać bardziej szczegółowy przewodnik, zapoznaj się z naszym artykułem na temat dodawania wyróżniających się obrazków lub miniaturek wpisów w WordPress.

Set featured image button

Po pobraniu wtyczki, po prawej stronie, tuż pod przesłanym obrazkiem, powinien pojawić się panel wyróżniający obrazek (Featured Image Caption).

Wystarczy nadać Twojemu wyróżniającemu się obrazkowi odpowiedni podpis w sekcji „Tekst podpisu”.

Zachęcamy do dodania informacji o źródle dla wyróżniającego się obrazka, aby wyrazić uznanie dla jego właściciela.

featured image caption

Po ustawieniu twojego podpisu, wszystko co pozostało do zrobienia, to naciśnięcie przycisku „Aktualizuj” lub „Opublikuj”.

Dzięki temu nie utracisz swoich zmian.

update blog post

Jeśli przejdziesz na twój wpis na blogu, możesz zobaczyć podpis w działaniu. Powiadomienie pojawia się tuż pod wyróżniającym się obrazkiem.

I gotowe! Teraz możesz łatwo dodawać podpisy do wszystkich wyróżniających się obrazków, aby czytelnicy mogli lepiej zrozumieć, czego dotyczy zdjęcie, zanim przejdą do dalszej lektury twojego bloga.

featured image caption preview

Bonus: Dodawanie podpisów do obrazków w WordPressie

Teraz, gdy już wiesz, jak dodawać podpisy do wyróżniających się obrazków, prawdopodobnie chcesz dodać je także do wszystkich obrazków.

To dobry sposób na dodanie kontekstu, zwłaszcza jeśli chcesz opisać różne obrazki użyte w twoim wpisie na blogu. Możesz wyjaśnić zrzuty ekranu, infografiki, a nawet zdjęcia stockowe. Zapewnia to użytkownikom lepsze wrażenia.

Wszystko, co musisz zrobić, to wgrać twój obrazek do biblioteki multimediów. W panelu po prawej stronie pojawi się tekst alternatywny, tytuł, podpis i opis.

W sekcji „Podpis” wpisz zdanie lub frazę, aby zapewnić czytelnikom dodatkowy kontekst dotyczący obrazka. Następnie kliknij „Wybierz”, aby wstawić obrazek.

caption in images

Jeśli jednak potrzebujesz bardziej szczegółowego przewodnika, możesz zapoznać się z naszym pełnym poradnikiem dla początkujących na temat dodawania podpisów do obrazków w WordPress.

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się dodawać podpisy do wyróżniających się obrazków w WordPress. Warto również zapoznać się z niezbędnymi wtyczkami WordPress dla witryn internetowych dla firm lub sprawdzić nasze propozycje ekspertów dotyczące najlepszych kreatorów stron WordPress typu „przeciągnij i upuść„.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

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

Reader Interactions

31 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    Great tips on adding captions to featured images!
    one question though:- while captions provide helpful context, I’ve noticed my site getting flagged by Google PageSpeed Insights for missing alt text on images.

    from an accessibility standpoint, would you recommend prioritizing adding alt text descriptions over captions??

    • WPBeginner Comments says

      You will want to use at least the alt text.

      Think of the alt text as a description for the image itself. The caption helps add context to that description.

  3. Moyen says

    Hello,
    I tried to get the featured image by calling the specific post ID and get_post function but everything is okay except featured image. It does not show featured image.

    is there problem to call by post ID and get_post(); ?

    my code?

    // custome template (community)


    post_title; ?>

    post_content; ?>

    Please any idea?

  4. Trisha says

    Thank you for explaining this! I just needed to add the image captions and spent a lot of time searching for a solution…..I found a lot of other answers on the WP support forum, but none of them explained how featured images are stored……such a simple thing now that I understand.

  5. Vali_REK says

    Hello, great post.
    Please explain if I can do that in other website.
    I d like to show article or category from wordpress blog on opencart website.
    Thank you

  6. Yannick says

    Sry, I don´t rly get it…
    In which loop exactly do i have to paste the code?

    Maybe it´s just me being brain-afk, sry for that.

  7. Jhon Edison Bueno Martinez says

    Thanks a lot, I have been looking for this and this is the best and simple explanation of how to add the image caption for featured images.

    Thanks

  8. tonilehtimaki87 says

    Short neat and to the point. Only critic goes for not providing example output for the short article. For other readers: Remember to read the related posts!

  9. Gary says

    How can I style the caption?
    It is rendering the caption line outside of the DIV class in the source code? What am I doing wrong.

    Thanks in advance,
    Gary

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.