Standard WordPress-tema på tidspunktet for denne screencast er TwentyEleven, en fantastisk enkel og responsiv design. Det vil si til vi legger ut en fantastisk YouTube-video som et nytt blogginnlegg og responsen går i stykker. Videoen fyller ikke området på brede skjermer og er for stort på smale skjermer, og bryter utenfor innholdsområdet.
I denne videoen vil vi dekke hvordan du legger til jQuery til et WordPress-tema, og deretter laster du ned jQuery-pluginet FitVids.js og integrerer det i temaet (enkle ting!). Resultatet er at videoen umiddelbart passer til temaets responsive natur. Det fungerer for video fra hvilken som helst kilde.
Selv om dette er et enkelt og spesifikt eksempel, håper jeg det hjelper deg å forstå hvordan du kan komme i gang med å integrere alle kule JavaScript-ting du finner på nettet i et WordPress-nettsted.
Lenker fra videoen:
- Fantastisk video
- WordPress / TwentyEleven
- jQuery / ScriptSrc
- Start Google-Hosted jQuery i et WordPress-tema
- FitVids.js / Intrinsic Ratios for Video