Obrazek wyróżniający (featured image) WordPress
Featured image to główne zdjęcie posta - widoczne na listach, w social media, RSS. Dobrze skonfigurowany poprawia estetykę i klikalność.
Krótka odpowiedź
Ustawianie featured image
W edytorze:
- Gutenberg: Panel boczny → Obrazek wyróżniający
- Classic: Box pod edytorem (włącz w Opcje ekranu)
Programowo:
```php
set_post_thumbnail($post_id, $attachment_id);
get_the_post_thumbnail($post_id, 'large');
has_post_thumbnail(); // sprawdź czy jest
```
Zalecane rozmiary:
- 1200x630px - OG image (Facebook)
- 16:9 ratio - uniwersalne
- 4:3 ratio - tradycyjne
Rozmiary i regeneracja
Domyślne rozmiary:
- thumbnail: 150x150
- medium: 300x300
- large: 1024x1024
- Ustawienia → Media
Własne rozmiary (w motywie):
```php
add_image_size('blog-hero', 800, 400, true); // crop
```
Regeneracja miniatur:
- Po zmianie rozmiarów
- Wtyczka Regenerate Thumbnails
- WP-CLI: wp media regenerate
Automatyzacja i fallback
Auto featured image:
- Wtyczka Auto Featured Image
- Pobiera pierwszy obrazek z treści
- Ustawia jako featured
Fallback (brak obrazka):
```php
if (has_post_thumbnail()) {
the_post_thumbnail('large');
} else {
echo '
';
}
```
Lazy loading:
- Wbudowane od WP 5.5
- loading="lazy" automatycznie
- Dla hero image: loading="eager"