Tạo Gallery ảnh

Gallery (bộ sưu tập ảnh) giúp hiển thị nhiều ảnh một cách đẹp mắt và tiết kiệm không gian.

Gallery kiểu lưới

  • Phóng sự ảnh nhiều ảnh
  • Ảnh sự kiện, lễ hội
  • So sánh trước/sau
  • Các góc chụp khác nhau của cùng một chủ đề
  • Infographic nhiều phần

Cách 1: Từ menu block

  1. Nhấp nút + mở menu block
  2. Chọn Gallery
  3. Chọn nhiều ảnh để upload (giữ Ctrl để chọn nhiều file)
  4. Nhấn Mở để upload tất cả

Cách 2: Gõ lệnh

  1. Gõ /gallery ở dòng trống
  2. Nhấn Enter
  3. Chọn ảnh để upload

Cách 3: Gộp nhiều ảnh có sẵn

Nếu bạn đã chèn nhiều ảnh riêng lẻ:

  1. Chọn các block ảnh liên tiếp (giữ Shift + Click)
  2. Nhấp chuột phải → Gộp thành Gallery
  3. Hoặc mở menu ⋯ → Gộp thành Gallery
  1. Nhấp vào Gallery
  2. Nhấn nút + Thêm ảnh
  3. Chọn ảnh mới để upload
  1. Trong chế độ chỉnh sửa Gallery
  2. Hover vào ảnh cần xóa
  3. Nhấp icon X góc trên phải
  4. Xác nhận xóa

Sắp xếp lại thứ tự ảnh

  1. Nhấp vào Gallery để mở chế độ chỉnh sửa
  2. Kéo thả ảnh để thay đổi vị trí
  3. Nhấn Lưu khi hoàn tất

Chỉnh sửa thông tin từng ảnh

  1. Nhấp vào ảnh trong Gallery
  2. Nhập/sửa Caption (chú thích)
  3. Chỉnh sửa Alt text nếu cần

Grid (Lưới)

Gallery kiểu lưới

  • Ảnh xếp theo dạng lưới đều nhau
  • Phù hợp khi các ảnh có cùng tỷ lệ
  • Số cột có thể tùy chỉnh (2-4 cột)

Masonry (Gạch xếp)

Gallery kiểu masonry

  • Ảnh xếp theo dạng Pinterest
  • Giữ nguyên tỷ lệ gốc của ảnh
  • Tự động điền khoảng trống

Slider (Trượt)

Gallery kiểu slider

  • Hiển thị 1 ảnh, có nút prev/next
  • Tiết kiệm không gian
  • Phù hợp cho ảnh cùng kích thước

Lightbox xem ảnh lớn

  • Click vào ảnh sẽ mở full screen
  • Có thể xem qua lại giữa các ảnh
  • Hỗ trợ zoom

Thay đổi kiểu hiển thị

  1. Nhấp vào Gallery
  2. Mở menu ⋯ → Thiết kế Gallery
  3. Chọn kiểu hiển thị
  4. Tùy chỉnh các thông số:
    • Số cột
    • Khoảng cách giữa ảnh
    • Bo góc ảnh

Tương tự như ảnh đơn:

  • Căn giữa: Gallery chiếm vùng nội dung
  • Full width: Gallery tràn ra 2 bên
  • Căn trái/phải: Gallery nhỏ với text bao quanh

Chú thích chung

  1. Nhấp vào vùng chú thích bên dưới Gallery
  2. Nhập nội dung (ví dụ: "Một số hình ảnh tại sự kiện XYZ")

Chú thích từng ảnh

  1. Mở chế độ chỉnh sửa Gallery
  2. Nhấp vào từng ảnh
  3. Nhập chú thích riêng

Nếu muốn chuyển Gallery về các ảnh riêng lẻ:

  1. Nhấp vào Gallery
  2. Mở menu ⋯
  3. Chọn Tách thành ảnh riêng
  4. Mỗi ảnh sẽ trở thành 1 block riêng biệt

Số lượng ảnh lý tưởng

  • Gallery hiệu quả nhất với 3-10 ảnh
  • Quá nhiều ảnh sẽ khiến trang nặng
  • Cân nhắc chia thành nhiều Gallery nếu có >15 ảnh

Ảnh đồng nhất

  • Nên chọn ảnh có tông màu tương đồng
  • Ảnh cùng tỷ lệ sẽ đẹp hơn với kiểu Grid
  • Đặt ảnh đẹp nhất lên đầu

Hiệu suất

  • Gallery nhiều ảnh lớn có thể làm chậm trang
  • Hệ thống sẽ tự tối ưu nhưng nên hạn chế ảnh >5MB

Tiếp theo: Chèn video