Hướng dẫn sử dụng Widget – Galleries

08/09/2025
132 lượt xem
5/5 - (1 đánh giá)
Chia sẻ qua

Chào Quý khách,

Bài viết này sẽ hướng dẫn Quý khách từng bước một cách chi tiết nhất để có thể tự tay thêm một bộ sưu tập ảnh thật đẹp vào trang web của mình. Đừng lo lắng nếu mình không rành về công nghệ, chúng tôi đã biên soạn hướng dẫn này sao cho đơn giản và dễ hiểu nhất.

Chỉ cần làm theo thứ tự các bước dưới đây là Quý khách sẽ thành công!

Phần 1: Mở trang cần chỉnh sửa

Trước tiên, chúng ta cần truy cập vào đúng trang mà mình muốn thêm thư viện ảnh vào.

Bước 1: Đăng nhập vào trang quản trị website

  • Quý khách truy cập vào đường link đăng nhập (thường có dạng tenmiencuaban.com/wp-admin).
  • Nhập Tên người dùngMật khẩu đã được cung cấp, sau đó nhấn nút Đăng nhập.

Bước 2: Tìm và chọn trang muốn sửa

  • Sau khi đăng nhập thành công, Quý khách sẽ thấy một thanh menu màu đen ở bên trái màn hình.
  • Hãy tìm và bấm vào mục “Trang” (biểu tượng giống tờ giấy).
  • Một danh sách các trang hiện có trên website sẽ hiện ra (ví dụ: Trang chủ, Giới thiệu, Liên hệ, Dự án…).
  • Di chuột đến tên trang mà Quý khách muốn thêm thư viện ảnh, một vài lựa chọn sẽ hiện ra bên dưới. Hãy bấm vào “Edit with UX Builder”.

Image8

Phần 2: Thêm khối “Thư Viện Ảnh” (Gallery)

Bây giờ, chúng ta đang ở trong giao diện chỉnh sửa trực quan của UX Builder. Màn hình sẽ được chia làm hai phần: bên trái là các công cụ, bên phải là giao diện website của Quý khách.

Bước 3: Mở bảng công cụ “Add Elements”

  • Ở cột công cụ bên trái, hãy tìm và nhấn vào nút “[+] Add Elements”. Nút này thường nằm ở trên cùng hoặc khi bạn di chuột vào các khoảng trống trên trang.

Bước 4: Tìm và chọn “Gallery”

  • Một bảng lớn chứa rất nhiều khối chức năng sẽ hiện ra. Để cho nhanh, Quý khách hãy gõ chữ “Gallery” vào ô tìm kiếm ở trên cùng.
  • Khối “Gallery” (Thư viện ảnh) sẽ hiện ra. Hãy bấm vào nó.

Image1

Phần 3: Thêm ảnh vào thư viện

Sau khi chọn “Gallery”, một cửa sổ mới sẽ hiện ra để Quý khách chọn ảnh.

Image2

Bước 5: Chọn ảnh để đưa vào thư viện

Quý khách có 2 lựa chọn:

  • Lựa chọn A: Dùng ảnh đã có sẵn trên web
    • Tại tab “Thư viện”, Quý khách chỉ cần bấm chuột vào những tấm ảnh mình muốn chọn.
    • Mỗi tấm ảnh được chọn sẽ có một dấu tick màu xanh ở góc.Image4
  • Lựa chọn B: Tải ảnh mới từ máy tính
    • Bấm vào tab “Tải file lên” ở góc trên bên trái.
    • Bấm vào nút “Chọn tập tin”.
    • Một cửa sổ sẽ hiện ra để Quý khách tìm đến thư mục chứa ảnh trong máy tính của mình. Chọn những ảnh muốn tải lên và nhấn “Open”.
    • Đợi một lát để ảnh được tải lên. Sau khi tải xong, các ảnh này sẽ tự động được đánh dấu tick.Image7

Sau khi đã chọn xong tất cả các ảnh mình muốn, hãy nhấn vào nút “Add to gallery” (hoặc “Chọn”) màu xanh ở góc dưới bên phải.

Bước 6: Sắp xếp lại thứ tự ảnh (nếu cần)

  • Sau bước trên, Quý khách sẽ thấy các ảnh mình vừa chọn xuất hiện dưới dạng hình thu nhỏ.
  • Để thay đổi thứ tự, Quý khách chỉ cần nhấn giữ chuột vào một ảnh và kéo nó đến vị trí mới.
  • Để xóa một ảnh, hãy di chuột vào ảnh đó và nhấn vào dấu “X” nhỏ ở góc.
  • Khi đã hài lòng với thứ tự, hãy nhấn nút “Update gallery” (Cập nhật thư viện) màu xanh ở góc dưới.

Image3

Phần 4: Tùy chỉnh cách hiển thị của thư viện ảnh

Bây giờ, thư viện ảnh đã xuất hiện trên trang của Quý khách rồi! Cột công cụ bên trái chính là nơi để chúng ta “trang điểm” cho nó.

Bước 7: Tùy chỉnh các lựa chọn quan trọng

Quý khách chỉ cần quan tâm đến vài mục chính sau đây ở cột bên trái:

  • Style (Kiểu hiển thị): Đây là mục quan trọng nhất.
    • Row: Ảnh xếp thành một hàng ngang, có thể có mũi tên để lướt qua lại.
    • Slider: Ảnh tự động chạy như một trình chiếu.
    • Grid: Ảnh xếp thành dạng lưới có nhiều hàng, nhiều cột (đây là kiểu phổ biến nhất).
    • Masonry / Collage: Ảnh xếp tự do, cao thấp khác nhau trông rất nghệ thuật.
  • Columns (Số cột): Nếu Quý khách chọn kiểu Grid, mục này cho phép chọn số ảnh trên một hàng. Ví dụ, chọn 3 thì sẽ có 3 cột ảnh.
  • Image Size (Kích thước ảnh): Quý khách nên để mặc định là Medium hoặc Large để ảnh không quá nặng, giúp web tải nhanh hơn.
  • On Click (Khi bấm vào ảnh):
    • Open lightbox image: Lựa chọn tốt nhất. Khi khách truy cập bấm vào ảnh, ảnh sẽ được phóng to ra giữa màn hình để xem cho rõ.
    • Do nothing: Bấm vào ảnh không có tác dụng gì.

Image6

Hãy thử thay đổi các lựa chọn này và xem kết quả thay đổi trực tiếp ở màn hình bên phải để chọn được kiểu mình ưng ý nhất.

Sau khi chỉnh xong, nhấn nút “Apply” ở dưới cùng cột bên trái.

Image12

Phần 5: Lưu lại tất cả thay đổi

Đây là bước cuối cùng và quan trọng nhất để mọi công sức của chúng ta được ghi nhận.

Bước 8: Lưu và hoàn tất

  • Ở góc trên cùng bên phải của màn hình, Quý khách sẽ thấy một nút “Update” màu xanh dương.
  • Hãy nhấn vào nút “Update” này. Đợi một lát cho đến khi nút chuyển thành màu xám và có dấu tick.

Image5

XIN CHÚC MỪNG! Quý khách đã thêm và chỉnh sửa thành công thư viện ảnh của mình.

Để xem lại thành quả cuối cùng, Quý khách có thể mở một tab trình duyệt mới và truy cập vào trang web như một người khách bình thường.

Mẹo nhỏ:

  • Nên chuẩn bị sẵn các bức ảnh đẹp, rõ nét và có kích thước tương đối đồng đều để thư viện ảnh trông chuyên nghiệp hơn.
  • Đừng tải lên những ảnh có dung lượng quá lớn (vài MB), vì sẽ làm trang web chạy rất chậm.
5/5 - (1 đánh giá)
Bài viết liên quan

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đang tải...