Chủ đề WordPress mặc định tại thời điểm phát sóng màn hình này là TwentyEleven, một thiết kế đáp ứng và đơn giản tuyệt vời. Đó là, cho đến khi chúng tôi đăng một video tuyệt vời trên YouTube dưới dạng một bài đăng blog mới và khả năng phản hồi bị phá vỡ. Video không lấp đầy diện tích trên màn hình rộng và quá lớn trên màn hình hẹp, nằm ngoài vùng nội dung.
Trong video này, chúng tôi sẽ giới thiệu cách thêm jQuery vào chủ đề WordPress, sau đó tải xuống plugin jQuery FitVids.js và tích hợp nó vào chủ đề (đơn giản thôi!). Kết quả là video ngay lập tức phù hợp với tính chất đáp ứng của chủ đề. Nó hoạt động cho video từ bất kỳ nguồn nào.
Mặc dù đây là một ví dụ đơn giản và cụ thể, tôi hy vọng nó sẽ giúp bạn hiểu cách bạn có thể bắt đầu tích hợp bất kỳ thứ JavaScript thú vị nào bạn tìm thấy trên web vào một trang web WordPress.
Các liên kết từ video:
- Video tuyệt vời
- WordPress / TwentyEleven
- jQuery / ScriptSrc
- Yêu cầu jQuery được lưu trữ trên Google trong một Chủ đề WordPress
- FitVids.js / Tỷ lệ nội tại cho video