Hướng dẫn slider widget wordpress - tiện ích thanh trượt wordpress
|
Th3 13, 2019 Show
Hai G. 8ít nhất Đọc  Slider là một trong các yếu tố bạn thường thấy trên website. Dễ triển khai, đẹp mắt, và rất thu hút người xem chính là lý do vì sao rất nhiều chủ website sử dụng nó. Bạn chỉ cần có ảnh đẹp là được. Bạn còn có thể tạo hiệu ứng để chuyển đổi từ ảnh này sang ảnh khác. Sliders không phải là một chức năng WordPress cung cấp sẵn, vì vậy bạn cần cài plugin để thêm nó vào. Có 3 bước để tạo slider WordPress là:
Ngoài ra, cuối bài chúng tôi còn giới thiệu và plugin slider WordPress hàng đầu, để bạn có thêm nhiều lựa chọn khác nhau. Hãy bắt đầu thôi!
Khi nào bạn cần sử dụng Slider WordPress5 Slider WordPress Plugin tốt nhất Lời kết Sliders có các tính năng đơn giản, nhưng nếu bạn chọn hình ảnh đẹp, thì cũng tạo được ấn tượng Sliders (hay carousels) là một tính năng khá đơn giản. Slider là tập hợp một số hình ảnh có thể chuyển đổi, dịch chuyển một cách tự động hay thông qua một nút nhất. Nó giống như một bộ hình chiếu slideshow vậy. Bạn có thể làm nhiều thứ với slider WordPress. Bạn có thể thêm hiệu ứng chuyển đổi ảnh vui nhộn, chỉnh chữ hiện trên nó, tạo một nút đặc biệt, vâng vâng. Tóm lại, có nhiều cách thực hiện để cho slider không bị nhàm chán và khiến web page của bạn trông thú vị, độc đáo hơn. Làm thế nào để tạo Slider WordPress (trong 3 bước)5 Slider WordPress Plugin tốt nhất Lời kết Sliders có các tính năng đơn giản, nhưng nếu bạn chọn hình ảnh đẹp, thì cũng tạo được ấn tượngSliders (hay carousels) là một tính năng khá đơn giản. Slider là tập hợp một số hình ảnh có thể chuyển đổi, dịch chuyển một cách tự động hay thông qua một nút nhất. Nó giống như một bộ hình chiếu slideshow vậy.Master Slider trong dashboard. Tại đó, bạn có thể thấy danh sách các slider WordPress (mới cài thì nó sẽ trống như bây giờ). Hãy nhấn nút Create New Slider: Bạn có thể làm nhiều thứ với slider WordPress. Bạn có thể thêm hiệu ứng chuyển đổi ảnh vui nhộn, chỉnh chữ hiện trên nó, tạo một nút đặc biệt, vâng vâng. Tóm lại, có nhiều cách thực hiện để cho slider không bị nhàm chán và khiến web page của bạn trông thú vị, độc đáo hơn. Vậy khi nào nên sử dụng sliders? Nó còn tùy website và mục tiêu của bạn. Nhiều website sử dụng sliders dạng ‘hero’, trải dài trên cùng của trang chủ, đóng vai trò làm một header, như hình trên bạn thấy.CREATE. Ngoài hero sliders, bạn có thể tạo testimonial và đánh giá khách hàng, dạng như sau:SLIDES. Tại đây bạn có thể thêm tất cả ảnh bạn muốn vào slider bằng WordPress media upload hoặc chọn ảnh từ trong thư viện: Tóm lại, slider là một điểm nhấn hoàn hảo cho bất kỳ website nào. Nó thường thể hiện tốt nhất khi sử dụng cho các mục đích thực tế, như trình bày nhiều hình trong một không gian nhỏ thay vì chỉ dùng để trang trí. Chúng cũng có thể khiến cho website thân thiện với khách truy cập hơn, là một cách tốt để tăng tương tác người dùng.SLIDES sẽ trông như sau: Trong phần này, chúng tôi sẽ chỉ bạn cách tạo slider WordPress bằng Master Slider. Chúng tôi chọn plugin này vì nó dễ dùng, có nhiều tính năng thú vị, và giúp bạn tạo nhiều slider nếu muốn. Sau đó, chúng tôi sẽ đề cập đến các slider WordPress carousel plugin khác bạn nên dùng. Giờ, hãy tiếp tục và tiến hành cài đặt Master Slider thôi, sau đó bạn có thể bắt đầu làm theo hướng dẫn sau.Bước 1: Cài Slider WordPress và thêm ảnh bạn muốn sử dụng vào.Background trong tab SLIDES. Với mỗi Slide ảnh bạn sẽ cần cấu hình For each of your slides, you can configure a unique background using a chosen image, along with whatever colors and text you like: Sau khi bạn kích hoạt plugin Master Slider, bạn sẽ thấy tab gọi là Master Slider trong dashboard. Tại đó, bạn có thể thấy danh sách các slider WordPress (mới cài thì nó sẽ trống như bây giờ). Hãy nhấn nút Create New Slider:Preview, để bạn xem slider WordPress như thế nào: Plugin sẽ hỏi bạn loại slider nào bạn muốn cài. Bạn có tổng cộng 8 loại để chọn, trong đó có slider ngang có hoặc không có thumbnails:SLIDER CONTROLS. Tại đó, bạn có thể chọn cách điều khiển slider. Mặc định cấu hình chuyển ảnh là bằng nút mũi tên Arrows, như sau: Trong bài này, chúng tôi sẽ cài slider đơn giản nhất để bạn biết cả quá trình cài. Hãy chọn simple custom slider và nhấn vào nút CREATE.SLIDER SETTINGS để chỉnh thêm vài thông số khác nữa của Slider WordPress. Tiếp theo, plugin sẽ chuyển bạn tới tab SLIDES. Tại đây bạn có thể thêm tất cả ảnh bạn muốn vào slider bằng WordPress media upload hoặc chọn ảnh từ trong thư viện:Master Slider: Khi bạn đã thêm ảnh vào xong, tab SLIDES sẽ trông như sau:Normal và Fade. Chúng tôi khuyên bạn cứ dùng dạng Normal để WordPress slider của bạn đỡ phức tạp hơn: Cuối cùng, bạn có thể thử dùng skins trong mục Appearance. Đây là các mẫu slider, bạn có thể tùy chỉnh cách nó hiển thị.Appearance. Đây là các mẫu slider, bạn có thể tùy chỉnh cách nó hiển thị. Ở trên là skin mặc định, nhưng có nhiều lựa chọn khác thú vị hơn. Bạn còn có thể thêm custom CSS vào WordPress nếu bạn thích: Khi bạn đã hoàn tất tùy chỉnh phong cách của slider WordPress, nhấn nút Save Changes để tiếp tục sang bước 3.Save Changes để tiếp tục sang bước 3. Bước 3: Đặt slider vào vị trí chỉ địnhSlider WordPress giờ đã sẵn sàng, bạn chỉ còn việc đặt nó vào đúng vị trí. Quá trình này cũng đơn giản, vì Master Slider có tự tạo ra shortcode cho từng slider của bạn rồi. Để lấy shortcode của slider WordPress, chuyển tới tab Master Slider trong dashboard và copy phần code trong cột Shortcode:Master Slider trong dashboard và copy phần code trong cột Shortcode: Giờ hãy dán nó vào trang hay bài viết nơi bạn muốn đặt slider. Giống như ví dụ bên dưới: Nếu bạn làm y như vậy, nó sẽ trông như sau: Rất đẹp phải không, bạn có thể tạo nhiều slider theo ý mình bằng plugin Master Slider. Nếu muốn delete các slider không dùng nữa, bạn vào trong tab Master Slider, chọn nút delete ngay cạnh slider bạn muốn xóa:Master Slider, chọn nút delete ngay cạnh slider bạn muốn xóa: Giờ, bạn có thể tiếp tục và tạo ra các slider WordPress đẹp nhất cho site của bạn rồi đó! Trước khi kết thúc bài viết, bạn hãy tham khảo thêm các plugin tạo slider WordPress tốt nhất hiện nay nhé. 5 Slider WordPress Plugin tốt nhấtỞ trên chúng tôi đã giới thiệu plugin WordPress slider tốt nhất rồi. Nhưng chúng tôi chưa có cơ hội giải thích các tính năng của nó cho bạn xem. Chúng tôi sẽ làm vậy ngay phần sau và giúp bạn dễ dàng so sánh các lựa chọn hơn. 1. Master SliderChúng tôi sẽ nói những gì bạn chưa biết về Master Slider vì ở phần trên bạn đã biết một số thông tin rồi. Bên cạnh việc cài slider WordPress, plugin này còn hỗ trợ tính năng responsive. Nó hoạt động tốt với cảm ứng chạm. Và được xây dựng thân thiện với search engine. Tính năng chính:
Giá: You can either try out the free version of Master Slider or opt for the full premium version. You can either try out the free version of Master Slider or opt for the full premium version. 2. Smart Slider 3Smart Slider 3 cũng có nhiều tính năng như là Master Slider. Nó đặc biệt còn hỗ trợ editor kéo thả để bạn sử dụng xây dựng sliders riêng. Nếu bạn là người thích tùy chỉnh các yếu tố của web page bằng page builder hơn là danh sách các thông số thì plugin này phù hợp với bạn hơn. Ngoài ra, Smart Slider còn hỗ trợ responsive mặc định. Hơn nữa, nó có nhiều mẫu slider rất đẹp có thể giúp bạn tạo slider nhanh chóng. Tính năng chính:
Giá: You can either try out the free version of Master Slider or opt for the full premium version. Smart Slider 3 là bản miễn phí, nó cũng có gói trả phí cho nhiều tính năng hơn. 2. Smart Slider 3Smart Slider 3 cũng có nhiều tính năng như là Master Slider. Nó đặc biệt còn hỗ trợ editor kéo thả để bạn sử dụng xây dựng sliders riêng. Nếu bạn là người thích tùy chỉnh các yếu tố của web page bằng page builder hơn là danh sách các thông số thì plugin này phù hợp với bạn hơn. Ngoài ra, Smart Slider còn hỗ trợ responsive mặc định. Hơn nữa, nó có nhiều mẫu slider rất đẹp có thể giúp bạn tạo slider nhanh chóng. Tính năng chính:
Giá: You can either try out the free version of Master Slider or opt for the full premium version. MetaSlider cũng miễn phí trong Directory chính thức của WordPress, bạn cũng có thể mua giấy phép bản premium của nó với nhiều tính năng vượt trội hơn. 2. Smart Slider 3Smart Slider 3 cũng có nhiều tính năng như là Master Slider. Nó đặc biệt còn hỗ trợ editor kéo thả để bạn sử dụng xây dựng sliders riêng. Nếu bạn là người thích tùy chỉnh các yếu tố của web page bằng page builder hơn là danh sách các thông số thì plugin này phù hợp với bạn hơn. Ngoài ra, Smart Slider còn hỗ trợ responsive mặc định. Hơn nữa, nó có nhiều mẫu slider rất đẹp có thể giúp bạn tạo slider nhanh chóng. Tính năng chính:
Giá: Phiên bản miễn phí của Slider WD cũng rất tốt rồi, và dĩ nhiên, bạn có thể nâng cấp lên bản premium bất kỳ lúc nào. Phiên bản miễn phí của Slider WD cũng rất tốt rồi, và dĩ nhiên, bạn có thể nâng cấp lên bản premium bất kỳ lúc nào. 5. Slide AnythingSlide Anything plugin giúp bạn thiết lập slider với bất kỳ loại nội dung nào. Ngoài ảnh và chữ ra, nó còn cho phép bạn dùng code HTML và shortcode. Nên nếu biết kết hợp sẽ tạo ra một slider rất thú vị. Hơn nữa, plugin này còn có tính năng thú vị như cuộn bất tận (để slider tự lặp lại ảnh ban đầu), một bộ các hiệu ứng độc đáo, và còn nhiều tính năng khác nữa Tính năng chính:
Giá: Bạn có thể dùng Slide Anything Pro miễn phí, hay truy cập vào một vài tính năng hay khác (như popup) bằng phiên bản premium. Bạn có thể dùng Slide Anything Pro miễn phí, hay truy cập vào một vài tính năng hay khác (như popup) bằng phiên bản premium. Lời kếtSlider phổ biến cũng là có lý do cả. Chỉ cần chọn hình, thêm hiệu ứng, chèn chữ và các yếu tố khác là bạn đã có ngay một cách hiển thị thú vị, cuốn hút trên website. Với WordPress, bạn cũng có thể dễ dàng tạo slider với plugin bạn thích. Chúng tôi khuyên dùng Master Slider vì nhiều tính năng, nhưng dĩ nhiên, cũng có nhiều lựa chọn tuyệt vời khác. Bạn có bất kỳ câu hỏi nào về việc thiết lập WordPress slider không? Hãy để lại bình luận ngay bên dưới nhé! Hải G. là chuyên gia quản lý, vận hành các dịch vụ website. Anh có nhiều năm kinh nghiệm về VPS, Hosting, technical SEO, CMS. Đặc biệt yêu thích WordPress và đã dùng nó hơn 5 năm nay. Sở thích của anh là đọc, viết blog, đi du lịch và tư vấn cho các bạn trẻ khởi nghiệp. |
