W tym odcinku omawiam zastosowanie Gutenberga w dedykowanym motywie. Zamiast tworzenia własnych bloków zastosowałem tu inne podejście, które świetnie się sprawdziło.
Partnerem podcastu Rób WordPressa jest marka cyberfolks.pl.
Kod rabatowy: PODCAST
Podcast dostępny m.in w: Spotify, Apple Podcasts, Google Podcasts
Cześć Maciej, ciekawy odcinek. Jestem ciekawy jak Ty podchodzisz do tematu optymalizacji obrazków a dokładnie atrybutu sizes w Gutenbergu? Mam sytuację gdzie poprzez blok Galeria wrzucam 2-3 obrazki obok siebie w rzędzie i chciałbym żeby ich atrybut sizes na np. desktopie był odpowiednio 2-3 razy mniejszy. Tymczasem Gutenberg nie rozróżnia takiej sytuacji i daje za duże wartości w tym atrybucie co powoduje że na mobilce ładują się za duże obrazy. Przeszukałem już mnóstwo stron, na githubie jest conajmniej kilka stworzonych issues w tym temacie i póki co nie ma wdrożonego rozwiązania do core. Jednak może jest jakiś sposób jak sobie z tym poradzić aby customizowac ten atrybut w Gutenbergu poprzez jakiś filtr żeby brało pod uwagę ilość kolumn…
W zasadzie to ten problem jest rozwiązany :), WordPress natywnie dodaje atrybut srcset. Wystarczy zadbać o to, aby WP generował odpowiednie rozmiary. Więcej szczegółów znajdziesz tutaj https://developer.wordpress.org/apis/handbook/responsive-images/
Dzięki! Dokladnie, ja o te rozmiary nie zadbałem… A czy posiłkujesz się jakimś pluginem w tym kontekście aby generował rozmiary również pod retine? Czy to ma sens czy po prostu dodać więcej rozmiarów również 2 razy większe poprzez add_image_sizes?