Thêm nội dung video vào trang web của bạn có thể là một cách tuyệt vời để thu hút khán giả của bạn. Một nghiên cứu đã chỉ ra rằng mọi người sẽ dành 2. Trung bình tăng gấp 6 lần thời gian trên các trang có video. Hơn nữa, người dùng internet trung bình dành thêm 88% thời gian trên một trang web khi trang web đó có nội dung video. Sử dụng nội dung video chất lượng cao có thể là động lực thúc đẩy trang web của bạn trở nên nổi bật. Mặc dù có rất nhiều cách khác nhau để thêm video vào trang web của bạn, nhưng việc sử dụng thanh trượt sẽ cho phép bạn thêm nhiều video mà không khiến người dùng cảm thấy quá tải. Không chỉ vậy, các thanh trượt có thể làm cho trang web của bạn sống động và sinh động. Vì vậy, chúng tôi sẽ chỉ cho bạn cách thêm Thanh trượt video WordPress dễ dàng trong bài viết này
Thêm một thanh trượt video WordPress
Trong hướng dẫn này, chúng tôi sẽ sử dụng plugin Smart Slider 3 mạnh mẽ. Trước tiên, bạn sẽ phải cài đặt và kích hoạt plugin. Bạn có thể tham khảo bài viết của chúng tôi về cài đặt plugin WordPress nếu bạn bối rối về cách thực hiện. Khi đã xong, bạn có thể chuyển sang bước tiếp theo
Từ Bảng điều khiển dành cho quản trị viên của bạn, điều hướng đến Thanh trượt thông minh và nhấp vào 'Thanh trượt mới'
Nó sẽ khiến một cửa sổ mới bật lên. Tại đây, bạn có thể nhập tên, chiều rộng cũng như chiều cao cho thanh trượt của mình. Plugin WordPress thanh trượt video này cũng cho phép bạn chọn giữa một số cài đặt trước bên dưới. Khi bạn đã hoàn tất các chi tiết, chỉ cần nhấp vào nút Tạo
Trong trang mới này, bạn có thể thêm các trang chiếu hoặc cuộn xuống để chỉnh sửa các cài đặt khác nhau cho thanh trượt của mình. Để thêm video, bạn cần nhấp vào nút lớn ‘THÊM TRANG TRÌNH BÀY’ và nhấp vào Video. Sau đó, nhập URL YouTube hoặc Vimeo vào trường 'Video url'. Khi bạn đã hoàn tất, hãy nhấp vào 'THÊM VIDEO' và bạn sẽ có video này dưới dạng trang trình bày. Để thêm một video khác, chỉ cần lặp lại quy trình này
Plugin này cũng cho phép bạn sắp xếp lại tất cả các trang trình bày của mình một cách dễ dàng thông qua Kéo và Thả. Nếu muốn thực hiện nhiều thao tác hơn với slide, bạn chỉ cần di con trỏ chuột lên slide đó và nhấp vào biểu tượng nhỏ ở trên cùng bên phải. Từ đây, bạn có thể sao chép, sao chép, hủy xuất bản, xóa hoặc thậm chí đặt trang chiếu làm đầu tiên
Bây giờ bạn nên cuộn xuống và thay đổi các cài đặt khác nhau để phù hợp với ý thích của mình. Tại đây, bạn cũng có thể thử với các lựa chọn phong cách khác nhau bao gồm hoạt ảnh, kích thước, thiết kế, v.v.
Để kiểm tra trình chiếu trông như thế nào, bạn có thể nhấp vào nút ‘PREVIEW’ ở trên cùng bên trái. Nếu bạn hài lòng với mọi thứ, hãy nhấp vào nút 'TIẾT KIỆM' ở trên cùng bên phải
Để thêm thanh trượt của bạn vào bài đăng hoặc trang, bạn chỉ cần dán mã ngắn. Để tìm mã ngắn cho thanh trượt của bạn, hãy chọn tab 'Xuất bản' bên dưới các trang trình bày của bạn và xem trong phần Mã ngắn
Bạn cũng có thể chỉ cần thêm Khối Gutenberg cho Thanh trượt thông minh 3, có thể tìm thấy khối này trong phần Khối chung. Giờ đây, bạn có thể dễ dàng chọn từ các thanh trượt hiện có từ khối
Bây giờ hãy kiểm tra giao diện người dùng trông như thế nào và quyết định xem bạn có hài lòng không
Kết thúc nó
Và ở đó bạn đi. Như bạn có thể thấy, rất dễ dàng để thêm thanh trượt video WordPress. Đây là một cách trình bày video hấp dẫn hơn và có thể làm cho trang web của bạn trông sinh động hơn. Chúng tôi hy vọng bài viết này hữu ích cho bạn. Nếu bạn có bất kỳ câu hỏi nào, vui lòng hỏi chúng tôi trong phần bình luận bên dưới
Thanh trượt có thể là một cách hấp dẫn để trình bày các mục. Để tạo tác động ngay lập tức đến khách truy cập của bạn, bạn cũng có thể biến tiêu đề WordPress thành trình chiếu. Chúng tôi cũng có một hướng dẫn hữu ích về cách nhúng video vào WordPress, trong trường hợp bạn muốn tìm hiểu cách thực hiện
Trong Wonder Slider, tạo thanh trượt mới. Bạn không phải thêm bất kỳ hình ảnh hoặc video nào vào thanh trượt, vì chúng tôi sẽ điền vào thanh trượt bằng cách sử dụng ID phương tiện trong mã ngắn. Nhưng nếu bạn thêm bất kỳ hình ảnh hoặc video nào, chúng sẽ được thêm vào đầu thanh trượt
Bước 2 - Thêm ID phương tiện vào mã ngắn
Để thêm ID phương tiện vào thanh trượt, trong mã ngắn của thanh trượt, bạn có thể thêm danh sách ID phương tiện vào thuộc tính mediaids. ID phương tiện phải được phân tách bằng dấu phẩy, ví dụ:
[wonderplugin_slider id=64 mediaids="4314,4315,4308,12833"]
Nếu bạn muốn bật hiệu ứng hộp đèn, bạn có thể thêm tùy chọn dữ liệu data-lightbox="true" vào mã ngắn chẳng hạn
[wonderplugin_slider id=64 mediaids="4314,4315,4308,12833" data-lightbox="true"]
Nếu bạn bật hiệu ứng hộp đèn, đối với video trong thanh trượt, trong Thư viện phương tiện WordPress, tức là trong bảng điều khiển WordPress của bạn, hãy chuyển đến Phương tiện bên trái -> Thư viện, bạn cần chỉnh sửa video và thêm hình ảnh nổi bật vào phương tiện. Hình ảnh nổi bật sẽ được sử dụng làm hình ảnh áp phích trong thanh trượt cho video
Theo mặc định, plugin thanh trượt sẽ sử dụng URL hình ảnh mặc định, tức là URL hình ảnh có kích thước đầy đủ trong thanh trượt, bạn có thể thêm tùy chọn dữ liệu data-mediaimagesize vào mã ngắn để chỉ định kích thước hình ảnh chẳng hạn
[wonderplugin_slider id=64 mediaids="4314,4315,4308,12833" data-lightbox="true" data-mediaimagesize="medium"]
Các kích thước có sẵn là thumbnail, medium, large và full
Kích thước hình ảnh của các kích thước này được xác định trong Thư viện phương tiện WordPress. Trong bảng điều khiển WordPress của bạn, bạn có thể vào menu bên trái Cài đặt -> Phương tiện để xem cài đặt
Xin lưu ý, nếu bạn thay đổi kích thước trong trang cài đặt phương tiện, nó sẽ chỉ ảnh hưởng đến các hình ảnh trong tương lai. Những hình ảnh đã được thêm vào thư viện phương tiện sẽ không bị ảnh hưởng. Bạn cần tải lên lại hình ảnh để thư viện phương tiện có thể thay đổi kích thước chúng hoặc bạn có thể sử dụng plugin của bên thứ ba để thay đổi kích thước tất cả hình ảnh theo cài đặt mới của mình