Domyślnym motywem WordPress w czasie tego screencasta jest TwentyEleven, cudownie prosty i responsywny projekt. To znaczy, dopóki nie opublikujemy niesamowitego filmu na YouTube jako nowego posta na blogu i nie załamie się czas reakcji. Film nie wypełnia obszaru na szerokich ekranach i jest zbyt duży na wąskich ekranach, przerywając poza obszarem treści.
W tym filmie omówimy, jak dodać jQuery do motywu WordPress, a następnie pobrać wtyczkę jQuery FitVids.js i zintegrować ją z motywem (proste rzeczy!). W rezultacie wideo natychmiast dopasowuje się do responsywności motywu. Działa w przypadku wideo z dowolnego źródła.
Mimo że jest to prosty i konkretny przykład, mam nadzieję, że pomoże ci on zrozumieć, jak możesz zacząć integrować każdą fajną rzecz JavaScript, którą znajdziesz w Internecie, z witryną WordPress.
Linki z filmu:
- Niesamowite wideo
- WordPress / TwentyEleven
- jQuery / ScriptSrc
- Dodaj do kolejki jQuery hostowane przez Google w motywie WordPress
- FitVids.js / wewnętrzne współczynniki dla wideo