Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn tạo Dễ dàng và Miễn phí bất kỳ trang web hoặc thiết kế blog với một cái nhìn chuyên nghiệp. Ngừng trả nhiều tiền cho một trang web mà bạn có thể tự làm.

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 hoặc blog WordPress của họ.

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

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 901.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí.

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 để định cấu hình bóng và nền lại với nhau 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 quá trình tải thanh trượt, 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

Bạn có muốn bán sản phẩm của mình trên internet?

Tải xuống WooCommerce miễn phí, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress và dễ dàng tạo cửa hàng trực tuyến của bạn. Hoàn hảo cho người mới bắt đầu.

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à khá nhiều điều bạn cần biết về cách thiết lập plugin WordPress Slider Revolution để 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 cuồng nhiệt của bộ Visual Composer, sử dụng plugin WP Slick Slider là một tùy chọn bạn 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 Slider Revolution cao cấp. Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại để lại chúng 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

20 cổ phiếu
cổ phiếu16
tweet1
Enregistrer3