Làm cách nào để thêm video vào trang wordpress?

Video làm cho một trang web biểu cảm. Video mang lại sức sống cho bản trình bày trang web. Nếu một hình ảnh đáng giá 60.000 từ, thì một video đáng giá hơn nhiều

Và điều này khá hiển nhiên khi bạn nhận ra rằng vào tháng 6 năm 2021, TikTok là ứng dụng được tải xuống nhiều nhất trong tháng thứ 4 liên tiếp. Và Youtube có +2 tỷ người dùng

Điều này có ý nghĩa gì với bạn?

Video đó phải nằm trong danh sách việc cần làm của bạn khi tạo nội dung cho trang web và chiến dịch tiếp thị của bạn

Vì vậy, hãy bắt đầu với việc tìm hiểu cách nhúng video vào WordPress. Bạn có thể nhúng video vào bài đăng, trang và thanh bên

Video có thể có nghĩa là một tệp, nhiều video trong một băng chuyền và thậm chí cả các liên kết Vimeo hoặc danh sách phát YouTube. Tùy thuộc vào việc bạn có chèn bất kỳ biến thể nào trong số này vào trang web của mình hay không để làm cho nó hấp dẫn hơn

Đây là cách nhúng video vào trang web WordPress

Đây không phải là khoa học tên lửa. Tất cả đều đơn giản

Chúng ta sẽ thảo luận về hai loại nhúng video

• từ các nguồn bên ngoài như Youtube hoặc Vimeo;
• video được lưu trữ cục bộ

Tôi sẽ chỉ cho bạn cách nhúng video vào WordPress cả trong trình chỉnh sửa Cổ điển và Mặc định

Làm cách nào để biết bạn đang sử dụng Trình chỉnh sửa cổ điển hay Trình chỉnh sửa mặc định (còn gọi là Gutenberg)?

Chà, cái cổ điển sẽ trông như thế này

Trình chỉnh sửa mặc định trông như thế này

Nhúng video vào WordPress từ các nguồn bên ngoài

Nhúng video vào các trang hoặc bài đăng trên blog từ nguồn bên ngoài trong Trình chỉnh sửa WordPress cổ điển

Đầu tiên, đăng nhập vào bảng điều khiển Quản trị viên WordPress của bạn bằng tên người dùng và mật khẩu bạn đã thiết lập. Chọn trang/bài đăng bạn muốn đặt video của mình vào và nhấn “Chỉnh sửa”

Mã nhúng là một đoạn mã HTML mà bạn có thể thêm vào trang web của mình để nội dung bạn muốn cung cấp cho người đọc (video) được hiển thị trên trang

Đây là một ví dụ về mã nhúng từ Youtube. Nhấp chuột phải vào video và một bảng điều khiển với các tùy chọn ở trên sẽ hiển thị. Nhấp để sao chép mã nhúng rồi dán vào trang của bạn

Bạn cũng có thể vào bên dưới video và chọn “Chia sẻ”. Bạn sẽ thấy một số tùy chọn ở đó như Facebook, Whatsapp, v.v. Bây giờ chúng tôi quan tâm đến tùy chọn “nhúng”

Tại đây, bạn cũng có tùy chọn để chọn thời điểm bắt đầu video, vì bạn có thể chỉ muốn làm nổi bật một khoảnh khắc nhất định bên trong video

Bây giờ, mã nhúng có dạng sau

Điều tuyệt vời là bạn có thể điều chỉnh kích thước của video, chỉ cần thử chơi với các giá trị về chiều rộng hoặc kích thước

Đây là một ví dụ về mã nhúng từ Vimeo. Nếu bạn di chuột qua phía bên phải của video, bạn sẽ thấy một số biểu tượng hiển thị. Chọn cái cho phép bạn chia sẻ video

Ở đây bạn có mã nhúng. Bên dưới, bạn cũng sẽ thấy một số tùy chọn. Nếu bạn đánh dấu vào chúng, mã sẽ thay đổi

Sao chép mã nhúng. Bây giờ, để dán nó, chúng ta sẽ cần chuyển từ Trình chỉnh sửa trực quan sang Văn bản

Bây giờ, bạn sẽ thấy mã HTML phía sau trang hoặc bài đăng của mình. Dán mã của bạn vào đây. Bây giờ, có thể hơi khó để hiểu chính xác nơi thực hiện việc này. Bạn có thể sử dụng CTRL F để xác định một cụm từ cụ thể mà sau đó bạn muốn đặt video. Bạn có thể xem trước video của mình khi quay lại trình chỉnh sửa “Trực quan”. Nếu nó không ổn, hãy đặt nó ở một nơi khác

Nếu nó vẫn không ổn, chúng tôi có một số tùy chọn dễ dàng hơn được trình bày bên dưới

Tùy chọn nhúng mã này là một tùy chọn tốt khi bạn muốn chỉnh sửa kích thước của video như hình trên

Nếu không, bạn có thể bỏ qua các chương về "Chèn video từ nguồn bên ngoài bằng liên kết, thay vì mã nhúng (một cách dễ dàng)"

Nhúng video vào các trang hoặc bài đăng trên blog từ nguồn bên ngoài trong Trình chỉnh sửa WordPress mặc định

Đối với quá trình lấy mã nhúng, bạn có thể kiểm tra chương trên

Vì vậy, bây giờ bạn có mã cần thiết của mình. Bạn nên làm gì với nó?

Tạo bảng điều khiển WordPress, mở trang hoặc bài đăng mong muốn của bạn

Chỉ cần dán mã của bạn vào đây

Chèn video từ nguồn bên ngoài bằng liên kết, thay vì mã nhúng (cách dễ dàng) trong Trình chỉnh sửa cổ điển

Bắt đầu bằng cách mở bài đăng hoặc trang mong muốn của bạn

Bây giờ, bạn có thể

• dán URL của video của bạn
• đi tới Thêm phương tiện -> Chèn từ URL và dán URL của bạn

Với tùy chọn này, bạn không thể điều chỉnh kích thước của video

Chèn video từ nguồn bên ngoài bằng liên kết, thay vì mã nhúng (cách dễ dàng) trong Trình chỉnh sửa mặc định

Trong trình chỉnh sửa Gutenberg, bạn chỉ cần sao chép URLnk vào video trong một khối mới trống. Sau đó, WordPress sẽ tìm nạp mã nhúng và các tệp video sẽ hiển thị trên trang

Bạn cũng có sẵn các khối sau để chèn video

• Video – bạn có thể chọn ở đây tùy chọn “Chèn từ URL”

• YouTube
• Vimeo

Bây giờ bạn đã chèn video của mình, bạn có thể thực hiện một số chỉnh sửa đối với video đó nếu bạn có một số kiến ​​thức tối thiểu về HTML. Tất cả những gì bạn cần làm là chọn video và nhấp vào ba dấu chấm được căn chỉnh theo chiều dọc trong menu phía trên video. Chọn tùy chọn “Chỉnh sửa dưới dạng HTML”

Menu phía trên video cũng sẽ cho phép bạn

• Căn chỉnh video sang trái, ở giữa hoặc sang phải;
• Chỉnh sửa URL của tệp video – bạn có thể thay thế video bằng một tệp khác mà bạn chọn bất kỳ lúc nào bạn mở trình chỉnh sửa;
• Nhân đôi video;
• Chèn một khối mới trước video;
• Chèn một khối mới sau video;
• Thêm video vào các khối có thể sử dụng lại và chèn lại vào một bài đăng hoặc trang khác

Chèn video được lưu trữ cục bộ trong WordPress

Bây giờ chúng ta đã biết cách nhúng video vào WordPress từ các nguồn bên ngoài, đã đến lúc xem cách chúng ta có thể sử dụng các video được lưu trữ cục bộ

Đối với điều này, chúng tôi sẽ làm việc với Thư viện phương tiện. Bạn có thể bắt đầu bằng cách vào đó từ Bảng điều khiển WordPress. Khi tôi đang làm việc với bất kỳ loại phương tiện nào, tôi muốn tải lên hàng loạt phương tiện đó và chỉ cần chọn phương tiện đó từ đó, bất cứ khi nào tôi muốn đặt video hoặc hình ảnh trên một trang hoặc bài đăng

Khi bạn chuyển đến “Thêm mới”, bạn có thể tải lên hoặc kéo và thả các tệp mong muốn của mình

Bây giờ các tệp đã đầy, hãy thêm chúng

Chèn video được lưu trữ cục bộ trong WordPress Classic Editor

Đã đến lúc đi đến một trang hoặc bài đăng

Đặt con trỏ vào nơi bạn muốn chèn video của mình. Tiếp theo, đi tới “Thêm phương tiện” bên cạnh menu phía trên

Nếu trước đây bạn đã tải phương tiện của mình lên, thì bạn sẽ tìm thấy ở đây tệp của mình. Tôi thường đặt tên cho các tệp của mình bằng các tên có liên quan để tôi có thể dễ dàng tìm thấy chúng

Bạn có thể lọc phương tiện theo loại hoặc ngày, nhưng cũng có thể tìm kiếm theo tên. Chỉ cần chọn tập tin cần thiết của bạn và nó sẽ được thêm vào trang của bạn

Chèn video được lưu trữ cục bộ vào Trình chỉnh sửa mặc định của WordPress

Tôi đã đề cập trong chương trước rằng có một khối gọi là “Video” có sẵn trong bảng điều khiển khối

Chỉ cần đi tới dấu “+” ở phía trên bên trái và mở bảng khối. Tìm khối “Video”. Chọn nó

Bây giờ, bạn có thể tải lên video của riêng mình hoặc bạn có thể chọn “Thư viện phương tiện”. Giờ đây, bạn có thể chọn một video từ những video đã tải lên của mình

Và đó là tất cả

Thêm video trong WordPress bằng Tùy biến

Giả sử bạn muốn tải lên một tệp video để đặt làm nền cho trang chủ/trang bên trong Hero. Nếu bạn có một chủ đề linh hoạt, bạn có thể thực hiện việc này bên trong Tùy biến. Bạn có thể truy cập nó từ Giao diện -> Tùy biến

Sau đây là cách thực hiện việc này với Mesmerize, một chủ đề có nhiều tùy chọn và tăng tính linh hoạt tùy chỉnh

• Mở tùy biến. Chuyển đến Anh hùng -> Anh hùng trang chính/Anh hùng trang bên trong
• Chuyển đến tiểu mục Nền -> Loại nền. Sau đó, chọn Video làm kiểu nền mà bạn muốn đặt cho trang của mình Hero
• Trong danh sách các tùy chọn cho loại nền này, bạn phải nhấp vào Chọn video để tải video tự lưu trữ lên làm nền trang

Bạn cũng có thể muốn đưa tệp video vào nội dung trang chủ/trang bên trong của mình Hero. Điều này sẽ thêm một số tính năng động cho bản trình bày, thu hút sự chú ý của người dùng một cách hiệu quả

Chúng tôi giữ ví dụ về Mesmerize

• Mở tùy biến. Chuyển đến Anh hùng trang chính/Anh hùng trang bên trong
• Vào tiểu mục Nội dung -> Bố cục nội dung. Sau đó, chọn Text with Media để hiển thị trong trang Hero

Đặc biệt trong chủ đề này, bạn có các tùy chọn để chọn

• Văn bản với phương tiện bên trái;
• Một số Văn bản với phương tiện ở bên phải;
• Văn bản với phương tiện trên;
• Văn bản với phương tiện bên dưới

Đảm bảo loại phương tiện được đặt thành Video

Đối với video dưới dạng nội dung trang, bạn chỉ có tùy chọn cung cấp liên kết đến nguồn video bên ngoài. Điều này là vì lý do hiệu suất tối ưu (xem trong phần tiếp theo)

Từ phần dành riêng, Cài đặt hộp phương tiện, bạn có thể thực hiện các tùy chỉnh cho tệp video

• Căn chỉnh dọc của video
• Tự động phát video (khi người dùng mở trang, video sẽ tự động phát)
• Tắt tiếng video (khi người dùng mở trang và bắt đầu xem video, âm thanh sẽ tự động bị tắt)
• Video lặp lại (khi người dùng mở trang, video sẽ bắt đầu phát; sau khi video đó kết thúc, video sẽ bắt đầu phát lại theo vòng lặp)

Tốt hơn nên sử dụng video được lưu trữ bên ngoài thay vì video tự lưu trữ. Đây là lý do tại sao

Cách tốt nhất là sử dụng các video được lưu trữ bên ngoài. Đây là lý do tại sao

• Video tự lưu trữ ảnh hưởng đến tốc độ tải trang, đây là một nhược điểm lớn trong hiệu suất trang web
• Các video được lưu trữ bên ngoài giúp duy trì tài nguyên máy chủ ở mức tối ưu
• Các video tự lưu trữ, do tốc độ trang giảm, dẫn đến trải nghiệm người dùng kém

Khi bạn đã thêm video, đã đến lúc tối ưu hóa

Chúng tôi liệt kê bên dưới một số chức năng và tính năng bạn nên xem xét để tối ưu hóa video và cải thiện hiệu suất trang web

1. Cho phép tải từng phần – tính năng này đề cập đến việc tải video vào thời điểm cần thiết chứ không phải ngay lập tức khi mở trang. Điều này dẫn đến tăng tốc độ tải trang
2. Video đáp ứng di động – điều này cho phép video hiển thị tối ưu khi thiết bị di động (di động và máy tính bảng)
3. Tự động phát – đây là tính năng cho phép video tự động bắt đầu phát khi người dùng mở một trang
4. Vòng lặp – tệp video được đặt để phát trong một vòng lặp. Điều đó có nghĩa là, sau khi tệp video kết thúc, nó sẽ bắt đầu phát lại
5. Tắt tiếng video – khi video bắt đầu phát, âm thanh sẽ bị tắt; . Trong trường hợp họ muốn đặc biệt chú ý đến video, họ có tùy chọn bật tiếng video đó

6. Mở video trong hộp đèn – khi người dùng nhấp vào thành phần video trong một trang, video sẽ mở trong hộp đèn và bắt đầu phát. Khi video đã được xem, người dùng chỉ cần đóng cửa sổ hộp đèn và tiếp tục duyệt trang

Bây giờ bạn đã học cách nhúng video vào WordPress, đã đến lúc chèn video vào trang web của bạn. hạnh phúc tùy chỉnh

Alina Bélascu

+ bài viết

Alina là một nhà tiếp thị kỹ thuật số với niềm đam mê thiết kế web. Khi không lập chiến lược, cô ấy chụp ảnh, nghe podcast về lịch sử và tâm lý học, đồng thời chơi với 2 con chó và mèo của mình