hướng dẫn sử dụng revolution slider wordpress

Trong các plugin WordPress hỗ trợ tạo slideshow trình chiếu ảnh trong Website WordPress thì Slider Revolution được ưa chuộng và sử dụng nhiều nhất.Sau đây WebThangLong chia sẻ link tải plugin revolution slider miễn phí hoàn toàn sạch từ theme WordPress bán hàng premium trên themeforest mình mua cho khách hàng trước đây và hướng dẫn sử dụng revolution slider trong website WordPress chi tiết kèm hình ảnh.

Ưu điểm plugin Slider Revolution

  • Hỗ trợ responsive hình ảnh trên mọi thiết bị màn hình điện thoại ,máy tính bảng.
  • Hỗ trợ chọn chiều ngang và cao hình ảnh cố định theo kích thước mà bạn mong muốn
  • Nhiều hiệu ứng đẹp với các layer có thể xắp xếp về chữ ,hình video trên cùng một đối tượng.
  • Hỗ trợ mạnh mẽ cho seo các công cụ tìm kiếm có thể đọc được text trên các đội tượng layer mà bạn thêm vào
  • Tạo slider vơi thao tác kéo thả đơn giản linh hoạt và chức năng preview.
Plugin Slider Revolution

Plugin Slider Revolution

Trước khi sử dụng plugin revolution slider bạn có thể xem demo và download plugin dưới đây

Link xem slider revolution demo

Link download slider revolution

Sau khi download plugin slider revolution bạn có thể vào phần Gói mở rộng ->cài mới ,rồi up file lên để cài đặt,hoặc dùng phần mềm fpt để up lên host trong thư mục wp-content,plugins.

Hướng dẫn sử dụng plugin plugin Revolution slider

Bước 1:Tạo slideshow revolution

Sau khi cài đặt plugin revolution slider xong,bạn sẽ thấy trong bảng quản trị website hiển thị menu Revolution như vậy,bạn click vào chữ Revolution Slider.

Bạn sẽ thấy mình hình cài đặt plugin revolution hiển thị ,bạn chọn New Slider để bắt đầu tạo slideshow trình chiếu ảnh:

Sau khi bạn click vào dấu “+” ,màn hình cài đặt plugin revolution slider hiện ra,có nhiều kiểu nội dung slider để bạn chọn lựa,ở đây mình sẽ hướng dẫn bạn tạo slider trực tiếp trên web.

Bạn di chuyển xuống phần Slider title và shortcode sau đó nhập tên cho slider title và shortcode,ở đây mình nhập giống nhau luôn cho dễ là home :

Bạn để ý khi nhập title và shortcode ,ở ô thứ 3 rev_slider alias với câu ghi chú “Place the shortcode where you want to show the slider” , Đây là đoạn shortcode bạn cần echo nếu dùng hàm php để hiện thị slideshow.

Bạn co thể chon kiểu hiển thị cho slider ở mục dưới, ở đây mình để mặc định là : “Standard Slider

Tiếp theo là mục khá quan trọng là Slide Layout,nếu như bạn không thay đổi size của hình,thì khi upload hình ảnh cho slideshow sẽ hiển thị toàn màn hình và vơi chiều cao mặc định của hình.Nếu như hình của bạn quá cao sẽ chiếm hết diện tích của màn hinh.Để thay đổi chiều cao phù hợp trên máy tính ,bạn chọn mục “Layer Grid size“:

thay đổi size plugin revolution slider

thay đổi size plugin revolution slider

ở đây mình thay đổi chiều cao hình là 480px ở phiên bản trên máy tính.Sau đó bạn chọn “Save setting”

Sau khi bạn chọn Save Settings,Revolutions sẽ chuyển bạn tới phần Add slide như sau:

Để up hình ảnh cho slide,bạn check vào phần “Main / Background Image” và click button Change Image.

Màn hình hiển thị “Select Slide Image” bạn có thể chọn hình từ thư viện,hoặc kéo hình từ máy tính lên,ở đây mình sẽ chọn .Tuy nhiên bạn có thể chọn hiển thị cho slide là video từ youtube,hoặc Vimeo.Để chọn video cho slideshow bạn di chuyển SourceYoutube Video rồi copy link video từ youtube vào phần text id:

Sau dó bạn chọn Save Slide như việc tạo Slide1.

 

Bạn có thể tự tạo các Slide tương tự như vậy.

Bước 2: Hiển thị Slideshow Revolution slide ra ngoài website

Đối với 1 số theme WordPress sử dụng Visual Composer ,sau đó bạn copy shortcode vào nơi muốn hiển thị slideshow.Bạn quay lại Menu Revolution ,copy shortcode :

Bước 3 Thiết lập plugin Revolution Slider

Để thay đổi thời gian chạy từ slide1 tới slide 2 ,bạn di chuyển qua tab General Setting

Để thay đổi thời gian bạn chọn : “Default Slider Duration”,và chọn lại thời gian cho nó,giả sử mình chọn là 3000.

Nếu bạn muốn hiển thị mũi tên slide thì chọn tab “Navigation

Chọn Enable Arrows là On như trên.Tương tự cho các bạn setting khác.

Nguồn: webthanglong.com

Kiến thức liên quan:

09 công cụ kiểm tra nội dung trùng lặp

HƯỚNG DẪN TẠO MỤC LỤC TỰ ĐỘNG TRONG BÀI VIẾT WORDPRESS

Hướng dẫn cài đặt plugin chat trực tuyến miễn phí trong WordPress

hướng dẫn sử dụng revolution slider wordpress
5 (100%) 4 votes

VỀ CHÚNG TÔI

WEBTHANGLONG là công ty về dịch vụ thiết kế website chuyên nghiệp chuẩn seo trên nền tảng WordPress,Laravel kết hợp với các ngôn ngữ HTLM5, CS3, PHP, Bootstrap,...Ngoài ra tại WebThangLong chúng tôi còn mang tới các giải pháp dịch vụ về Internet Marketing...

Báo giá Website

Liên hệ với WEBTHANGLONG để nhận báo giá cho dự án website của bạn với mức giá tốt nhật..