Kết nối loại trường ACF Smart Slider 3 với bố cục Beaver Themer

Bạn muốn hiển thị các thanh trượt được tạo bằng plugin Smart Slider 3 trong bố cục Beaver Themer của mình? Bạn có thể dễ dàng tạo kết nối này với sức mạnh của các trường tùy chỉnh được tạo bằng plugin ACF Pro. Đây là thủ tục nhanh chóng để bắt đầu.

Tạo Trường tùy chỉnh với Trình cắm ACF Pro

Đầu tiên, chúng tôi sẽ tạo một trường tùy chỉnh của trường loại Smart Slider 3 với plugin ACF Pro cho trang / CPT của bạn.
  1. Đăng nhập vào Bảng điều khiển WordPress.
  2. Điều hướng đến Trường tùy chỉnh -> Thêm trang mới . Đảm bảo rằng plugin ACF Pro đã được cài đặt và hoạt động.
  3. Tạo trường loại Smart Slider 3 (như trong ảnh chụp màn hình).

Chọn Smart Slider trên Post / Page / CPT

Đảm bảo rằng bạn đã tạo một hoặc nhiều thanh trượt bằng cách sử dụng plugin Smart Slider 3. Nếu không có thanh trượt hiện có, hãy làm theo hướng dẫn này để tạo (các) thanh trượt. Sau đó, chọn thanh trượt thông minh cho Bài đăng / Trang / CPTs của bạn như trong ảnh chụp màn hình bên dưới.

Hiển thị Thanh trượt thông minh trong bố cục Themer

Bước tiếp theo là hiển thị thanh trượt thông minh trong bố cục Beaver Themer. Mở mẫu của chúng trong chế độ Beaver Builder. Thêm mô-đun HTML trong bố cục chứa shortcode sau. Tại đây, bạn sẽ thay thế khóa “smart_slider” bằng khóa trường loại Smart Slider 3 đang được bạn sử dụng.