Cách căn giữa video trong WordPress

Tác giả sysadmin, T.Hai 08, 2023, 05:21:40 CHIỀU

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 1 Khách đang xem chủ đề.

Cách căn giữa video trong WordPress


Theo mặc định, nếu chiều rộng video của bạn nhỏ hơn diện tích bài viết thì WordPress sẽ tự động căn chỉnh nó sang bên trái, để lại khoảng trắng thừa ở bên phải.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng căn giữa video trong WordPress.

1. Tại sao căn giữa video trong WordPress?

Khi bạn nhúng video vào WordPress, nó sẽ tự động căn chỉnh chúng sang bên trái theo mặc định. Điều này là do video là nội dung bên ngoài được nhúng trong nội dung, vì vậy WordPress không thể đoán cách bạn muốn hiển thị video đó.

Như một phương pháp hay nhất, nó sẽ tự động căn chỉnh nó sang trái, để bạn điều chỉnh căn chỉnh nếu cần.

Bằng cách căn chỉnh video vào trung tâm, người dùng sẽ có trải nghiệm tốt hơn khi xem nội dung của bạn. Bằng cách này, bạn sẽ không có khoảng trống đáng chú ý trên một mặt của trang, điều này có thể mang lại vẻ thiếu chuyên nghiệp.

Ngoài ra, nếu bạn tải video trực tiếp lên WordPress, điều tương tự sẽ xảy ra với chúng nếu chiều rộng của chúng nhỏ hơn diện tích nội dung của bạn. WordPress sẽ căn chỉnh chúng sang bên trái theo mặc định.

Nói như vậy, hãy xem cách bạn có thể dễ dàng căn giữa video trong trang web WordPress. Chúng tôi sẽ đề cập đến cả trình chỉnh sửa khối và trình chỉnh sửa cổ điển, vì vậy bạn có thể nhấp vào các liên kết bên dưới để chuyển tới bất kỳ phần nào.

  • Cách căn giữa video trong Trình chỉnh sửa nội dung WordPress
  • Cách căn giữa video trong Trình chỉnh sửa cổ điển

2. Cách căn giữa video trong Trình chỉnh sửa nội dung WordPress

Nếu bạn muốn video của mình lấp đầy chiều rộng của vùng nội dung thì cách tốt nhất để làm điều này là thêm URL video YouTube hoặc Vimeo trực tiếp vào trình chỉnh sửa nội dung WordPress.

Trước tiên, bạn cần chỉnh sửa một bài đăng hoặc một trang hoặc thêm một trang mới. Khi bạn đang ở trong trình chỉnh sửa nội dung, chỉ cần dán liên kết tới video. WordPress sẽ tự động nhúng video.

Tiếp theo, chọn khối video rồi nhấp vào tùy chọn Change Alignment. Từ trình đơn thả xuống, bạn có thể chọn vị trí của video.

WordPress cho phép bạn chọn từ các sắp xếp sau:

  • Chiều rộng
  • Chiều rộng đầy đủ
  • Căn trái
  • Căn giữa
  • Sắp xếp bên phải

Hãy tiếp tục và chọn tùy chọn 'Căn chỉnh trung tâm'.


Sau đó, bạn có thể xem trước và xuất bản trang hoặc bài đăng của mình.

Video bây giờ sẽ được căn giữa.


Tuy nhiên, đôi khi vì lý do này hay lý do khác, bạn có thể cần sử dụng mã nhúng. Trong trường hợp đó, bạn sẽ cần thêm một số mã HTML đơn giản xung quanh mã nhúng của video.

Trước tiên, bạn cần nhấp vào biểu tượng 3 dấu chấm trong khối video. Sau đó, bạn có thể chọn tùy chọn 'Chỉnh sửa dưới dạng HTML' từ trình đơn thả xuống.


Tiếp theo, bạn có thể nhập đoạn mã HTML sau xung quanh mã nhúng của video:
   
Mã nguồn [Chọn]
<div style="text-align:center;">
 
/// your video embed code goes here
 
</div>

Đây là giao diện mã nhúng của bạn với HTML tùy chỉnh.


Giờ đây, bạn có thể lưu các thay đổi của mình và xem trước bài đăng hoặc trang. Video của bạn sẽ được căn chỉnh gọn gàng ở giữa khu vực nội dung của bạn.

Một cách tiếp cận khác là tăng chiều rộng của video theo cách thủ công để phù hợp với vùng nội dung. Để đạt được điều này, bạn cần thêm hoặc thay đổi thông số 'độ rộng' trong mã nhúng của mình.
   
Mã nguồn [Chọn]
<iframe width="760" height="315" src="https://www.youtube.com/embed/4YpyiJ05YOg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
3. Cách căn giữa video trong Trình chỉnh sửa cổ điển

Nếu đang sử dụng trình chỉnh sửa Cổ điển thì bạn có thể căn giữa video bằng cách chỉnh sửa bài đăng hoặc tạo bài đăng mới.

Khi bạn đang ở trong trình chỉnh sửa, hãy chuyển sang chế độ xem Văn bản. Bây giờ hãy nhập mã HTML sau:

Mã nguồn [Chọn]
<div style="text-align:center;">
 
/// your video embed code goes here
 
</div>

Chỉ cần đảm bảo thay thế "your video embed code going here" bằng mã nhúng của video.

Khi đã xong, nó sẽ giống như thế này:


Bây giờ bạn có thể xem trước và xuất bản trang của mình.

Chỉ cần truy cập trang web của bạn để xem video được căn giữa.


Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách căn giữa video trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách bắt đầu một blog WordPress và các plugin WordPress phải có.