Opis zlecenia
Mam stary szablon wordpressa, który nie miał wsparcia na responsive images.
Udało mi się dodać wsparcie za pomocą wp_get_attachment_image_srcset. Ale niestety są to tylko domyślne ustawienia wordpressa.
Chciałbym to zmienić, żeby przeglądarka:
Pokazywała obrazek "large" jeśli szerokość przeglądarki jest większa niż > 1200px
620px pokazywała obrazek "large" jeśli szerokość okna jest pomiędzy > 1000px < 1200px
470px pokazywała obrazek "large" jeśli szerokość okna jest pomiędzy > 470px < 1000px
300px pokazywała obrazek "large" jeśli szerokość okna jest mniejsza niż < 470px
Próbowałem dodać funkcję:
function make_responsive_image_sizes_content_image_sizes($sizes, $size) {
return '(max-width: 1200px) 620px,
(max-width: 1000px ) 470px,
(max-width: 470px) 300px ';
}
add_filter('wp_calculate_image_sizes', 'make_responsive_image_sizes_content_image_sizes', 10 , 2);
ale niestety nadal pokazuje domyślne rozmiary wordpressa.
Zadanie taska:
-dodać obrazki srcset (i sizes), żeby przeglądarka, pobrała obrazek właściwego rozmiaru zgodnie z powyższą logiką
Do wykonania zadania:
-dam kopię szablonu do lokalnej instalacji, lub
-stworzę kopię stagingu
