Tạo Video Gallery cực đẹp với unitegallery tích hợp cho theme wordpress

Các bạn xem demo ở trang này nhé! và download bộ tích hợp về, ở bài này mình sẽ tích hợp qua wordpress.

code này hiện tại mình đang tích hợp sẵn và viết với acf pro, các bạn tạo field như code dưới là chạy ok ạ!

https://unitegallery.net/index.php?page=video-icon

Include header wordpress

Bản sẵn xả nén: https://drive.google.com/file/d/1BHY8j_HzqFnKOk4be0QwNQqiWORXRYHl/view?usp=sharing

<script type='text/javascript' src='<?php echo get_template_directory_uri(); ?>/js/jquery-11.0.min.js'></script>		
<script type='text/javascript' src='<?php echo get_template_directory_uri(); ?>/js/unitegallery.min.js'></script>	

<link rel='stylesheet' href='<?php echo get_template_directory_uri(); ?>/css/unite-gallery.css' type='text/css' />

<script type='text/javascript' src='<?php echo get_template_directory_uri(); ?>/themes/video/ug-theme-video.js'></script>
<link rel='stylesheet' href='<?php echo get_template_directory_uri(); ?>/themes/video/skin-right-thumb.css' type='text/css' /> 

<section class="videohomeok">
			<div class="wrap">
				<div class="row">
						
						<div id="gallery" style="display:none;">
							<?php
							$the_press = new WP_Query(array('post_type' => 'video','posts_per_page' => 10, ));
							// The Loop
							while ($the_press->have_posts()) : $the_press->the_post();      
							 ?>
							<div data-type="youtube"
								 data-title="<?php the_title(); ?>"
								 data-description="<?php the_field('des_video'); ?>"
								 data-thumb="<?php the_field('images_video'); ?>"
								 data-image="<?php the_field('images_video'); ?>"
								 data-videoid="<?php the_field('id_video'); ?>" >
							</div>
							<?php endwhile; ?>      
							<?php wp_reset_postdata();?>
						</div>
					
					
				</div>
			</div>
</section>
	
	<script type="text/javascript">

		jQuery(document).ready(function(){

			jQuery("#gallery").unitegallery();

		});
		
	</script>

Cuối cùng sẽ được

Bài viết mới cập nhập

• 

  Cấu hình Newsletter gửi theo thời gian chỉ định

  3 tuần trước, 27 Lượt xem

  GIẢI PHÁP HOÀN HẢO: Chỉ vô hiệu hóa tất cả job, nhưng không chặn file wp-cron.php Cách làm: Bạn thêm đoạn sau vào functions.php hoặc…

• 

  21 câu lệnh Linux phải nhớ quản lý vps

  1 tháng trước, 416 Lượt xem

  Đây là những câu lệnh căn bản bất cứ ai muốn tìm hiểu về Linux cần phải nhớ. clear: làm sạch cửa sổ dòng lệnh…

• 

  Hướng dẫn quản lý web bán hàng 2 ngôn ngữ

  2 năm trước, 363 Lượt xem

  Xin chào các bạn! hôm nay netweb sẽ hướng dẫn các bạn quản lý web bán hàng 2 ngôn ngữ! Hướng dẫn tạo user thành…

• 

  Hướng dẫn tạo user thành viên và quản lý đơn hàng

  2 năm trước, 387 Lượt xem

  Trong bài viết này, netweb sẽ hướng dẫn các bạn tạo user thành viên và đặt hàng quản lý đơn hàng trong WooCommerce Thêm mới…

• 

  Hướng dẫn Plugin floating contact

  2 năm trước, 497 Lượt xem

  Netweb xin hướng dẫn cách quản lý Plugin floating contact các bạn nhớ làm theo kỹ tường bước để plugin hoạt động Tính năng: Hiển…