Tài Liệu Wordpress

Tạo Slider tùy chỉnh với ACF Pro Flatsome

Posted on by admin12
30
Th8

Tạo Slider trong Flatsome đơn giản, dễ cập nhật, tương thích với các thiết bị với ACF Pro

1. Tạo Slider hình ảnh với hai phiên bản Desktop – Tablet và Mobile

Bước 1: Tạo Field Group và đặt tên, ví dụ: Slider

Chọn Location phù hợp
Chọn Location phù hợp

Chú ý chọn Location phù hợp để tiến hành gọi các trường thông tin của Field ra bằng code PHP ở bước sau.

Bước 2: Tạo 2 Field với Field Type là Repeater tương ứng với 2 phiên bản Desktop – Tablet và Mobile

Field dành cho Desktop - Tablet
Field dành cho Desktop – Tablet

Field dành cho Mobile

Field dành cho Mobile

Ở mỗi Field, tạo các Sub Field tương ứng

  • Hình ảnh: Field Type là Image và Return Format là Image URL
  • Link: Field Type là Text hoặc URL

Bước 3: Code PHP để gọi các trường ra ngoài và hiển thị

Sử dụng đoạn code sau và đặt vào vị trí hiển thị ở Template đã chọn ở Bước 1

 

admin12