Hướng Dẫn Chỉnh Sửa Trang Wordpress Bằng UX Builder Flatsome

Tóm tắt nội dung chính

Chỉnh sửa trang WordPress là công việc diễn ra thường xuyên với admin website, chủ doanh nghiệp và đội ngũ marketing. Nếu website sử dụng theme Flatsome, thì UX Builder là công cụ quan trọng giúp bạn chỉnh sửa giao diện trực quan, nhanh và không cần code.

Trong bài viết này, Đức Hiếu Web hướng dẫn bạn cách chỉnh sửa trang WordPress bằng UX Builder, kèm các thao tác cơ bản và nêu ra những lưu ý quan trọng để không lỗi giao diện – không mất chuẩn SEO.

Chuẩn bị trước khi chỉnh sửa trang WordPress bằng UX Builder

Trước khi bắt đầu chỉnh sửa, bạn cần đảm bảo:

Website đang sử dụng theme Flatsome (Đức Hiếu Web)
Bạn có quyền Admin hoặc Editor
Đã đăng nhập vào Admin WordPress
Nên backup website (nếu chỉnh sửa trang quan trọng như Trang chủ)

“Luôn sao lưu website trước khi chỉnh sửa giao diện để tránh mất dữ liệu khi thao tác nhầm.”

Dịch vụ thiết kế website Đức Hiếu Web

CÁCH 1: CHỈNH SỬA TRANG UX BUILDER TỪ ADMIN WORDPRESS

Bước 1: Vào Admin → Trang → Tất cả trang

Từ bảng quản trị WordPress:

Chọn Trang
Click Tất cả trang
Di chuột vào trang cần chỉnh sửa
Click Edit with UX Builder

Vào Admin WordPress → Trang → Tất cả trang → Edit with UX Builder để chỉnh sửa trang WordPress

Bước 2: Giao diện chỉnh sửa UX Builder

Sau khi vào UX Builder, bạn sẽ thấy:

Khu vực hiển thị nội dung (xem trực tiếp giao diện)
Thanh công cụ bên trái (Section, Row, Element)
Có thể kéo – thả, chỉnh sửa ngay trên trang

Giao diện chỉnh sửa UX Builder với các Section – Row – Element

CÁCH 2: CHỈNH SỬA UX BUILDER TỪ CHÍNH TRANG ĐÓ NGOÀI GIAO DIỆN WEBSITE

Bước 1: Mở trang cần chỉnh sửa ngoài website

Truy cập trang cần chỉnh sửa (Trang chủ, Dịch vụ, Giới thiệu…)
Đảm bảo bạn đang đăng nhập Admin

Bước 2: Click “Edit with UX Builder” trên thanh trên cùng

Trên thanh admin bar (phía trên website)
Click Edit with UX Builder
Hệ thống chuyển thẳng vào giao diện chỉnh sửa

Các thao tác chỉnh sửa cơ bản trong UX Builder

Các thao tác thường dùng trong UX Builder

Thêm / xoá Section
Kéo thả bố cục
Nhân bản (Duplicate) block
Ẩn / hiện block theo thiết bị

Các section, row, column được Đức Hiếu Web thiết kế sẵn không chuyên không đụng vào

Chỉnh text, heading

Click trực tiếp vào text
Chỉnh nội dung bên trái
Lưu ý:
- Mỗi trang chỉ có 1 H1 (Cái này là tiêu đề trang rồi, ví du: trang chủ, dịch vụ, báo giá) nên không có H1 trong chỉnh sửa UX Builder
- Các heading bên dưới dùng H2 → H3 → H4