WP Slick Slider and Image Carousel Pro

Khi bạn muốn thay đổi chủ đề trang web WordPress của mình bằng thứ gì đó đặc biệt và sáng tạo, bạn phải xem xét thanh trượt/băng chuyền mượt mà. Plugin WP Slick Slider and Image Carousel Pro Giúp trang web của bạn có được màn hình trượt thông minh để hiển thị các bài đăng tùy chỉnh. Không chỉ bắt mắt, nó còn được khách truy cập yêu thích vì họ thấy khá dễ dàng để tìm thấy các bài đăng tùy chỉnh. Hiển thị không giới hạn số lượng thanh trượt và băng chuyền bài đăng tùy chỉnh trong một trang hoặc bài đăng với các bộ tùy chọn khác nhau như danh mục, giới hạn, tự động phát, mũi tên và loại điều hướng. Bạn cũng có thể hiển thị thanh trượt hình ảnh trên tiêu đề trang web của mình.

ĐÂY LÀ VÍ DỤ VỀ MÃ NGẮN CỦA PLUGIN

Thanh trượt trơn tru

[slick-slider]

Băng chuyền trơn tru

[slick-carousel-slider]

Để chỉ hiển thị bài viết 4 mượt mà:

[slick-slider limit="4"]

Nơi giới hạn xác định số lượng bài viết sẽ hiển thị. Bạn có thể sử dụng cùng một tham số với mã ngắn Carousel.

Nếu bạn muốn hiển thị Thanh trượt Thanh trượt theo danh mục thì hãy sử dụng mã ngắn này:

[slick-slider category="category_ID"]

Bạn có thể sử dụng cùng một tham số với mã ngắn Carousel.

Chúng tôi đã đưa ra 5 mẫu thiết kế. Đối với các thiết kế, hãy sử dụng mã ngắn sau:

[slick-slider design="design-1"] 

Trong đó các thiết kế là: thiết kế-1, thiết kế-2, thiết kế-3, thiết kế-4, thiết kế-5. Bạn có thể sử dụng cùng một tham số với shortcode Carousel nhưng trong Carousel chúng tôi chỉ đưa ra 1 thiết kế, tức là thiết kế-1.

ĐÂY LÀ MÃ MẪU

SỬ DỤNG CÁC THAM SỐ SLICK SLIDER SAU BẰNG SHORTCODE

[slick-slider]

• limit : [slick-slider limit=”-1″] (Giới hạn xác định số lượng hình ảnh được hiển thị tại một thời điểm. Theo mặc định được đặt thành “-1″ tức là tất cả hình ảnh. Ví dụ: nếu bạn chỉ muốn hiển thị 5 hình ảnh thì đặt giới hạn thành giới hạn =”5”)
• Category : [slick-slider Category=”category_ID”] (tức là Hiển thị thanh trượt theo ID danh mục của họ).
• thiết kế : [slick-slider Design=”design-1″] (Bạn có thể chọn 5 thiết kế (design-1, thiết kế-2, thiết kế-3, thiết kế-4, thiết kế-5 ) cho thanh trượt của mình).
• show_content : [slick-slider show_content=”true” ] (Hiển thị nội dung HOẶC không. Theo giá trị mặc định là “true”. Tùy chọn là “true OR false”).
• Phân trang và mũi tên : [dấu chấm trượt=”false” mũi tên=”false”]
• Tự động phát và Khoảng thời gian tự động phát : [slick-slider autoplay=”true” autoplay_interval=”100″]
• Tốc độ trượt : [tốc độ trượt trơn trượt=”3000″]
• fade : [slick-slider fade=”true” ] (Hiệu ứng Slider Fade. Hiệu ứng mặc định là slide. Nếu bạn đặt fade=”true” thì hiệu ứng sẽ thay đổi từ slide sang fade ).
• lười tải : [slick-slider lườiload=”ondemand” ] (Sử dụng lười tải với thanh trượt trơn. Theo mặc định không có tính năng lười tải nào được bật. Nếu bạn muốn đặt lười tải thì hãy sử dụng lười tải=”ondemand” HOẶC lười tải=”progressive” ).
• loop : [slick-slider loop=”true”] (Tạo vòng lặp vô hạn trượt. Theo giá trị mặc định là “true”. Các tùy chọn là “true” HOẶC “false”.)
• hover_pause : [slick-slider hover_pause=”true”] (Tạm dừng tự động phát thanh trượt khi di chuột. Theo giá trị mặc định là “true”. Các tùy chọn là “true” HOẶC “false”.)
• image_size : [slick-slider image_size=”full”] (Mặc định là “đầy đủ”, các giá trị là hình thu nhỏ, trung bình, trung bình_large, lớn, đầy đủ)
• image_fit : [slick-slider image_fit=”false”] (tham số image_fit được sử dụng để chỉ định cách thay đổi kích thước hình ảnh để phù hợp với vùng chứa của nó. Theo giá trị mặc định là “false”. Các tùy chọn là “true OR false”). LƯU Ý: image_fit=”true” hoạt động tốt hơn nếu có chiều cao thanh trượt. nếu image_fit=”false”, không cần sử dụng tham số chiều cao thanh trượt.
• Sliderheight : [slick-slider Sliderheight=”400″ ] (Đặt chiều cao bao bọc hình ảnh. LƯU Ý : Tham số này hoạt động tốt hơn nếu image_fit=”true” ).
• rtl : [slick-slider rtl=”true”] (đối với chế độ rtl. Theo giá trị mặc định là “false”. Tùy chọn là “true OR false”).
• extra_class : [slick-slider extra_class=””] (Nhập lớp CSS bổ sung để tùy chỉnh thiết kế).

SỬ DỤNG CÁC THÔNG SỐ SLICK CAROUSEL SAU ĐÂY BẰNG SHORTCODE

[slick-carousel-slider]

• limit : [slick-carousel-slider limit=”-1″] (Giới hạn xác định số lượng hình ảnh được hiển thị tại một thời điểm. Theo mặc định được đặt thành “-1″ tức là tất cả hình ảnh. Ví dụ: nếu bạn chỉ muốn hiển thị 5 hình ảnh hình ảnh sau đó đặt giới hạn thành giới hạn =”5”)
• thiết kế : [slick-carousel-slider thiết kế=”design-1″]
• danh mục : [slick-carousel-slider Category=”category_ID”] (tức là Hiển thị thanh trượt theo ID danh mục của họ).
• image_size : [slick-carousel-slider image_size=”full”] (Mặc định là “đầy đủ”, các giá trị là hình thu nhỏ, trung bình, trung bình_large, lớn, đầy đủ)
• slidestoshow : [slick-carousel-slider slidestoshow=”3″ ] (Hiển thị số lượng hình ảnh cùng một lúc. Giá trị mặc định là “3”).
• slidestoscroll : [slick-carousel-slider slidestoscroll=”1″ ] (Cuộn số lượng hình ảnh cùng một lúc. Theo giá trị mặc định là “1”).
• Phân trang và mũi tên : [slick-carousel-slider dots=”false” Arrows=”false”]
• Tự động phát và Khoảng thời gian tự động phát : [slick-carousel-slider autoplay=”true” autoplay_interval=”100″]
• loop : [slick-carousel-slider loop=”true”] (Tạo vòng trượt vô hạn. Theo giá trị mặc định là “true”. Các tùy chọn là “true” HOẶC “false”.)
• hover_pause : [slick-carousel-slider hover_pause=”true”] (Tạm dừng tự động phát thanh trượt khi di chuột. Theo giá trị mặc định là “true”. Các tùy chọn là “true” HOẶC “false”.)
• Tốc độ trượt : [tốc độ trượt-băng chuyền-trượt =”3000″]
• lười tải : [slick-carousel-slider lười tải=”ondemand” ] (Sử dụng lười tải với thanh trượt trơn. Theo mặc định không có tính năng tải lười biếng nào được bật. Nếu bạn muốn đặt lười tải thì hãy sử dụng lười tải=”ondemand” HOẶC lười tải=”progressive” ).
• centermode : [slick-carousel-slider centermode=”true” ] ( Hiển thị hình ảnh chính ở giữa. Theo giá trị mặc định là “false” ).
• biến chiều rộng : [slick-carousel-slider biến chiều rộng=”true” ] (Độ rộng thay đổi của hình ảnh trong thanh trượt. Theo giá trị mặc định, chúng tôi là “false”)
• image_fit : [slick-carousel-slider image_fit=”false” ] (tham số image_fit được sử dụng để chỉ định cách thay đổi kích thước hình ảnh để phù hợp với vùng chứa của nó. Theo giá trị mặc định là “false”. Các tùy chọn là “true OR false”). LƯU Ý: image_fit=”true” hoạt động tốt hơn nếu có chiều cao thanh trượt. nếu image_fit=”false”, không cần sử dụng tham số chiều cao thanh trượt.
• Sliderheight : [slick-carousel-slider Sliderheight=”400″ ] (Đặt chiều cao bao bọc hình ảnh. LƯU Ý : Tham số này hoạt động tốt hơn nếu image_fit=”true” ).
• rtl : [slick-carousel-slider rtl=”true”] (đối với chế độ rtl. Theo giá trị mặc định là “false”. Tùy chọn là “true OR false”).
• extra_class : [slick-slider extra_class=””] (Nhập lớp CSS bổ sung để tùy chỉnh thiết kế).

Lưu ý: Do có nhiều phản hồi từ phía người dùng của bạn, chúng tôi đã đặt image_fit=”false” theo mặc định. Trước đây là image_fit=”true”. Bây giờ chúng tôi đã tùy chọn thay đổi kích thước hình ảnh thành tùy chọn. Nếu bạn muốn thay đổi kích thước hình ảnh, vui lòng sử dụng tham số mã ngắn image_fit=”true” và Sliderheight=”400″ (400 chỉ là ví dụ. Vui lòng sử dụng giá trị này theo nhu cầu của bạn).

CÁC TÍNH NĂNG BAO GỒM:

• Đã thêm hỗ trợ khối Gutenberg.
• Thanh trượt trơn tru
• băng chuyền trơn tru
• Dễ dàng thêm vào.
• Cũng hoạt động với khối mã ngắn Gutenberg.
• Hỗ trợ gốc của Elementor, Beaver và SiteOrigin Page Builder (Mới).
• Hỗ trợ gốc của Trình tạo trang Divi (Mới).
• Hỗ trợ gốc của Trình tạo trang Fusion (Avada) (Mới).
• Điều hướng kích hoạt bằng cảm ứng.
• Đưa ra 5 mẫu thiết kế.
• Kích thước phương tiện tức là hình thu nhỏ, trung bình, Medium_large, lớn và đầy đủ
• Phản ứng nhanh nhẹn.
• Thanh trượt cảm ứng đáp ứng.
• Chuột có thể kéo được.
• Sử dụng cho thanh trượt hình ảnh tiêu đề.
• Bạn có thể tạo nhiều thanh trượt bài đăng với các tùy chọn khác nhau tại một trang hoặc bài đăng.
• Đáp ứng đầy đủ. Cân với thùng chứa của nó.
• 100% đa ngôn ngữ.