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:
- [font=Times New Roman]Đầ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.[/font]
- [font=Times New Roman]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.[/font]
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.
Hướng dẫn sử dụng plugin Slider Revolutin
- [font=Times New Roman]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.[/font]
Chọn plugin Slider Revolution tại Dashboard
- [font=Times New Roman]Bước 2: Nhấn chọn New Blank Module để tiến hành tạo mới Slider Revolution.[/font]
Chọn New Blank Module để tạo Slide mới
- [font=Times New Roman]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:
[/font]- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman][font=Times New Roman]Slider Title & ShortCode: Bạn cần đặt tiêu để cho Slider. Chú ý tên phải trùng khớp ở cả 2 ô.[/font][/font]
- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman][font=Times New Roman]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ỹ.[/font][/font]
- [font=Times New Roman][font=Times New Roman]Customize, Build & Implement: Phần này bạn để mặc định.[/font][/font]
- [font=Times New Roman]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:
[/font]- [font=Times New Roman][font=Times New Roman]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,…[/font][/font]
- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman][font=Times New Roman]Scroll Effect: Là hiệu ứng cuộn.[/font][/font]
- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman][font=Times New Roman]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.[/font][/font]
- [font=Times New Roman]Bước 5: Nhấn Save Settings để lưu lại thay đổi. Sau đó trở về phần Slider chính.[/font]
- [font=Times New Roman]Bước 6: Tại Slide đầu tiên bạn bấm chọn Background Image.[/font]
- [font=Times New Roman]Bước 7: Vào mục Add Layer > Bấm Image để tải ảnh lên > Sau đó bấm Save Slide.[/font]
- [font=Times New Roman]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[/font]
- [font=Times New Roman]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.[/font]
- [font=Times New Roman]Bước 10: Nhấn vào dấu “+” để thực hiện Add Element.[/font]
- [font=Times New Roman]Bước 11: Bấm Element Revolution Slider.[/font]
- [font=Times New Roman]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.[/font]
- [font=Times New Roman]Bước 13: Xem lại kết quả.[/font]
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