Revolution Slider là gì? Hướng dẫn sử dụng chi tiết

Nhờ sở hữu nhiều tính năng hữu ích mà Revolution Slider đang dần trở thành một phần không thể thiếu trong các trang web bán hàng hay doanh nghiệp,… Nếu bạn chưa biết Revolution Slider là gì và cách sử dụng công cụ này ra sao thì có thể tham khảo bài viết dưới đây của Maychuhanoi.

Revolution Slider là gì?

Revolution Slider là một tập hợp nhiều banner có kích thước lớn và cho phép người dùng trượt qua trượt lại hay chạy tự động những banner này trên website. Thông thường, Revolution Slider sẽ được thiết kế và đặt ở trên hoặc dưới thanh Menu. Điều này phụ thuộc vào tính thẩm mỹ và mong muốn của chủ website. Để hiểu rõ hơn về plugin Slider Revolution bạn có thể xem video giới thiệu ngay sau đây:

Hướng dẫn cài đặt Revolution Slider

Trước khi đi vào cài đặt Revolution Slider bạn cần chú ý 2 điểm như sau:

• Đầu tiên, khi việc kích hoạt theme hoàn tất, trong thời gian cài đặt các plugin sẽ bao gồm plugin Slider Revolution. Tại đây bạn chỉ cần nhấn vào cài đặt và kích hoạt. Một số theme bản quyền thì Revolution Slider sẽ tích hợp sẵn trong gói theme. Ở nội dung này Maychuhanoi sẽ hướng dẫn bạn tạo Revolution Slider với theme The7.

• Thứ 2, trường hợp theme của bạn không có plugin Revolution Slider thì bạn cần bỏ một khoản tiền (từ 35$) để mua riêng plugin này.

  
  

Sau khi đã thực hiện cài đặt plugin thành công, một mục trình đơn sẽ được bổ sung vào bảng điều khiển WordPress của bạn.

>>> Xem thêm: máy chủ dell t360

Hướng dẫn sử dụng plugin Slider Revolutin

• Bước 1: Tại bảng điều khiển của WordPress chọn mục Slider Revolution > Tiếp theo nhấn Slider Revolution.

  
  

Chọn plugin Slider Revolution tại Dashboard

• Bước 2: Nhấn chọn New Blank Module để tiến hành tạo mới Slider Revolution.

  
  

Chọn New Blank Module để tạo Slide mới

• Bước 3: Một bảng Module Creation Guide xuất hiện, tại đây bạn chọn nút X để ẩn bảng đi. Tìm hiểu và chỉnh sửa các mục trong phần cài đặt Slider, bao gồm:

  
  

  • Content Source: Nếu bạn chọn Default Slider đồng nghĩa với việc bạn đặt kiểu hiển thị mặc định của Slider.

  • Slider Title & ShortCode: Bạn cần đặt tiêu để cho Slider. Chú ý tên phải trùng khớp ở cả 2 ô.

  • Select a Slider Type: Lựa kiểu Slider. Muốn Slider theo kiểu nhấn nút qua lại bạn có thể chọn như hình sau.

  • Slide Layout: Chọn kiểu và tùy chỉnh kích thước của Slider trên các thiết bị. Trong đó, kiểu Auto tức là tự động, lúc này Slider được hiển thị thụt vào và tạo khoảng trắng ở 2 bên. Full-Width nếu bạn thích full chiều rộng. Tương tự Full-Screen nếu bạn muốn tràn màn hình.

  • Desktop Large: Điền chiều dài, chiều cao của ảnh mà bạn sẽ chèn vào, vì nếu không khớp sẽ bị lệch và gây mất thẩm mỹ.

  • Customize, Build & Implement: Phần này bạn để mặc định.

    
    

• Bước 4: Ở bước này bạn sẽ thực hiện tùy chỉnh các tính năng phụ khác tùy theo nhu cầu sử dụng:

  
  

  • Genaral Settings: Phần cài đặt chung, tại đây bạn có thể đặt các tùy chọn trình chiếu gồm: Thời gian hiển thị của trình chiếu, tùy chỉnh chuyển tiếp nền mặc định và hình động, kích hoạt thanh tiến trình, thay đổi kiểu và vị trí, thay đổi cài đặt thứ nhất, slide kế tiếp hay vô hiệu hóa blur,…

  • Layout & Visuall: Tức giao diện và hình ảnh, phần này giúp bạn chỉnh lớp phủ, bóng, nền trượt chính hoặc cho phép trình tạo bộ tải. Ngoài ra, bạn cũng được phép tắt chế độ slide trên di động kèm theo vị trí slide tại trang. Để tắt kiểu load bạn vào Slider tại website rồi thực hiện như sau: Nhấn mục Layout & Visuall > Tiếp đến bấm tab Spinner. Tại mục Choose Spinner bạn chỉ cần bấm Off là được.

  • Navigation: Có nghĩa là điều hướng, theo đó bạn được thay đổi các tùy chọn kèm cài đặt cho mũi tên, hình thu nhỏ và các tab. Ngoài ra, bạn cũng có thể thiết lập điều hướng cảm ứng, bàn phím, chuột hoặc vuốt.

  • Parallax & 3D: Có thể hỗ trợ đồng thời 3D kèm theo tùy chỉnh độ nhạy chuột và độ sâu của vùng ngang.

  • Scroll Effect: Là hiệu ứng cuộn.

  • Problem Handlings: Hỗ trợ xử lý sự cố, kích hoạt tính năng dự phòng và xử lý bất kỳ lỗi trượt nào.

  • Google Fonts: Tức là phông chữ của Google. Bạn có thể tải những phông chữ tùy chỉnh bạn muốn hoặc phù hợp của Google dành cho slide.

    
    

>>> Xem thêm: máy chủ dell t650

• Bước 5: Nhấn Save Settings để lưu lại thay đổi. Sau đó trở về phần Slider chính.

  
  

• Bước 6: Tại Slide đầu tiên bạn bấm chọn Background Image.

  
  

• Bước 7: Vào mục Add Layer > Bấm Image để tải ảnh lên > Sau đó bấm Save Slide.

• Bước 8: Để thêm Slide thứ 2 và những Slide tiếp theo, bạn bấm Add Blank Slide và thực hiện giống như trên.Bên cạnh đó, bạn cũng có thể tùy chỉnh những tùy chọn bổ sung nằm ở mục Add Layer gồm: Hiệu ứng, hình ảnh, video, tạo nền mờ hay button,… Hoặc nếu bạn muốn những tùy chỉnh hình ảnh, chữ,… hiển thị trước hoặc sau thì hãy kéo xuống khung Slide để thiết lập thời gian xuất hiện và lưu lại để kết thúc

  
  

• Bước 9: Hoàn tất việc tạo Slider, đến đây bạn cần đưa nó ra bên ngoài để hiển thị trên website bằng cách bấm chọn Xem trang > Tiếp theo nhấn Sửa trang.

• Bước 10: Nhấn vào dấu “+” để thực hiện Add Element.

• Bước 11: Bấm Element Revolution Slider.

• Bước 12: Chọn tên Slider mà bạn vừa tạo > Bấm Save Changes > Cuối cùng chọn Cập nhật.

• Bước 13: Xem lại kết quả.

  
  

Công ty cổ phần thương mại Máy Chủ Hà Nội   

- Trụ sở Hà Nội: Tầng 1,2,4 - Tòa nhà PmaxLand số 32 ngõ 133 Thái Hà - Q. Đống Đa   

Hotline mua hàng Hà Nội: 0979 83 84 84       Điện thoai: 024 6296 6644   

- CN Hồ Chí Minh: Lầu 1- Tòa nhà 666/46/29 Đường 3/2- Phường 14 - Quận 10   

Hotline mua hàng Hồ Chí Minh: 0945 92 96 96      Điện thoai: 028 2244 9399   

- Email: hotro@maychuhanoi.vn   

- website: https://maychuhanoi.vn/   

- facebook: https://www.facebook.com/maychuhanoi