0944 956 636
0944 956 636

Hướng dẫn Thay ảnh Slider

Trong bài viết này, IT24 sẽ hướng dẫn các bạn cách thay hình ảnh cho Slider sau khi đã nhận bàn giao website từ IT24.

I. Slider là gì?

Trong thuật ngữ thiết kế website, slider là một slideshow được thêm vào một trang web. Bạn có thể dễ dàng nhìn thấy các slider trên trang chủ của 1 website hiện đại.

Slider thường được dùng để minh họa về dịch vụ mà website cung cấp hay hình ảnh hoạt động của công ty, doanh nghiệp…

Hướng dẫn thay ảnh Slider WordPress
Hình 1 – Slider trong website hiện nay

II. Cách thay ảnh Slider

IT24 đã tạo chức năng thay thế ảnh Slider rất dễ dàng cho bạn, cách thao tác hoàn toàn giống với khi bạn đăng tải bài viết mới.

Tạo Slide mới
Hình 2 – Tạo Slide mới

Các vị trí mô tả trong hình trên:

  1. Slide ảnh: Đây là vị trí để bạn duyệt Slides, chỉnh sửa – xóa – thêm Slide cho website của mình.
  2. Tất cả Ảnh: Duyệt toàn bộ Slides hiện có.
  3. Thêm Ảnh mới: Tạo mới 1 Slide bổ sung vào danh sách các Slide hiện tại.
  4. Các slides đã có: Đây là các Slide IT24 đã chuẩn bị cho bạn khi thiết kế website ban đầu, bạn có thể chỉnh sửa hoặc xóa để dùng các Slide khác đẹp hơn.

II.1. Đăng tải ảnh làm Slide

Sau khi nhấn Thêm Ảnh Mới, giao diện đăng tải ảnh sẽ xuất hiện như hình dưới

Chọn ảnh làm Slide
Hình 3 – Chọn ảnh làm Slide

Các điểm bạn cần lưu ý trong giao diện chọn ảnh này:

  1. Tiêu đề ảnh: Bạn cần đặt tên cho ảnh ở đây. Khi đặt tên bạn cần lưu ý, thứ tự các Slide sẽ hiển thị theo số thứ tự trong tên, ví dụ Slide 1 > Slide 2 > Slide 3. Do đó, bạn cần lưu ý đặt tên chính xác cho Slide của mình.
  2. Add Image = Thêm ảnh để làm Slide.
  3. Một số lưu ý khi chọn ảnh: Để có một bức ảnh đẹp làm slide và không làm website trở nên chậm do ảnh nặng, có 1 số lưu ý bạn cần tuân thủ:
    • Kích thước ảnh tối đa chiều dài ≤ 1400px  và chiều rộng (cao) ≤ 800px. Slide chuẩn do IT24 thiết kế có kích thước 1200px × 400px do đó việc hình ảnh rộng và cao hơn là không cần thiết và làm nặng website.
    • Kích thước ảnh tối thiểu chiều dài phải ≥ 900px, chiều rộng (cao) phải ≥ 200px. Một bức ảnh có chiều rộng, cao nhỏ hơn các giá trị trên khi làm Slide sẽ rất xấu do không đủ độ phân giải cần thiết cho 1 bức ảnh đẹp.
    • Dung lượng ảnh tối đa ≤ 300KB. Đây là yêu cầu để đảm bảo Slider của bạn đủ nhẹ, website tải nhanh.
    • Số lượng ảnh ≤ 5 ảnh. Để đảm bảo 1 Slider cân đối và website tải nhanh bạn cần giữ số Slide ảnh trong giới hạn 5 ảnh.
  4. Đăng: Đăng tải ảnh để bổ sung vào Slider của website

Sau khi Add Image, giao diện chọn ảnh sẽ xuất hiện, các bạn tiến hành chọn ảnh hoặc tải ảnh mới lên (ảnh mới cần thỏa mãn các yêu cầu về ảnh ở trên, nếu chưa đạt bạn cần chỉnh lại mới sử đụng được)

Chọn ảnh làm Slide
Hình 4 -Chọn ảnh làm Slide

Ở đây các bạn có thể thấy ảnh được chọn các điều kiện đều thỏa mãn (dung lượng 196KB < 300KB, chiều dài 1200px thỏa mãn <1400px và >900px, chiều rộng 790px thỏa mãn <800px và >200px).

  1. Tải tập tin lên: Bạn sử dụng nếu dùng ảnh mới làm Slide thay vì ảnh đã có trong thư viện của website.
  2. Thư viện: Chọn ảnh trong Thư viện hiện tại.
  3. Thông số ảnh: Một số thông số ảnh hiện tại, sẽ có lỗi xuất hiện nếu ảnh bản tải không thỏa mãn các điều kiện ở trên.
  4. Văn bản thay thế: Một điểm lưu ý mình xin nhắc lại đó là mục Văn bản thay thế này các bạn luôn cần phải điền một mô tả cho bức ảnh, điều này sẽ giúp Google đánh chỉ mục website bạn tốt hơn, người dùng tìm kiếm web bạn dễ dàng hơn, thứ hạng website cao hơn trên Google.
  5. Select: Chọn ảnh này

II.2. Cắt ảnh theo tỉ lệ thiết lập

Khi thiết kế website ban đầu, IT24 đã thiết lập tỉ lệ chuẩn cho Slider là 1200px × 400px, do đó khi bạn chọn Select, bộ công cụ cắt ảnh sau sẽ xuất hiện

Cắt ảnh làm Slide
Hình 5 – Cắt ảnh làm Slide

Mình giải thích các điểm lưu ý trong hình trên:

  1. Di chuyển khung cắt: Bạn có thể chỉnh lên, xuống…để có khung cắt ảnh phù hợp.
  2. Kéo khung cắt: Kéo thu nhỏ – phóng to khung cắt ảnh, thường khung cắt sẽ được kéo rộng bằng ảnh và chỉ di chuyển khung lên xuống cho phù hợp.
  3. Reset Crop: Hủy bỏ các thao tác làm lại.
  4. Crop: Tiến hành cắt ảnh

Sau khi cắt thành công, bạn sẽ có một bức ảnh xem trước nhỏ, nhấn Đăng để đăng tải Slide và quay lại trang chủ xem thành quả của mình.

Bài đọc thêm:

IT24.VN

Leave a Reply

Đóng Menu