Làm sao thay đổi banner, hình ảnh – text trên trang chủ

Bạn muốn thay đổi banner, hình ảnh, text trên trang chủ cho website nhưng không biết làm thế nào. Đừng lo, bài viết dưới đây tôi sẽ cung cấp bạn cách thay đổi một cách dễ dàng và hiệu quả. Hãy cùng xem nhé! 

Trong bài này , sử dụng nội dung tạị Muagiaodien

Thay đổi banner, hình ảnh, text, vào Edit with UX Builder
Thay đổi banner, hình ảnh, text, vào Edit with UX Builder

Bước 1: Đăng nhập website để thay đổi banner

Đăng nhập vào website với userpass được cấp.

Xem thêm: Làm sao để chỉnh sửa footer trong wordpress đơn giản?

Bước 2: Tiến hành chỉnh sửa

Vào Trang chủ -> Bấm vào Sửa trang -> Edit with UX Builder

Tại đây sẽ hiện ra một màn hình với phong cách kéo thả rất đơn giản, ngay cả đối với những bạn chưa biết code.

Giao diện kéo thả hiện ra
Giao diện kéo thả hiện ra

Cột bên trái là Những section tương ứng trên cả trang chủ. Khi bấm vào section nào thì màn hình bên phải sẽ hiển thị section tương ứng.

Để thay đổi banner, các bạn nhấp chuột trái vào hình ảnh cần chỉnh sửa.

Các phần text phía dưới cũng tương tự, để sửa phần nào, các bạn chỉ việc nhấp chuột trái vào phần đó, và sửa vào khung tương ứng bên tay trái

Thay đổi text
Thay đổi text

Icon hình ảnh cũng tương tự.

Xem ngay: [Cập Nhật] TOP 7 bộ Icon thiết kế web chuyên nghiệp, chọn lọc

Thay đổi icon
Thay đổi icon

Đối với block sản phẩm -> Block này mặc định sẽ hiển thị các sản phẩm mới nhất.Ở Mục Sản phẩm có 2 phần đáng chú ý là phần Style và phần Bài viết:

Phần Style
Phần Style

Xem thêm: Công ty thiết kế web Đà Nẵng

1. Phần Style

Có các tùy chọn : 

  • Normal: Hiển thị bình thường
  • Vertical: Hiển thị theo dạng ngang, hình ảnh 1 bên và tiêu đề 1 bên.
  • Overlay: Chữ nằm trong ảnh

2. Phần Type

Có các tùy chọn:

  • Slide: Hiển thị theo dạng Slide kéo trượt
  • Full Slide: Hiển thị 1 slide trên 1 hàng
  • Row: Hiển thị dạng nhiều sản phẩm
  • Grid: Hiển thị dạng lưới.

Xem thêm: Chạy quảng cáo Google Đà Nẵng hiệu quả

3. Column Spacing

Khoảng cách giữa các sản phẩm, bạn có thể điều chỉnh khoảng cách này theo ý thích

4. Columns

Phần này sẽ hiển thị số lượng sản phẩm trên 1 hàng. Bạn có thể tùy chọn thay đổi theo ý thích

5. Deepth

Mặc định là 0 , sẽ không có bo viền của sản phẩm. Từ 1 đến 5 là bo viền và độ đậm của viền sẽ tăng dần.

Các mục hình ảnh và text khác cũng có cách thay đổi tương tự:

mục hình ảnh và text khác
mục hình ảnh và text khác

Xem ngay: Làm sao thay đổi danh mục sản phẩm trên trang chủ ?

Cuối cùng , nhấp Apply và Update để lưu lại quá trình trình sửa.

Lưu lại chỉnh sửa
Lưu lại chỉnh sửa

Như vậy mình đã giới thiệu xong cách thay đổi banner, hình ảnh, text trên trang chủ. Chúc bạn thành công!