Xin chào Anh/Chị,
Chúng tôi hiểu rằng việc chỉnh sửa một trang web có thể nghe hơi “kỹ thuật” và phức tạp. Nhưng đừng lo lắng! Với công cụ UX Builder, mọi thứ sẽ trở nên trực quan và đơn giản như việc Quý khách đang sắp xếp đồ vật trong một căn phòng vậy.
Bài hướng dẫn này sẽ chỉ cho Quý khách từng bước một, thật chậm và chi tiết. Hãy cùng bắt đầu nhé!
Phần 1: UX Builder là gì và làm sao để mở nó?
Hãy tưởng tượng trang web của Quý khách là một ngôi nhà, và mỗi trang (như Trang chủ, Giới thiệu, Liên hệ…) là một căn phòng. UX Builder chính là bộ dụng cụ thần kỳ cho phép Quý khách vào tận nơi, tự tay di chuyển, thay đổi, thêm bớt đồ đạc (chữ, ảnh, video…) trong căn phòng đó.
Làm thế nào để vào “căn phòng” và dùng “bộ dụng cụ” này?
- Đăng nhập vào trang quản trị:
- Quý khách truy cập vào đường link quản trị (thường là ten-website-cua-ban.com/wp-admin).
- Nhập Tên người dùng và Mật khẩu đã được cung cấp.
- Tìm trang cần chỉnh sửa:
- Sau khi đăng nhập, nhìn vào cột menu màu đen bên trái, tìm mục Trang.
- Rê chuột vào mục Trang, một menu con sẽ hiện ra, hãy bấm vào Tất cả các trang.
- Một danh sách tất cả các trang trên website sẽ hiện ra (Trang chủ, Giới thiệu, Sản phẩm…).
- Mở công cụ UX Builder:
- Hãy tìm đến trang mà Quý khách muốn sửa.
- Từ từ rê chuột vào tên của trang đó.
- Một vài lựa chọn sẽ xuất hiện bên dưới tên trang, hãy tìm và bấm vào chữ “Edit with UX Builder”.
Phần 2: Làm quen với giao diện của UX Builder
Khi vào UX Builder, màn hình sẽ chia làm 2 phần chính. Đừng hoảng sợ vì có nhiều nút nhé, chúng ta chỉ cần quan tâm vài thứ quan trọng thôi.
- Bên trái (Cột điều khiển): Đây là “hộp đồ nghề” của Quý khách. Nơi để lấy đồ mới, xem cấu trúc trang và các thiết lập.
- Bên phải (Khu vực xem trước): Đây chính là trang web của Quý khách. Quý khách sửa gì bên trái, nó sẽ hiện ra ngay lập tức ở bên phải. Rất trực quan!
Phần 3: Hướng dẫn thêm và chỉnh sửa một danh sách trang (Widget Pages)
Giờ chúng ta sẽ vào việc chính: thêm một danh sách các trang con vào trang web của mình. Ví dụ, Quý khách đang ở trang “Dịch vụ” và muốn hiển thị một danh sách các dịch vụ con như “Thiết kế Website”, “Chăm sóc Fanpage”…
Bước 1: Thêm Khối “Pages” vào trang
- Tại cột điều khiển bên trái, bấm vào nút to màu xanh + Add elements.
- Một cửa sổ mới sẽ hiện ra với rất nhiều lựa chọn. Đừng lo, hãy dùng thanh tìm kiếm ở trên cùng. Gõ vào chữ “Pages”.
- Một khối tên là Pages sẽ hiện ra. Hãy bấm vào nó.
- Ngay lập tức, một danh sách các trang mẫu sẽ xuất hiện ở khu vực xem trước bên phải, và cột bên trái sẽ chuyển thành bảng tùy chỉnh cho khối Pages này.
Bước 2: Tùy chỉnh danh sách trang theo ý muốn
Bây giờ chúng ta sẽ “trang trí” cho danh sách trang này. Mọi tùy chỉnh đều nằm ở cột bên trái.
- Tiêu đề (Title):
- Ở ô Title, Quý khách có thể đặt tên cho danh sách này. Ví dụ: “Các Dịch Vụ Của Chúng Tôi”, “Tin Tức Liên Quan”.
- Chọn trang để hiển thị (Quan trọng):
- Parent (Trang cha): Đây là mục để chọn trang cha. Nếu Quý khách chọn một trang (ví dụ: trang “Dịch vụ”), thì danh sách sẽ chỉ hiển thị các trang con của trang “Dịch vụ” đó. Nếu để “None” (Không), nó sẽ hiển thị tất cả các trang.
- Exclude (Loại trừ): Nếu có trang nào Quý khách không muốn nó hiện ra trong danh sách, hãy gõ tên trang đó vào đây.
- Sắp xếp (Order):
- Order By: Cho phép sắp xếp danh sách theo Tên (Title), Ngày đăng (Date), hoặc theo thứ tự tùy chỉnh (Menu Order). Thường chúng ta sẽ để theo Tên.
- Order: Sắp xếp tăng dần (ASC) hoặc giảm dần (DESC).
- Thay đổi cách hiển thị (Layout):
- Mục Style: Quý khách có thể chọn kiểu hiển thị. Bấm vào và thử các kiểu như “List” (danh sách), “Vertical” (dọc), “Line”… để xem kiểu nào đẹp nhất.
- Mục Columns: Nếu hiển thị dạng lưới, Quý khách có thể chọn số cột (2, 3, 4 cột…).
Mẹo nhỏ: Mỗi khi Quý khách thay đổi một tùy chọn nào đó ở cột bên trái, hãy nhìn sang màn hình bên phải để xem nó thay đổi như thế nào nhé! Rất thú vị!
Bước 3: Hoàn tất và lưu lại
Sau khi đã chỉnh sửa ưng ý, hãy bấm nút Apply (Áp dụng) ở góc dưới cùng bên trái. Sau đó, Quý khách có thể tiếp tục thêm các khối khác hoặc di chuyển chúng.
Để di chuyển một khối, Quý khách chỉ cần nhấn giữ chuột vào tên của khối đó ở cột bên trái và kéo lên hoặc kéo xuống vị trí mong muốn.
Phần 4: Lưu lại toàn bộ thay đổi và thoát
Đây là bước cuối cùng và quan trọng nhất để mọi người có thể thấy được những gì Quý khách vừa làm.
- Ở góc trên cùng, bên trái của màn hình, có một nút màu xanh lá cây tên là Update (Cập nhật). Hãy bấm vào nút đó. Đây là hành động “Lưu cuối cùng”.
- Sau khi bấm Update, đợi một lát cho nút chuyển thành màu xám.
- Bây giờ, hãy bấm vào dấu X ở góc trên cùng, bên trái để đóng công cụ UX Builder lại và quay về trang quản trị.
Xong rồi! Giờ Quý khách có thể mở trang web của mình ở một tab mới để chiêm ngưỡng thành quả!
Những Lời Khuyên Vàng
- Đừng sợ làm sai! Luôn có nút “Lịch sử” (biểu tượng đồng hồ) để quay lại. Cứ thoải mái thử nghiệm.
- Lưu thường xuyên: Nếu làm nhiều thay đổi, thỉnh thoảng hãy nhấn Update để lưu lại, phòng khi có sự cố.
- Kiểm tra trên điện thoại: Ở thanh trên cùng của UX Builder có các biểu tượng màn hình máy tính, máy tính bảng, và điện thoại. Hãy bấm vào đó để xem trang của mình hiển thị trên điện thoại có đẹp không nhé!









