Hướng dẫn tạo gallery trong wordpress bằng tay

Hướng dẫn tạo gallery trong wordpress bằng tay

Sau đây dịch vụ thiết kế website wordpress của Sơn Web sẽ hướng dẫn bạn tạo gallery Carousel trong wordpress kết hợp js bootstrap bằng vài dòng code đơn giản và demo.sau 3 bước đơn giản :

Bước 1 chèn js bootrap vào website wordpress

Đề chèn js boottrap vào wordpress bạn mở file function.php trong thư mục theme wordpress và chèn vài dòng code sau :

library là thư mục chứ css,js của bootstrap.Bootstrap là một framework js hỗ trợ việc responsive website .

Tham khảo : Thiết kế web wordpress

Bước 2: Tạo meta image advanced của plugin metabox

Để upload nhiều ảnh cho 1 posttype nào đó bạn có thể dùng plugin custom filed và metabox, tuy nhiên mình thích dùng plugin metabox hơn, bạn có thể cài đặt plugin metabox hoặc chèn trực tiếp plugin metabox vào theme .

Bạn có thể tìm hiều thêm về plugin metabox ở link sau https://metabox.io/ .

Để chèn trực tiếp plugin metabox vào theme bạn chèn code sau vào file functions.php

Để thêm metabox images vào post type hoặc post nào đó bạn mở file demo trong thư mục demo và thêm dòng code.

Ở đây page là tên post type bạn dùng cho metabox.hiện tại mình dùng cho page products.

Hướng dẫn code gallery img trong wordpress bằng tay

Hướng dẫn code gallery img trong wordpress bằng tay

Bước 3: Get url img kết hợp js bootstrap

Hiện tai js boostrap hỗ trợ sẵn tạo slideshow dạng trượt ngang, nên bạn chỉ cần dùng hàm lấy ra đường dẫn của img metabox trên.

Để lấy value img meta box dùng code .

ở đây sw_imgadv là tên mình đặt metabox img,type là kiểu metabox.

Dùng code sau để kết hợp js bootrap và img metabox .

 

 

Share this post

Comment (1)

  • Lardonyneem Reply

    Etienne viagra Generic Viagra Review Pharm Online Kamagra Oral Jelly Aus Deutschland

    17/11/2017 at 11:22 sáng

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai.