Puta.edu.vn

  • Trang chủ
  • Web
    • WordPress
    • Magento
    • Joomla
    • Drupal
    • Opencart
    • PrestaShop
    • Blogspot
    • Hosting
  • Đồ họa
    • Software
    • Font
    • PSD
    • Icon
    • Logo
    • Patterns
    • Vector
    • Photo
    • Video
  • Marketing Online
  • Thủ thuật
  • Tài nguyên
  • Cảm hứng
    • Ý tưởng kinh doanh
    • Câu chuyện thành công

Puta.edu.vn

  • Trang chủ
  • Web
    • WordPress
    • Magento
    • Joomla
    • Drupal
    • Opencart
    • PrestaShop
    • Blogspot
    • Hosting
  • Đồ họa
    • Software
    • Font
    • PSD
    • Icon
    • Logo
    • Patterns
    • Vector
    • Photo
    • Video
  • Marketing Online
  • Thủ thuật
  • Tài nguyên
  • Cảm hứng
    • Ý tưởng kinh doanh
    • Câu chuyện thành công
Web, Wordpress,

Làm thế nào để tạo Slider WordPress (trong 3 bước)

by ThinhMarch 26, 2020no comment
0
Shares
Share on FacebookShare on Twitter
, Làm thế nào để tạo Slider WordPress (trong 3 bước)

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.

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:

, Làm thế nào để tạo Slider WordPress (trong 3 bước)

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:

, Làm thế nào để tạo Slider WordPress (trong 3 bước)

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.

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:

, Làm thế nào để tạo Slider WordPress (trong 3 bước)

Khi bạn đã thêm ảnh vào xong, tab SLIDES sẽ trông như sau, Làm thế nào để tạo Slider WordPress (trong 3 bước)

Giờ bạn đã có đủ hình. Đừng đóng tab này vội mà hãy chuyển sang bước 2.

Bước 2: Cấu hình Slider WordPress

Giờ bạn có thể cấu hình cách hoạt động của slider WordPress. Để làm vậy, chuyển xuống mục 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:

Ngay bây giờ, bạn đã có thể tạo một slider WordPress đơn giản bằng các hình của bạn upload lên. Khi cuộn xuống bạn sẽ thấy từng ảnh hiện lên slider. Có cả nút Preview, để bạn xem slider WordPress như thế nào:

Khi hoàn tất, bạn hãy chuyển qua tab 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:

Tất nhiên, bạn chọn loại điều khiển slider nào cũng được. Sau đó bạn chuyển tới tab SLIDER SETTINGS để chỉnh thêm vài thông số khác nữa của Slider WordPress.

Bạn sẽ thấy tùy chỉnh về chiều rộng và cao. Đặt tên cho nó để nó hiện lên trong Master Slider:

kích thước ảnh

Nếu bạn cuộn xuống một tí, bạn sẽ có thể thêm hiệu ứng chuyển ảnh. Lưu ý là bản miễn phí của Master Slider chỉ có 2 hiệu ứng là: 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ị.

Ở 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.
Bước 3: Đặt slider vào vị trí chỉ định

Slider 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:

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:

ví dụ chèn shortcode slide

Nếu bạn làm y như vậy, nó sẽ trông như sau:

slider mới của WordPress

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:

xóa bớt slide

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é.

Cài Slider WordPressplugin Master Sliderslider WordPress carousel plugin
Previous

Hướng dẫn quản lý Slider trong website WordPress

March 26, 2020
Next

Làm thế nào để khôi phục Site WordPress chỉ từ Database backup

March 27, 2020

Leave a Reply Cancel reply

Related posts

, Làm thế nào để tạo Slider WordPress (trong 3 bước)
Photo, Wordpress,

Làm Thế Nào Chỉnh Sửa Hình Ảnh Trong WordPress

by ThinhMarch 31, 2020no comment
, Làm thế nào để tạo Slider WordPress (trong 3 bước)
Wordpress,

Làm thế nạo tạo Form 3 cột bằng Plugin Contact Form 7 đẹp mắt

by ThinhMarch 27, 2020no comment
, Làm thế nào để tạo Slider WordPress (trong 3 bước)
Wordpress,

Header là gì? Những điều cần biết về Header trong HTML, Photoshop, Word

by ThinhMarch 27, 2020no comment
, Làm thế nào để tạo Slider WordPress (trong 3 bước)
Icon, Wordpress,

Chèn nút chia sẻ mạng xã hội cho WordPress bằng Plugin

by ThinhMarch 27, 2020no comment

Tìm kiếm

Bài viết mới nhất

  • , Làm thế nào để tạo Slider WordPress (trong 3 bước)

    Làm Thế Nào Chỉnh Sửa Hình Ảnh Trong WordPress

    March 31, 2020
  • , Làm thế nào để tạo Slider WordPress (trong 3 bước)

    Mẹo và thủ thuật cực hay trong WordPress

    March 30, 2020
  • , Làm thế nào để tạo Slider WordPress (trong 3 bước)

    Làm thế nạo tạo Form 3 cột bằng Plugin Contact Form 7 đẹp mắt

    March 27, 2020
  • , Làm thế nào để tạo Slider WordPress (trong 3 bước)

    Mạng quảng cáo thay thế Google Adsense tốt nhất

    March 27, 2020
  • , Làm thế nào để tạo Slider WordPress (trong 3 bước)

    SEO và những điều bạn chưa biết

    March 27, 2020

Bình luận mới nhất

  • admin on [Tải miễn phí] Photoshop 2020 không cần Crack sử dụng ngay
  • admin on [Tải miễn phí] Photoshop 2020 không cần Crack sử dụng ngay
  • nguyet on [Tải miễn phí] Photoshop 2020 không cần Crack sử dụng ngay
  • Hiếu on [Tải miễn phí] Photoshop 2020 không cần Crack sử dụng ngay
  • lam on [Tải miễn phí] Photoshop 2020 không cần Crack sử dụng ngay

Danh mục bài viết

  • Đồ họa (7)
  • Hosting (1)
  • Icon (2)
  • Marketing Online (2)
  • Photo (1)
  • Software (3)
  • Thủ thuật (3)
  • Vector (3)
  • Video (1)
  • Web (10)
  • Wordpress (15)
  • Trang chủ
  • Web
  • Đồ họa
  • Video
  • Marketing Online
  • Thủ thuật
  • Tài nguyên
  • Cảm hứng

© 2014 Puta.edu.vn. All rights reserved.