Chế độ trung tâm thanh trượt trơn không hoạt động

WP Slick Slider và Image Carousel là một trong những plugin Slick Slider hàng đầu và phổ biến có sẵn cho WordPress

Hiển thị nhiều thanh trượt hình ảnh bóng bẩy và băng chuyền bằng cách sử dụng mã ngắn với danh mục. Đáp ứng đầy đủ, bật tính năng Vuốt, kéo chuột trên màn hình và lặp vô hạn. Hoàn toàn có thể truy cập bằng điều hướng phím mũi tên Tự động phát, dấu chấm, mũi tên, v.v.

Đặc trưng

Nó sử dụng Loại bài đăng tùy chỉnh và phân loại để tạo thanh trượt, với các tùy chọn gần như không giới hạn và hỗ trợ cho nhiều thanh trượt trên bất kỳ trang nào. 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

Chúng tôi đã thêm 5 thiết kế cho thanh trượt và 1 thiết kế cho băng chuyền. Bạn có thể tìm thấy tất cả các thiết kế trên trang web demo của chúng tôi. Chỉ cần sao chép mã ngắn của thiết kế mà bạn thích và sử dụng

Cũng đã thêm hỗ trợ khối Gutenberg

Bạn có thể sử dụng 2 mã ngắn

[slick-slider] and [slick-carousel-slider]

Đây là mã Mẫu

  and
  

Sử dụng các tham số sau với shortcode

[slick-slider]

• giới hạn. [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 limit=»5»]
• thể loại. [slick-slider category=»category_ID»] [tức là Hiển thị thanh trượt theo ID danh mục của chúng]
• 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à «đúng HOẶC sai»]
• Phân trang và mũi tên. [slick-sliderdots=»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 độ thanh trượt=»3000″]
• phai màu. [slick-slider fade=»true» ] [Hiệu ứng làm mờ thanh trượt. 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 lazyload=»ondemand» ] [Sử dụng lazyload với slick slider. Theo mặc định, không có lazyload nào được kích hoạt. Nếu bạn muốn đặt lazyload thì hãy sử dụng lazyload=»ondemand» HOẶC lazyload=»progressive» ]
• vòng. [slick-slider loop=»true»] [Tạo một vòng trượt vô hạn. Theo giá trị mặc định là «true». Tùy chọn là «đúng» HOẶC «sai». ]
• 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à «đúng» HOẶC «sai». ]
• kích thước ảnh. [slick-slider image_size=»full»] [Mặc định là «full», các giá trị là thumbnail, medium, medium_large, large, full]
• 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 để vừa với vùng chứa của nó. Theo giá trị mặc định là «false». Tùy chọn là «đúng HOẶC sai»]. GHI CHÚ. 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
• chiều cao thanh trượt. [slick-slider sliderheight=»400″ ] [Đặt chiều cao bao quanh hình ảnh. GHI CHÚ. 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à «đúng HOẶC sai»]

Sử dụng các tham số sau với shortcode

[slick-carousel-slider]

• giới hạn. [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 thì đặt giới hạn thành limit=»5»]
• thiết kế. [slick-carousel-slider design=»design-1″] [Bạn có thể chọn 5 thiết kế [ design-1, design-2, design-3, design-4, design-5 ] cho thanh trượt của mình. Thanh trượt bóng bẩy -> Thiết kế thanh trượt]
• thể loại. [slick-carousel-slider category=»category_ID»] [tức là Hiển thị thanh trượt theo ID danh mục của chúng]
• kích thước ảnh. [slick-carousel-slider image_size=»full»] [Mặc định là «full», các giá trị là thumbnail, medium, medium_large, large, full]
• trình chiếu. [slick-carousel-slider slidestoshow=»3″ ] [Hiển thị số lượng hình ảnh cùng lúc. Theo giá trị mặc định là «3»]
• slidestoscroll. [slick-carousel-slider slidestoscroll=»1″ ] [Cuộn số lượng hình ảnh cùng lúc. Theo giá trị mặc định là «1»]
• Phân trang và mũi tên. [slick-carousel-sliderdots=»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″]
• vòng. [slick-carousel-slider loop=»true»] [Tạo một vòng lặp vô hạn trượt. Theo giá trị mặc định là «true». Các tùy chọn là «đúng» HOẶC «sai». ]
• 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à «đúng» HOẶC «sai». ]
• Tốc độ trượt. [tốc độ trượt-băng chuyền-thanh trượt=»3000″]
• lười tải. [slick-carousel-slider lazyload=»ondemand» ] [Sử dụng lazyload với thanh trượt slick. Theo mặc định, không có lazyload nào được kích hoạt. Nếu bạn muốn đặt lazyload thì hãy sử dụng lazyload=»ondemand» HOẶC lazyload=»progressive» ]
• chế độ trung tâm. [slick-carousel-slider centermode=»true» ] [ Hiển thị hình ảnh chính ở giữa. Theo giá trị mặc định là «false» ]
• độ rộng thay đổi. [slick-carousel-slider variablewidth=»true» ] [Độ rộng thay đổi của hình ảnh trong thanh trượt. Theo giá trị mặc định, chúng tôi «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 để vừa với vùng chứa của nó. Theo giá trị mặc định là «false». Tùy chọn là «đúng HOẶC sai»]. GHI CHÚ. 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ố sliderheight
• chiều cao thanh trượt. [slick-carousel-slider sliderheight=»400″ ] [Đặt chiều cao bao quanh hình ảnh. GHI CHÚ. 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à «đúng HOẶC sai»]

Ghi chú. 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». Chúng tôi đã thực hiện tùy chọn thay đổi kích thước hình ảnh bây giờ 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 image_fit=»true» và sliderheight=»400″ [400 chỉ là một ví dụ. Vui lòng sử dụng giá trị này theo nhu cầu của bạn] tham số mã ngắn

Đã thêm các tính năng PRO

Phiên bản cao cấp

• Hơn 90 thiết kế tuyệt đẹp được xác định trước
• 30 thiết kế thanh trượt hình ảnh
• 30 Thiết kế thanh trượt trung tâm và băng chuyền hình ảnh
• 33 Thiết kế chiều rộng thay đổi thanh trượt
• Hỗ trợ khối Gutenberg
• Các tính năng tạo khuôn mẫu WP
• Hỗ trợ Trình tạo trang WPBakery
• Elementor, Beaver và SiteOrigin Page Builder Hỗ trợ gốc [Mới]
• Hỗ trợ bản địa Trình tạo trang Divi [Mới]
• Trình tạo trang hợp nhất [Avada] Hỗ trợ gốc [Mới]
• Tính năng Kéo & Thả để hiển thị slide theo thứ tự của bạn
• Tùy chọn cài đặt plugin CSS tùy chỉnh
• Mã ngắn mạnh mẽ với các thông số mạnh mẽ
• Hiển thị nội dung với hình ảnh và liên kết ở chế độ Carousel
• Đáp ứng đầy đủ
• 100% đa ngôn ngữ

Khám phá các tính năng của WP Slick Slider và Image Carousel Pro

Tìm hiểu về các plugin WordPress tốt nhất khác

Cài đặt thế nào

Các tính năng bao gồm

• Cũng đã thêm hỗ trợ khối Gutenberg
• Hiển thị số lượng thanh trượt và băng chuyền không giới hạn với sự trợ giúp của danh mục
• Điều hướng kích hoạt bằng cảm ứng
• Đáp ứng đầy đủ. Cân với thùng chứa của nó
• Truy cập đầy đủ với điều hướng phím mũi tên
• Phản ứng nhanh nhẹn
• Đã cho mã ngắn và mã mẫu
• Sử dụng cho thanh trượt hình ảnh tiêu đề

Chính sách bảo mật

• Chúng tôi cũng đã chọn tham gia lựa chọn e-mail, sau khi bạn tải xuống plugin, để chúng tôi có thể thông báo cho bạn và tư vấn cho bạn về các sản phẩm và tính năng của nó

Skjermskudd

• Thiết kế-1
• Thiết kế-2
• Thiết kế-3
• Thiết kế-4
• Thiết kế-5
• Thiết kế-6
• Cũng hoạt động với khối mã ngắn Gutenberg
• Cũng đã thêm hỗ trợ khối Gutenberg
• Cũng đã thêm hỗ trợ khối Gutenberg

chặn đường

Denne utvidelsen cho 2 khối

• Thanh trượt trơn
• Băng chuyền hình ảnh và thanh trượt WP Slick

cài đặt asjon

1. Tải thư mục ‘wp-slick-slider-and-carousel’ lên thư mục ‘/wp-content/plugins/’
2. Kích hoạt plugin danh sách «wp-slick-slider-and-carousel» thông qua menu ‘Plugins’ trong WordPress

3. Thêm mã ngắn này vào nơi bạn muốn hiển thị thanh trượt

   [slick-slider] và [slick-carousel-slider]

Cài đặt thế nào

Vurderinger

Bidragssytere và utviklere

“WP Slick Slider and Image Carousel” đã vượt quá tốc độ cho đến 1 giây. Takk til oversetterne cho deres bidrag