MenuĐóng

WP Agent Builder · Showcase

Mộc An Studio: một website nội thất dựng hoàn toàn bằng khối wpagent

Bốn trang trình diễn tính năng mới của WP Agent Builder trên một doanh nghiệp giả định. Nội dung, ảnh và số liệu chỉ để minh họa.

Bắt đầu với khối tương tác

1. Khối tương tác

  • Popup: mở bằng nút, hẹn giờ, khi rời trang hoặc cuộn tới
  • Đếm ngược: theo ngày giờ hoặc riêng cho từng khách
  • Video: bấm mới tải, mở trong khung nổi hoặc làm video nền
  • Bản đồ: Google hoặc OpenStreetMap, bấm mới tải
  • Trước / sau: kéo hoặc dùng phím mũi tên
  • Điểm ảnh: chú thích trên ảnh, bấm hoặc rê chuột
Mở trang khối tương tác

2. Element nâng cao

  • Flip box, thẻ kêu gọi hành động, tiêu đề động
  • Bảng giá gói, đơn giá có đường dẫn chấm, bảng so sánh
  • Cảm nhận khách hàng trong slider, số đếm, sao đánh giá
  • Mạng xã hội, nút chia sẻ, mục lục, lên đầu trang, đăng nhập
Mở trang element nâng cao

3. Hiệu ứng & trạng thái

  • Hiệu ứng xuất hiện khi cuộn, lần lượt theo hàng
  • Thẻ hover: nổi, phóng ảnh, viền, đổi màu nền
  • Biểu tượng Lucide: 2.015 icon, chỉ tải icon được dùng
  • Trạng thái: giá theo tháng / theo năm, ảnh trước / sau
Mở trang hiệu ứng & trạng thái

4. Custom post type

  • Post type “Dự án” tạo bằng plugin Custom Post Type UI
  • Lưới có bộ lọc và tải thêm, danh sách phân trang, slider
  • Trang chi tiết: breadcrumb, dự án trước/sau, dự án cùng loại
  • Trang lưu trữ /du-an/ và trang theo loại dự án
Mở trang custom post type

Mỗi trang là markup khối được kiểm tra bằng validator rồi đẩy qua REST; không có CSS hay HTML tự viết trong nội dung.