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.
Rób WordPressa lepiej
Przenieś swoją pracę
na wyższy poziom
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?