Bạn có thể biết Cách mạng Slider, nó là một trong những plugin WordPress cao cấp được tải xuống nhiều nhất trên CodeCanyon. Nó cũng được đề xuất nhiều nhất cho những người muốn thêm thanh trượt (trình chiếu) trên trang web của họ hoặc blog WordPress.

Nó là một plugin có sẵn trên CodeCanyon.com. Hãy nhớ rằng, chúng tôi đã giới thiệu bạn như thế nào tải xuống một plugin trên nền tảng này.

Vì vậy, điều đầu tiên là tải về, cài đặt và kích hoạt nó.

Nếu bạn chưa bao giờ cài đặt cái sau, hãy tìm hiểu Cách cài đặt Revolution Slider trên WordPress.Bạn cũng có thể khám phá hướng dẫn chi tiết và khá đầy đủ này.

Khuyến khích.

Làm thế nào để cấu hình Slider Cuộc cách mạng

Slider Revolution cung cấp các cài đặt cơ bản. Trước tiên, bạn phải truy cập trang chủ của plugin, thông qua menu " Cách mạng Slider »Có sẵn trên menu bên trái của trang tổng quan của bạn, sau khi cài đặt và kích hoạt plugin.

truy cập cách mạng slide.jpg

Điều này sẽ chuyển hướng bạn đến bảng điều khiển plugin Slider Revolution. Sau đó, chúng tôi sẽ cấu hình các plugin. Sau đó, bạn phải nhấp vào liên kết " Cài đặt chung Nằm trong menu con Slider Revolution.

thông số chung độ phân giải slide.jpg

Nhấp vào nó sẽ đưa bạn đến một trang mới. Trang này chứa một vài tùy chọn, bao gồm:

  • Các vai trò có quyền truy cập view phép Plugin »
  • Đang tải tài nguyên plugin ở mọi nơi " on Hoặc chỉ trên các trang sử dụng nó. Tải tài nguyên trên tất cả các trang của bạn có thể làm chậm trang web của bạn.
  • Bạn cũng có thể tích hợp các tài nguyên của plugin trên các trang nhất định bằng cách thêm số nhận dạng của mỗi trang trong " Trang để RevSlider bao gồm thư viện '.
  • Để hiển thị tốt hơn, bạn có thể chọn tải tài nguyên plugin sau khi trang được hiển thị với tùy chọn " Inset JavaScript vào chân trang '.
  • Bạn có thể kích hoạt các tùy chọn để xuất dữ liệu thanh trượt được sử dụng trên một số trang web khác.
  • Tùy chọn cuối cùng liên quan đến báo cáo hoạt động của thanh trượt.

thiết lập cách mạng thanh trượt tham số chung.jpg

Cài đặt mặc định có thể chấp nhận được. Nhưng bạn có thể tùy chỉnh chúng theo ý muốn. Đừng quên bấm vào " Lưu cài đặt »Để lưu cài đặt của bạn.

Quay trở lại « Cách mạng Slider Bởi vì bây giờ chúng ta sẽ tạo một thanh trượt mới.

định cấu hình plugin WordPress Slider Revolution

Cách tạo thanh trượt với plugin Revolution Slider

Revolution Slider rất linh hoạt và thích ứng với bất kỳ loại thanh trượt nào, từ đơn giản nhất đến phức tạp nhất với các lớp (đây là một tính năng rất thú vị).

Trên trang mới, bạn có thể nhận thấy rằng có hai cột chính. Trang này phải được coi là trang cài đặt cho thanh trượt mới. Không thể từ vị trí này để thêm hình ảnh và văn bản. Tuy nhiên, chúng tôi sẽ sửa đổi một số cài đặt của thanh trượt.

Khám phá của chúng tôi Các plugin WordPress cao cấp tốt nhất để tạo các thanh trượt trên blog của bạn

Trên phần "Thanh trượt Param"

Chúng tôi có một số trường bắt buộc phải được hoàn thành, bao gồm:

  • Tiêu đề
  • Bí danh sẽ được sử dụng trên shortcode. Bạn nhất thiết phải cung cấp bí danh.

title shortcode Revolution slide.jpg

Có một số loại thanh trượt có thể đạt được với Slider Cách mạng:

  • Bạn có thể chọn hiển thị các bài báo dưới dạng trang chiếu, cụ thể là bằng cách xác định giới hạn kết quả, bằng cách sửa đổi thứ tự hiển thị, bằng cách chọn mẫu, v.v.
  • Chọn các bài viết cụ thể, chỉ định định danh của họ
  • Chọn chế độ thư viện cho thanh trượt, điều này sẽ cho phép chúng ta tạo các slide phức tạp và đẹp hơn.

cách mạng kiểu trượt thanh trượt.jpg

Tùy chọn sau đây cho phép bạn sửa đổi bố cục của thanh trượt: cố định, cá nhân hóa, tự động phản hồi, toàn màn hình. Ngoài những tùy chọn này, còn có những tùy chọn dành cho kích thước lưới và kích thước bố cục.

kích thước cuộc cách mạng slide.jpg

Đây là các tùy chọn trong cột đầu tiên. Cột thứ hai cung cấp một số tùy chọn khác. Trong số những người khác, chúng tôi có: Thời lượng của mỗi trang trình bày, theo mặc định là 9 giây.

Hiển thị ngẫu nhiên (Chế độ phát ngẫu nhiên)

tham số chung trượt cách mạng slide.jpg

Phần Bố cục & Hình ảnh

Phần này nhóm các tùy chọn về cấu hình của bóng, nền trong tab phụ "Giao diện". Bạn cũng sẽ tìm thấy tab "Spinner", cho phép bạn sửa đổi hoạt ảnh trong khi thanh trượt đang tải, tab "Di động" cho phép bạn xác định cách hiển thị thanh trượt trên thiết bị di động và tab "Vị trí" cho phép bạn định cấu hình vị trí của thanh trượt liên quan đến nội dung.

layout & visual Revolution slider.jpg

Phần Điều hướng

Tab điều hướng được chia thành nhiều tab phụ cho phép bạn định cấu hình các khía cạnh khác nhau của điều hướng của thanh trượt. Ví dụ: bạn sẽ có tab "mũi tên" cho phép bạn chọn loại nút điều hướng giữa các thanh trượt (bạn có thể kích hoạt hoặc không kích hoạt các mũi tên). Với tab "Dấu đầu dòng", bạn cũng có thể định cấu hình dấu đầu dòng điều hướng, với tab "Dấu đầu dòng" sẽ thêm hiệu ứng thanh trượt tab, v.v.

tab điều hướng cách mạng slide.jpg

Định cấu hình các điều kiện hoạt ảnh "Tham số chung"

Cung cấp các tùy chọn trên trang trình bày, chẳng hạn như bạn có thể xác định rằng thanh trượt sẽ tự động dừng sau một trang trình bày cụ thể " Ngưng Sau Loops »Hoặc chọn vị trí của thanh trượt (thanh tiến trình cho phép bạn xem mất bao lâu một trang trình bày trước khi một trang trình bày khác được hiển thị).

cấu hình hoạt hình thanh trượt cách mạng slide.jpg

Đây là những phần đầu tiên của plugin và là những phần bạn sẽ sử dụng nhiều nhất. Bạn có thể sử dụng nhiều tùy chọn hơn để thêm nhiều chức năng hơn vào thanh trượt.

Khám phá Cách tạo một trang web chuyên nghiệp với WPBakery và thêm vào nó một Slider đẹp.

Sau khi hoàn tất, hãy lưu thanh trượt bên dưới bằng cách sử dụng " Lưu cài đặt '.

đăng ký thanh trượt cách mạng sliders.jpg

Sau khi nhấp vào " Lưu cài đặt », Bạn sẽ được chuyển đến giao diện tạo thanh trượt. Điều này sẽ tạo ra một thanh trượt mặc định trống.

giao diện tạo thanh trượt.jpg

Cách thêm một slide mới vào một thanh trượt

Nếu bạn không nhớ đây là gì, trong một bài viết trước, tôi đã định nghĩa một tập hợp các thuật ngữ kỹ thuật WordPress, bao gồm « Thanh trượt "và" Slide ».

Trước giao diện sửa đổi các tùy chọn thanh trượt, bạn sẽ thấy một phần có 3 vùng theo mặc định, nơi bạn sẽ tìm thấy vùng cuối cùng có nhãn " Thêm slide". Bằng cách đặt chuột lên nó, nó sẽ hiển thị các tùy chọn bổ sung. Chọn Thêm trang trình bày trống.

thêm một thanh trượt vào một thanh trượt.jpg

Remarque : Mọi trang trình bày mới bạn tạo sẽ được thêm vào thanh này. Mỗi Slide được tạo sẽ cung cấp cho bạn các tùy chọn quản lý bổ sung: Xóa, Nhân bản, Thêm vào mẫu.

Giao diện của thanh trượt bao gồm:

  • Tùy chọn trượt nâng cao
  • Từ giao diện thiết kế thanh trượt (giao diện tạo)

Giao diện tùy chọn nâng cao

Các tùy chọn này được tổ chức thành một số tab khác nhau. Phần nền chính cho phép bạn định cấu hình các khía cạnh khác nhau ảnh hưởng đến nền trang chiếu. Ví dụ: bạn có thể chọn sử dụng video YouTube làm nền.

cuộc cách mạng video slide.jpg

Tab General Parameters cho phép bạn cấu hình các yếu tố như thời lượng của slide, các sự kiện khác nhau sẽ khiến slide tạm dừng (dừng hoạt ảnh).

thông số chung cách mạng slide.jpg

Tab thumbnail cho phép bạn chọn bản xem trước cho slide đã tạo. Điều này sẽ được sử dụng nếu thanh trượt của bạn cung cấp các bản xem trước trang chiếu. 

tạo vignette cách mạng slide.jpg

Tab hoạt ảnh trang chiếu cho phép bạn xác định đâu là hoạt ảnh vào và ra của trang chiếu. Bạn có nhiều lựa chọn trong số các tùy chọn có sẵn.

chọn hoạt hình slide slide slide.jpg

Tab link & seo cho phép bạn sửa đổi một số thuộc tính HTML của slide. Về nguyên tắc, bạn sẽ không cần sử dụng tab này thường xuyên.

Giao diện thiết kế Slider Revolution

Giao diện thiết kế là vị trí dàn dựng nơi bạn sẽ thực hiện sáng tác của mình. Nó bao gồm một bề mặt được tạo thành từ các hình vuông trắng và xám, tạo thành siêu hoạt động (nơi các phần tử khác nhau sẽ được đặt).

giao diện thiết kế cách mạng slide.jpg

Những điều bạn cần biết về các lớp

Mỗi đối tượng được đặt trên giao diện thành phần tạo thành một lớp. Các lớp này có thể được chồng lên nhau, giống như bạn có thể làm với các bản phác thảo. Do đó, lớp có thể bao gồm một hình ảnh, một mã html, một video, một hình dạng, một đối tượng và hơn thế nữa. Bạn có thể thêm một lớp di chuột qua nút "Thêm lớp", nút này cung cấp cho bạn nhiều tùy chọn hơn.

duyệt một lớp cách mạng slide.jpg

Nếu bạn nhấp vào "Văn bản / html", điều này sẽ thêm một vùng văn bản trên giao diện thiết kế mà bạn có thể tùy chỉnh (thêm văn bản, thay đổi phông chữ hoặc di chuyển).

thêm cách mạng văn bản slide.gif

Mỗi lớp được thêm vào có thể cung cấp các tùy chọn khác nhau. Thông thường để truy cập các tùy chọn của một lớp, chỉ cần nhấp đúp vào nó. Bây giờ chúng ta sẽ thêm một hình ảnh.

thêm hình ảnh slide slide.gif

Mỗi lớp có các tùy chọn riêng. Các tùy chọn này là thanh nằm ngay phía trên giao diện thiết kế.

tùy chọn cho lớp cách mạng slide.jpg

Đây là các tab cung cấp các tùy chọn nâng cao. Ví dụ, nếu chúng ta muốn thay đổi hoạt ảnh của lớp, chúng ta phải vào tab hoạt ảnh và chọn một hoạt ảnh đầu vào và đầu ra như sau.

chọn một hình ảnh động cho layer.gif

Mỗi tab có tùy chọn riêng. Bằng cách dành vài phút, bạn sẽ có thể hiểu hầu hết các tab hoạt động như thế nào.

Đó là tất cả những gì cần biết về việc định cấu hình Plugin WordPress Cuộc cách mạng trượt để bắt đầu. Chúng tôi sẽ quay lại sau để cho bạn thấy những kỹ thuật nâng cao hơn.

Nhưng trước khi rời khỏi bạn, chúng tôi muốn cung cấp cho bạn 2 lựa chọn thay thế cao cấp hơn được thiết kế để giúp bạn tạo thanh trượt trên trang web của mình.

1. RoyalSlider

Là thanh trượt được tải xuống nhiều nhất trên CodeCanyon, Royal Slider có nhiều tính năng không thể cưỡng lại. Được sử dụng bởi các công ty đa dạng như Coca-Cola, Ralph Lauren và Land Rover, plugin này thực hiện mọi thứ bạn có thể mong đợi từ một thanh trượt. Tính năng hấp dẫn nhất là hỗ trợ toàn màn hình.

Thanh trượt nội dung cảm ứng Royalslider cho wordpress

Hoàn hảo để hiển thị nhiếp ảnh độ phân giải cao. Plugin này chắc chắn sẽ gây ấn tượng với khách truy cập của bạn với các tính năng chuyên nghiệp của nó. Như các chức năng mà chúng ta sẽ có trong số những chức năng khác: khả năng tạo một số thanh trượt với các kiểu khác nhau trên mỗi trang, hỗ trợ điều hướng bằng xúc giác, thiết kế đáp ứng, chữ A thu nhỏ theo chiều dọc hoặc ngang, dấu đầu dòng hoặc tab để điều hướng, v.v.

Tải về | Bản demo | Web hosting

2. . WP Slick Slider và Image Carousel Pro

Nếu bạn là người theo dõi vô điều kiện của phần tiếp theo Trực quan Composer, sử dụng plugin WP Slick Slider là một tùy chọn mà bạn sẽ cần xem xét. Với hầu hết các mẫu được xác định trước 100, bạn chắc chắn sẽ tìm thấy những gì bạn đang tìm kiếm mà không cần mã hóa bất cứ điều gì.Thanh trượt Wp mượt mà và băng chuyền hình ảnh chuyên nghiệp

Đây là một tùy chọn để thực sự nghiêm túc, đặc biệt đối với người dùng Visual Composer - WPBakery -.

Các tính năng của nó là trong số những người khác: một mise trang đáp ứng đầy đủ với hỗ trợ kéo và thả, cxây dựng shortcodes,upport của RTL và đa ngôn ngữ, củathiết kế tuyệt vời, và nhiều hơn nữa.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Chúng tôi hy vọng bài viết này đã giúp bạn thiết lập Plugin WordPress Cuộc cách mạng thanh trượt cao cấp. Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại để lại trong phần ý kiến. Và nếu bạn thích bài viết này, hãy chia sẻ nó trên sự khác biệt của bạn mạng xã hội