Obraz wyróżniający (po angielsku featured image) to zdjęcie główne wpisu. WordPress używa go jako miniatury na liście bloga, często też na górze wpisu i przy udostępnianiu linku na Facebooku.
- Poziome zdjęcie, najlepiej 1200 × 675 px (proporcje 16:9), JPG lub WebP, do 200 KB
Krok po kroku
Otwórz wpis
W panelu wejdź w Wpisy → Wszystkie wpisy, najedź na tytuł wpisu i kliknij Edytuj. Przy nowym wpisie po prostu pracuj dalej w edytorze.
Pokaż panel ustawień
Po prawej stronie otwórz zakładkę Wpis. Jeśli panelu nie widać, kliknij ikonę Ustawienia w prawym górnym rogu edytora.
Kliknij Ustaw obrazek wyróżniający
Na górze panelu kliknij pole Ustaw obrazek wyróżniający. Otworzy się okno mediów.
Wybierz lub wgraj zdjęcie
Na zakładce Biblioteka mediów kliknij zdjęcie, które już jest na stronie. Nowe zdjęcie wgrasz na zakładce Prześlij pliki przyciskiem Wybierz pliki.
Nazwij plik po polsku, bez znaków diakrytycznych, np. przygotowanie-ogrodu-do-zimy.jpg, zanim go wgrasz.
Uzupełnij tekst alternatywny
Po prawej stronie okna wpisz w polu Tekst alternatywny krótki opis tego, co widać na zdjęciu.
Zatwierdź wybór
Kliknij Ustaw obrazek wyróżniający w prawym dolnym rogu okna. Miniatura pojawi się w panelu wpisu.
Zapisz wpis
Przy opublikowanym wpisie kliknij Zapisz (w starszych wersjach WordPressa Aktualizuj) w prawym górnym rogu. Przy nowym wpisie dokończ go i kliknij Opublikuj.
Sprawdź listę bloga
Otwórz stronę z listą wpisów i odśwież ją skrótem Ctrl+Shift+R (Mac: Cmd+Shift+R). Sprawdź, czy ważna część zdjęcia nie jest ucięta.
Zmienić lub usunąć obrazek możesz, klikając miniaturę w panelu: pojawią się przyciski Zastąp i Usuń.
Gdzie wyświetla się obraz wyróżniający
| Miejsce | Co widać | Uwagi |
|---|---|---|
| Lista wpisów na blogu | Miniatura w kafelku | Kadrowana do proporcji kafelka, zwykle poziomo |
| Lista wpisów kategorii lub tagu | Miniatura w kafelku | Tak samo jak na głównej liście bloga |
| Góra pojedynczego wpisu | Duże zdjęcie nad treścią lub obok tytułu | Tylko jeśli szablon wpisu je pokazuje |
| Sekcje „Najnowsze wpisy” na innych stronach | Mała miniatura | Jeśli na Twojej stronie jest taka sekcja |
| Facebook, LinkedIn, komunikatory | Podgląd linku | Zwykle przez wtyczkę SEO, która używa obrazka wyróżniającego |
Wymiary, proporcje i waga
- Proporcje: trzymaj jedne dla wszystkich wpisów, najczęściej 16:9 (np. 1200 × 675 px). Wtedy kafelki na liście mają równą wysokość.
- Szerokość: co najmniej 1200 px. Mniejsze zdjęcie będzie rozmazane na górze wpisu i w podglądzie linku na Facebooku.
- Waga: do 200 KB. Cięższe zdjęcie spowalnia listę bloga, na której jest kilkanaście miniatur.
- Kadr: najważniejsze trzymaj na środku. Na telefonie i w kafelkach brzegi mogą zostać ucięte.
- Bez tekstu na zdjęciu: napis na grafice bywa nieczytelny w małej miniaturze, a tytuł i tak wyświetla się obok.
Więcej o przygotowaniu plików: wymiary, waga i format zdjęcia.
Nie widzę pola Ustaw obrazek wyróżniający
Upewnij się, że po prawej jest otwarta zakładka Wpis, a nie Blok. Jeśli wpis otwiera się w Elementorze, otwórz w edytorze Ustawienia strony i ustaw zdjęcie w polu Obrazek wyróżniający.
Na Facebooku nadal widać stare zdjęcie
Facebook zapamiętuje podgląd linku. Wklej adres wpisu w oficjalnym narzędziu Sharing Debugger i kliknij przycisk ponownego pobrania danych. Jeśli na Twojej stronie działa wtyczka SEO, sprawdź, czy nie ma w niej ustawionego osobnego zdjęcia dla mediów społecznościowych.
Miniatura na liście jest ucięta w złym miejscu
Kafelek ma stałe proporcje, a zdjęcie inne. Przytnij zdjęcie do 16:9 przed wgraniem i ustaw je ponownie. Gdy zmiana proporcji kafelków ma objąć cały blog, to zmiana szablonu listy wpisów.
Po zmianie obrazka na stronie nadal jest stary
Sprawdź, czy po zmianie wpis został zapisany przyciskiem Zapisz. Potem odśwież stronę bez pamięci podręcznej skrótem Ctrl+Shift+R (Mac: Cmd+Shift+R).
Nic z tego nie pomogło? Opisz problem w formularzu, odpowiemy w dni robocze.