Dzisiaj kilka słów o tym w jaki sposób zoptymalizować kod styli CSS motywu WordPress używając preprocesora SASS.
Po co optymalizować style? Czym jest i po co mi SASS?
Optymalizacja kodu CSS wiąże się z reorganizacją kodu, w szczególności fragmentów powtarzalnych. SASS umożliwia m.in. zdefiniowanie zmiennych i funkcji, które mogą być użyte wielokrotnie w kodzie. Upraszczając, mniejsza ilość kodu wiąże się z mniejszym rozmiarem pliku, a co za tym idzie z szybszym ładowaniem pliku styli strony www.
A jak wiadomo Google lubi strony, które szybko się ładują.
Dla przykładu posłużę się darmowym motywem underscores (_u), wygenerowanym na www.underscores.me.
Tak, wiem, że istnieje wersja („gotowiec”) zawierająca sass (można ją znaleźć pod adresem: https://github.com/automattic/_s).
Wybrany motyw ma posłużyć tylko i wyłącznie jako przykład, dla tych osób, które zamierzają zmodyfikować własny motyw i nie wiedzą jak się za to zabrać.
