Hướng dẫn youtube shortcode wordpress - youtube shortcode wordpress

Trong quá trình phát triển WordPress Themes, WordPress Plugins có thể bạn cần định nghĩa nhiều shortcode để tăng tính tiện dụng trong việc truy vấn dữ liệu hiển thị, định dạng template tốt hơn. Trong chia sẻ này mình sẽ hướng dẫn bạn làm thế nào để có thể dễ dàng chèn video youtube vào nội dung với các định dạng tuỳ chỉnh ứng với từng vị trí hiển thị.

Mã khai báo khởi tạo shortcode chèn video youtube vào nội dung ?

// Add Shortcode
function polygon_simple_video_embed_shortcode[ $atts ] {

	// Attributes
	extract[ shortcode_atts[
		array[
			'src' => '',
			'width' => '',
			'height' => '',
		], $atts ]
	];

	// Code
return '';

}
add_shortcode[ 'polygon_simple_video_embed', 'polygon_simple_video_embed_shortcode' ];

Sau khi khởi hàm khai báo trên, từ bây giờ bạn có thể dễ dàng gọi shortcode này ở bất cứ nơi nào [phần soạn thảo posts, pages, text-widget…. hay những vùng cho phép thực thi do_shortcode] để hiển thị video youtube từ liên kết của bạn như sau:

[polygon_simple_video_embed width="800" height="600" src="//www.youtube.com/watch?v=WUeGxMJhd2E"]

Nghĩa là phần thể hiện sẽ hiển thị 8 posts mới nhất tại vị bạn muốn nó hiển thị.

Lời kết về cách tạo shortcode chèn video youtube vào nội dung

Việc tạo shortcode trong dự án sẽ hỗ trợ bạn thao tác mềm dẻo hơn quá trình tuỳ chỉnh hiển thị dữ liệu ngoài giao diện. Như ví dụ shortcode chèn video youtube trên việc thay đổi bổ sung các thông số sau này hoàn toàn hạn chế ảnh hưởng đến những nơi bạn đã chèn shortcode này trước đây [dĩ nhiên các thuộc tính bạn phải đồng nhất về tên gọi]. Để việc tuỳ chỉnh các thông số hiển thị mã HTML đầu ra tốt hơn bạn có thể bổ sung thêm các điều kiện vào hàm như: chèn tiêu đề, mô tả ngắn gọn về video bên dưới, chèn các video link liên quan, video xem nhiều…

Đồng thời việc trên kết hợp với bài chia sẻ cách tạo button cho trình soạn thảo biết đâu bạn có thể có thêm ý tưởng phát triển 1 plugin chèn video youtube vào nội dung với nhiều tham số tuỳ chỉnh khác.chia sẻ cách tạo button cho trình soạn thảo biết đâu bạn có thể có thêm ý tưởng phát triển 1 plugin chèn video youtube vào nội dung với nhiều tham số tuỳ chỉnh khác.

Nếu trong quá trình thực hiện mã lệnh, có vấn đề và chỗ nào không hiểu bạn vui lòng để lại lời bình luận tại đây. Mình sẽ kiểm tra và hỗ trợ cho bạn giải quyết vấn đề bạn mắc phải ngay khi mình nhận được.

Chúc bạn có thể bổ sung thêm 1 phần kiến thức nho nhỏ trong quá trình học tập, làm việc cũng như chinh phục WordPress của mình. Mọi thắc mắc, ý kiến đóng góp mong bạn vui lòng để lại bình luận ngay bên dưới, mình và mọi người sẽ hỗ trợ bạn ngay khi có thể.- Cafe số 8 -
- Cafe số 8 -

Như chúng ta đã biết, Youtube đang là một trang chia sẻ video lớn nhất hiện nay và việc chèn Video từ Youtube vào Website hầu như rất phổ biến, bạn có thể  gặp ở hầu hết các trang web. Bài viết này dichvuthietkewebwordpress.com sẽ tập trung hướng dẫn các bạn chèn Video Youtube vào WordPress.chèn Video từ Youtube vào Website hầu như rất phổ biến, bạn có thể  gặp ở hầu hết các trang web. Bài viết này dichvuthietkewebwordpress.com sẽ tập trung hướng dẫn các bạn chèn Video Youtube vào WordPress.

>>> Xem thêm: WordPress 4.0 beta 1 và những điểm mớiWordPress 4.0 beta 1 và những điểm mới

1. Nên upload video lên Youtube hay lên host?

Trong WordPress, chúng ta có thể dễ dàng upload video trực tiếp lên host nhưng không mấy ai dùng cách này. Thông thường ta sẽ đưa video lên Youtube rồi lấy mã để nhúng vào website. Tại sao lại phải làm như thế? Hãy cùng thietkewp điểm qua một vài lợi ích khi upload video lên Youtube thay vì upload chúng lên host:

  • Dễ dàng chia sẻ:  Tải video lên Youtube hay các trang chia sẻ video khác giúp cho việc chia sẻ chúng ta đến với mọi người dễ dàng hơn bao giờ hết. Chỉ với vài thao tác nhỏ là bạn đã có thể gửi tới bạn bè, người thân của mình video tuyệt vời rồi. Trong khi upload lên host thì việc quản lý và chia sẻ rất khó khăn và mất thời gian…Chúng ta có thể chia sẻ qua các trang cộng đồng nổi tiếng như: Facebook, Google Plus, Twitter,… Tải video lên Youtube hay các trang chia sẻ video khác giúp cho việc chia sẻ chúng ta đến với mọi người dễ dàng hơn bao giờ hết. Chỉ với vài thao tác nhỏ là bạn đã có thể gửi tới bạn bè, người thân của mình video tuyệt vời rồi. Trong khi upload lên host thì việc quản lý và chia sẻ rất khó khăn và mất thời gian…Chúng ta có thể chia sẻ qua các trang cộng đồng nổi tiếng như: Facebook, Google Plus, Twitter,…
  • Tiết kiệm băng thông: Video, loại file media có thể nói là tốn dung lượng bậc nhất, vậy chúng ta hãy giành công việc lưu trữ tốn kém trên ổ đĩa và băng thông kia cho Youtube đi. Hơn thế nữa, video từ youtube bao giờ cũng tải nhanh hơn khi tải lên host của bạn.Video, loại file media có thể nói là tốn dung lượng bậc nhất, vậy chúng ta hãy giành công việc lưu trữ tốn kém trên ổ đĩa và băng thông kia cho Youtube đi. Hơn thế nữa, video từ youtube bao giờ cũng tải nhanh hơn khi tải lên host của bạn.
  • Giúp tăng traffic: Upload video lên Youtube sẽ có cơ hội được mọi người biết đến nhiều hơn, được chia sẻ nhiều hơn và cả thế giới sẽ biết tới video của bạn Upload video lên Youtube sẽ có cơ hội được mọi người biết đến nhiều hơn, được chia sẻ nhiều hơn và cả thế giới sẽ biết tới video của bạn
  • Tối ưu chất lượng video: Youtube tự động tối ưu chất lượng, âm thanh, ánh sáng, giảm thiểu nhiễu…cho video khi bạn upload lên. Và người xem có nhiều lựa chọn chất lượng video phù hợp với tốc độ đường truyền.Youtube tự động tối ưu chất lượng, âm thanh, ánh sáng, giảm thiểu nhiễu…cho video khi bạn upload lên. Và người xem có nhiều lựa chọn chất lượng video phù hợp với tốc độ đường truyền.

2. Chèn video youtube vào WordPress

Đưa video từ youtube vào bài viết WordPress, chỉ cần chú ý một chút thôi là chúng ta sẽ thấy nó rất đơn giản. Trong phần này Thiết kế WordPress gửi tới bạn đọc 2 cách để đưa Video từ Youtube vào bài viết WordPress đưa Video từ Youtube vào bài viết WordPress

2.1. Sử dụng iframe

Đây được coi là cách truyền thống, áp dụng được cho tất cả loại website, không nhất thiết là WordPress hay CMS nào khác. Để chèn video sử dụng iframe, bạn kéo xuống dưới video trên Youtube, click vào tab Chia sẻ [Share] rồi đến Nhúng [Embed], copy link iframe ở khung bên dưới.



Quay lại bài viết của bạn, chuyển sang dạng Mã html [Text Editor] và dán code vừa copy vào là xong. Ngoài ra, bạn có thể tùy chỉnh chiều dài – rộng của video cho phù hợp với các thông số width và height đã cho.

Chen video youtube iframe

2.2. Sử dụng shortcode

WordPress có sẵn short code  [paste URL video Youtube vào phần dấu ba chấm]. Cách này sẽ giúp chúng ta dễ dàng tùy chỉnh kích thước cho Video.

Chen video youtube shortcode

3. Lời kết

Bài viết trên đây Thiết kế website đã chỉ ra một vài thủ thuật nhỏ hướng dẫn các bạn việc chèn video Youtube vào WordPress. Hi vọng bài viết này sẽ có ích với các bạn, chúc các bạn thành công!ebsite đã chỉ ra một vài thủ thuật nhỏ hướng dẫn các bạn việc chèn video Youtube vào WordPress. Hi vọng bài viết này sẽ có ích với các bạn, chúc các bạn thành công!

Cần hỗ trợ thêm inbox tại đây!

Chủ Đề