Cách để thêm thanh trượt hình ảnh trên website WordPress

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Cách để thêm thanh trượt hình ảnh trên website WordPress – Bạn có muốn thêm thanh trượt hình ảnh vào website WordPress? Thanh trượt thường được dùng ở trang nhất website khiến nổi bật nội dung, tin tức quan trọng, hình ảnh mát mẻ, thông báo, v.v. Chúng không chỉ cung cấp tiếp xúc với nội dung web, tăng chuyển đổi nhấp mà còn khiến website bạn hấp dẫn trực quan. Hơn nữa, thanh trượt hình ảnh với hình ảnh, hiệu ứng hấp dẫn có xu hướng giữ khách truy cập ở thời gian dài hơn, giảm tỷ lệ thoát website.

Slider, thành phần quan trọng cho website được tích hợp sẵn/ gồm hầu hết mẫu WordPress cao cấp. Tuy nhiên, nếu giao diện đang sử dụng ở website không có tùy chọn thanh trượt sẵn có hay có tính năng hạn chế nên sử dụng plugin WordPress slider có sẵn.

Nói về plugin WordPress slider, tìm thấy hàng trăm tính năng, chức năng khác nhau. Tuy nhiên, tất cả thanh trượt khả năng không tốt ảnh hưởng đến tốc độ website nếu chúng không được tối ưu hóa tốt. Ngoài ra, đã nghe từ người dùng hầu hết plugin trượt rất phức tạp để sử dụng.

Vì vậy, hãy ghi nhớ điều này, tôi đã thử nghiệm plugin thanh trượt WordPress giàu tính năng – WP1 Slider, rồi chỉ bạn cách thêm thanh trượt hình ảnh thông qua nó.

Tạo slide hình ảnh bằng cách sử dụng WP 1 Slider

Bước 1: Cài đặt và kích hoạt

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Tải xuống WP 1 Slider từ WordPress.org miễn phí. Tiếp đó, cài đặt nó ở website WordPress.

Khi đã hoàn thành cài đặt plugin, kích hoạt nó.

Bước 2: Thêm thanh trượt mới

Khi đã hoàn tất cài đặt plugin, bạn sẽ thấy được WP 1 Slider, ở menu bên trái khu vực quản trị website. Ấn nó để tiếp tục.

Bạn truy cập trang danh sách Slider All WP 1 Slider có chứa danh sách toàn bộ thanh trượt bạn đã tạo từ plugin. Bạn chỉnh sửa/xóa bất kỳ chúng theo yêu cầu. Ngoài ra, sử dụng mã ngắn để thêm thanh trượt sẵn ở bất kỳ trang, bài đăng hay loại bài đăng tùy chỉnh website WordPress.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Để thêm thanh trượt mới, Ấn nút Add New sẵn ở đầu trang.

Bước 3: Thêm slide hình ảnh

Bạn sẽ được chuyển đến trang “Add New WP 1 Slider”. Nó chứa mọi cài đặt để tạo, tùy chỉnh, định cấu hình thanh trượt cho website WordPress.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Trước khi đi qua cài đặt, đặt tên thích hợp cho thanh trượt mới.

Tiếp đó, Ấn  “Add Image Slide”.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Bạn thêm hình ảnh không giới hạn ở thanh trượt. Vì vậy, chọn bất kỳ số lượng thanh trượt hình ảnh theo yêu cầu.

Mỗi slide hình ảnh sẽ đồng ý bạn thêm tiêu đề, mô tả. Ngoài ra, bạn hiển thị nút ở thanh trượt hay thêm nút văn bản cùng URL tùy chỉnh để hướng đối tượng từ nút trượt.

Xem thêm: Plugin bảo trì wordpress

Bước 4: Phần cài đặt

Khi bạn đã thêm số lượng slide hình ảnh cần thiết cho thanh trượt, đi xuống bên dưới tại “General Settings”. Nó chứa 4 phần cài đặt khác nhau để tùy chỉnh, cấu hình thanh trượt hình ảnh. Phần cài đặt gồm:

i) Cài đặt thanh trượt:

Ở đây, bạn bật/tắt bóng hộp trượt.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Nếu bạn đã chọn bật box shadow, chọn bất kỳ loại box shadow nào. Xem bản xem trước.

ii) Cài đặt chú thích:

Từ đây, bạn thêm chú thích cho thanh trượt hình ảnh. Chọn bất kỳ loại nào thuộc 4 loại phụ đề có sẵn để hiển thị chú thích theo cách phù hợp nhất.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Tiếp đó, đặt kích thước phông chữ, màu tùy chỉnh cho tiêu đề, mô tả. Ngoài ra, chọn vị trí thuận lợi nhất để hiển thị chú thích.

iii) Cài đặt máy nhắn tin:

Mục này, bạn chọn bất kỳ loại nào thuộc 3 loại máy nhắn tin cho thanh trượt, ví dụ như dấu chấm, hình thu nhỏ, phân trang.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Nếu chọn chấm trang tiếp đó, chọn bất kỳ 4 loại bố cục dấu chấm nào rồi tùy chỉnh màu nền, màu hoạt động.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Đối với hình thu nhỏ, có 10 bố cục được thiết kế sẵn. Ngoài ra, bạn đặt số lượng, chiều rộng, chiều cao cho hình thu nhỏ.

iv) Cài đặt mũi tên điều hướng:

Giai đoạn này, bạn chọn bất kỳ thuộc 7 mũi tên điều hướng có sẵn cho thanh trượt.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Bước 5: Tùy chọn thanh trượt

Khi đã tùy chỉnh cài đặt chung thanh trượt, chuyển đến phần tùy chọn thanh trượt.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Phần cài đặt này đồng ý bạn đặt chiều rộng, tốc độ, tạm dừng, tự động phát, chuyển tiếp, điều khiển, phản hồi thanh trượt.

Bước 6: Làm cho Slider hình ảnh của bạn hoạt động

Tiếp đó, nhấp Xuất bản khiến thanh trượt trực tiếp tại website bạn.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Bước 7: Thêm thanh trượt thông qua sử dụng Shortcode

Cuối cùng, copy mã ngắn được tạo từ WP1S Usage để thêm thanh trượt hình ảnh bất cứ đâu bạn muốn ở website.

cach-de-them-thanh-truot-hinh-anh-tren-website-wordpress

Kết thúc

Thông qua đây, bạn phản hồi thêm thanh trượt hình ảnh lên website WordPress với vài phút Thiết kế Web. Thanh trượt có chứa hình ảnh mát mẻ cung cấp sự thúc đẩy lớn về tỷ lệ tương tác website. Vì vậy, nếu muốn tạo, thêm thanh trượt hình ảnh, mua plugin được đề cập rồi làm theo hướng dẫn.

Viết một bình luận

0 Shares
Share
Tweet
Pin