Plugin tạo slideshow cho wordpress chuyên nghiệp responsive
Sơn Thành2016-07-11T00. 41. 29+07. 00Sơn Thành Hướng dẫn Wordpress 1 Bình luận
nội dung
- 2. Plugin Meta Slider
- 3. Thanh trượt lốc xoáy
- 4. FlexSlider 2
2. Plugin Meta Slider
là một plugin hợp nhất với 4 thanh trượt jQuery – Nivo Slider, Coin Slider, Flex Slider và Responsive Slides – ở mỗi bản trình chiếu, bạn hoàn toàn có thể chọn các hiệu ứng hiển thị khác nhau. Ngoài bản miễn phí, bạn cũng có thể nâng cấp bản pro chỉ với 19$ , hơn 600. 000 lượt tải về cài đặt3. Thanh trượt lốc xoáy
Cũng tương tự như các trình chiếu plugin khác, nó hỗ trợ các phản hồi và cũng rất dễ sử dụng với một vài hiệu ứng cơ bản là. độ trễ, kích thước thanh trượt và tạm dừng khi di chuột4. FlexSlider 2
Plugin này được phát triển bởi WooThemes , cũng rất dễ sử dụng đẹp chuyên nghiệp , có thể tạo với băng chuyền , video , thanh trượt , hình thu nhỏ. Cảm ơn bạn đã đọc bài viết Plugin tạo slideshow cho wordpress chuyên nghiệp responsive. You can you quan tâm- Design website giới thiệu nhà hàng
- Thiết kế website du lịch giá rẻ
- Thiết kế trang web khách sạn
5/5 - [1 bình chọn]
Lượt xem. 72
Sau khi đã biết Cách tạo Menu trong WordPress ở bài viết trước. Bài viết này sẽ tiếp tục hướng dẫn các bạn cách tạo Slider Revolution trong WordPress, dạng nhiều hình ảnh kích thước lớn như banner có thể lướt qua, kéo qua rất bắt mắt để giới thiệu, nhấn mạnh về sản phẩm, mục tiêu website của bạn . Hãy cùng tìm hiểu Slider Revolution là gì và tác dụng, mục đích của nó trong WordPress là gì nhéSlider Revolution là gì?
Như thế này, mình có nói sơ qua ở trên Slider được hiểu là những biểu ngữ có kích thước lớn có thể Lướt qua, kéo qua hoặc tự động Lướt qua. Thường Thanh trượt được đặt ở dưới thanh Menu, một số ít thì đặt trên thanh Menu do thẩm mỹ, sở thích của từng người. Mình sẽ cho các bạn xem qua hình ảnh minh họa dưới đây
Plugin Cài đặt Slider Revolution như thế nào?
Slider Revolution thực chất nó là một plugin giống như những plugin khác, chúng ta chỉ cần cài đặt vào là có thể sử dụng được. Vì sao cài đặt như thế nào?
- Thứ nhất. Khi bạn kích hoạt chủ đề xong thì trong lúc cài đặt plugin sẽ có plugin Slider Revolution, các bạn chỉ cần nhấn vào cài đặt và kích hoạt. Ở đây nếu theme bạn mua bản quyền thì sẽ có sẵn plugin Slider Revolution trong đó, còn những theme khác sẽ có hoặc không có. Trong bài viết này mình sẽ hướng dẫn các bạn tạo Slider Revolution trên theme the7
- thứ hai. Nếu chủ đề của bạn không có plugin Slider Revolution thì phải làm sao? . net là có thể mua được, tức là bạn phải trả phí, bạn bấm vào đây để tải plugin về cài đặt và sử dụng bình thường nhé
Sau khi bạn cài đặt plugin, nó sẽ thêm một menu mục vào bảng điều khiển WordPress chính của bạn. Bây giờ chúng ta bắt đầu vào vấn đề chính là tạo Slider Revolution nhé
Các bước tạo Slide Revolution
Bước 1. Ở bảng điều khiển WordPress vào Slider Revolution → Slider Revolution
Bước 2. Nhấp vào Thanh trượt mới để bắt đầu tạo Cuộc cách mạng thanh trượt mới
Bước 3. Tìm hiểu và tùy chỉnh từng mục trong phần cài đặt Thanh trượt
1. Nguồn nội dung. select Default Slider, nghĩa là chúng ta chọn kiểu hiển thị mặc định của Slider
2. Tiêu đề thanh trượt & Mã ngắn. set title for Slider to it more will use. Lưu ý là bạn phải đặt tên giống nhau ở 2 ô như hình nhé
3. Chọn một loại thanh trượt. select type Slider. You want Slider by the click button over back, select as the bottom
4. Bố cục trang trình bày. chọn loại kích thước Thanh trượt và chỉnh kích thước Thanh trượt trên các thiết bị. Ở đây mình chọn Auto là tự động, kiểu này thì Slider của bạn khi hiển thị sẽ được hóp, nhận vào 2 bên, tạo khoảng trắng 2 bên, còn nếu bạn muốn full luôn chiều rộng thì chọn Full-Width nhé.
Bên dưới các bạn chọn mục Desktop Large và nhập chiều dài, chiều cao của ảnh các bạn sẽ đưa vào, vì nếu không khớp sẽ bị lệch rất xấu
5. Tùy chỉnh, Xây dựng & Triển khai. to default. Thật ra phần này bạn có thể bỏ qua, cũng không cần thiết nên không cần phải quan tâm
→ Các bạn có thể tùy chỉnh các thuộc tính khác của Slider thông qua các mục dưới đây
Bước 4. Ở đây là tùy chỉnh chỉnh thêm các tính năng khác nếu bạn muốn tắt tính năng tải gây khó khăn khi mở Thanh trượt trên trang web hoặc chọn kiểu bấm nút qua lại… rất nhiều, các bạn xem tiếp
- Cài đặt chung. setting chung. đặt các tùy chọn tham chiếu tùy chọn, thiết lập thời gian tham chiếu mặc định chỉnh sửa của bạn [thời lượng hiển thị cho tham chiếu], sửa đổi chuyển tiếp / hình động và nền mặc định, bật thanh tiến trình [và chỉnh sửa vị trí và vị trí đã chỉnh sửa]
- Bố cục và hình ảnh. interface and image. chỉnh sửa bóng, lớp phủ, nền trượt chính, cho phép tạo bộ tải xuống, tắt trang trình bày trên điện thoại di động [hoặc dưới mức độ mở rộng cụ thể] và chọn vị trí trượt trên trang
♦ Nếu các bạn muốn tắt đi kiểu load thi vào Slider trong web thì làm như mình nhé. Các mục bạn chọn Bố cục & hình ảnh như hình. Sau đó chọn tab Spinner. Ở phần Choose Spinner you only to select the Off mode is being
- dẫn đường. hướng điều chỉnh. tùy chỉnh các tùy chọn và cài đặt cho tên mũi tên, tab và hình thu nhỏ. Cũng cho phép điều hướng cảm ứng, vuốt, điều hướng bàn phím và cuộn chuột
- Thị sai & 3D. cho phép hỗ trợ bài hát song và / hoặc 3D cộng với chỉnh sửa độ nhạy chuột và độ sâu vùng ngang
- Hiệu ứng cuộn. scrolling effect
- Xử lý sự cố. xử lý sự cố. bật tính năng phòng dự kiến và giải quyết bất kỳ lỗi trượt nào
- Phông chữ của Google. font chữ của Google. tải xuống các chữ tùy chỉnh của Google cho slide của bạn [thêm các chữ chữ nào bạn muốn hoặc cần thêm các lớp văn bản phù hợp với phần còn lại của trang web với các trang trình bày của bạn]
Bước 5. Bấm Save Settings để lưu lại. Sau đó các bạn quay lại phần Slider chính
Bước 6. At Slide first select mục Main / Background Image
Bước 7. Thêm lớp → Hình ảnh tải ảnh lên → Lưu trang trình bày
Bước 8. Thêm trang chiếu thứ 2 → Thêm trang chiếu trống và làm tương tự như trên. Các Slide khác cũng tương tự như vậy
Mặt ra các bạn có thểùy chỉnh thêm các tùy chọn khác trong mục Thêm lớp . Còn nếu bạn muốn các tùy chỉnh của mình như chữ, hình ảnh…xuất hiện trước, sau đó các bạn kéo xuống bên dưới khung Thanh trượt sẽ để các bạn chỉnh sửa về thời gian xuất hiện nhé. Các bạn lưu ý là lưu lại
Bước 9. Sau khi bạn đã tạo xong Slider giờ, bạn phải lấy nó ra bên ngoài để xuất hiện trên trang web. Vào Xem trang → Sửa trang
Bước 10. Bấm vào dấu “+” để Thêm phần tử
Bước 11. Chọn phần tử Thanh trượt cách mạng
Bước 12. Chọn tên Thanh trượt đã tạo lúc ngậm → Lưu thay đổi → Cập nhật
Bước 13. Xem kết quả
Như vậy là đã hoàn thành cách tạo Slider Revolution trong WordPress [theme the7], bài viết rất chi tiết phải không các bạn? . Hi vọng sau khi đọc xong bài viết này các bạn có thể tự tạo Slider cho mình. Và để đón xem bài viết tiếp theo thì các bạn xem thêm ở bên dưới nhé
Học viện MOA “Học được, làm được”
Xem thêm các bài viết hướng dẫn học thiết kế website bán hàng online chuyên nghiệp bằng WordPress
» Hướng dẫn cách tạo menu trong WordPress
» Khóa học Thiết kế website bằng wordpress
» Hướng dẫn cách đăng bài viết và sản phẩm trên WordPress
» Kiến thức WordPress đầy đủ nhất
Để hiểu rõ hơn và có thể tự tay thiết kế website bằng WordPress cho riêng mình thì các bạn hãy đến với khóa học thiết kế website bằng WordPress tại học viện MOA nhé