--- title: "IGA (Infinity Gems)" url: https://phatdev.net/vi/projects/iga lang: vi alternate: en: https://phatdev.net/en/projects/iga markdown: https://phatdev.net/vi/projects/iga.md --- # IGA (Infinity Gems) > Dựng lại cửa hàng đá quý iga.vn trên theme và plugin riêng: bộ sưu tập theo loại đá, chọn đá theo mệnh ngũ hành, mô tả sản phẩm chuẩn SEO, giữ nguyên cấu trúc URL để không mất thứ hạng. - Vai trò: Full-stack · WooCommerce · Thiết kế lại - Trạng thái: Đang hoàn thiện trên staging - Công nghệ: WordPress, WooCommerce, Block theme, PHP, SEO - Tài liệu và changelog: https://phatdev.net/docs/iga - Tất cả dự án: https://phatdev.net/vi/projects.md ## Thông tin dự án - Vai trò: Thiết kế, phát triển, chuyển đổi dữ liệu - Nền tảng: WordPress block theme, WooCommerce - Phiên bản: Theme 0.4.92, iga-core 0.5.33 - Ngôn ngữ: Tiếng Việt ## Số liệu - 5.256: sản phẩm chuyển sang giao diện mới - 62: loại đá có bảng mệnh hợp ## Điểm nổi bật - **Giữ trọn SEO khi đổi giao diện**: Giữ nguyên URL, tên menu chính và nội dung chính sách; có danh sách đối chiếu SEO giữa site cũ và mới trước khi go-live. - **Chọn đá theo mệnh**: Khách nhập ngày sinh để xem mệnh và các loại đá hợp; dữ liệu mệnh của 62 loại đá nằm trong một file duy nhất, gán lại hàng loạt bằng lệnh có chạy thử và sao lưu. - **Bộ sưu tập theo loại đá**: Trang chủ và landing gom sản phẩm theo Ruby, Sapphire, Thạch anh tóc vàng, Tourmaline, Cẩm thạch, Hổ phách. - **Công cụ cho tư vấn viên**: Trang nội bộ để nhân viên chọn mệnh hợp cho từng loại đá, mỗi thao tác lưu thẳng vào dữ liệu. ## Phân tích chi tiết ### Bối cảnh iga.vn (Infinity Gems) bán đá quý, điêu khắc đá quý và vật phẩm phong thuỷ, hơn 5.000 sản phẩm, khách chủ yếu mua làm quà biếu. Site cũ chạy Flatsome. Dự án dựng lại bằng theme riêng `iga` (0.4.92) và plugin `iga-core` (0.5.33), đang hoàn thiện trên staging. ### Nguyên tắc - Giữ nguyên cấu trúc URL, tên menu chính và chữ chính sách để **không mất SEO**; có danh sách đối chiếu SEO giữa site cũ và mới. - Ảnh sản phẩm là ảnh chụp thật tại cửa hàng, giao diện phải đẹp với ảnh chụp tay. - Mục tiêu hiệu năng: mobile từ 95, desktop từ 98, CLS dưới 0,05. ### Tính năng #### Bộ sưu tập theo loại đá Trang chủ và landing gom sản phẩm theo loại đá (Ruby, Sapphire, Thạch anh tóc vàng, Tourmaline, Cẩm thạch, Hổ phách...). #### Chọn đá theo mệnh Nhập ngày sinh để xem mệnh và các loại đá hợp mệnh. Bảng màu ngũ hành cho 62 loại đá nằm trong một file dữ liệu duy nhất; lệnh `wp iga menh` gán lại thuộc tính "Mệnh hợp" cho sản phẩm, có chạy thử và sao lưu trước khi ghi. #### Trang nội bộ cho tư vấn viên Nhân viên chọn mệnh hợp cho từng loại đá, bấm là lưu, lựa chọn đưa thẳng vào dữ liệu. #### Mô tả sản phẩm chuẩn SEO Lệnh sửa mô tả hàng loạt: thêm đoạn mở đầu lấy từ dữ liệu thật, heading H2/H3 đúng cấp. #### Trang Liên hệ có bản đồ Bản đồ MapLibre + OpenFreeMap, hiện ảnh tĩnh trước rồi mới nạp bản đồ để không gây CLS. ## Giấy phép Phát triển cho Infinity Gems An Thịnh (iga.vn). GPL phiên bản 2 trở lên (GPL-2.0-or-later). Phần mềm tự do: ai cũng được dùng, sửa và chia sẻ lại, miễn là bản chia sẻ vẫn giữ giấy phép này và kèm mã nguồn. - Theme iga 0.4.92: GPL-2.0-or-later (Khai báo trong mã: themes/iga/style.css: License: GPL-2.0-or-later; iga-rebuild/package.json: license GPL-2.0-or-later) - Plugin iga-core 0.5.33: GPL-2.0-or-later (Khai báo trong mã: plugins/iga-core/iga-core.php: License: GPL-2.0-or-later) ## Thư viện và tài nguyên bên thứ ba (7) | Tên | Loại | Phiên bản | Giấy phép | Nguồn | |---|---|---|---|---| | MapLibre GL JS | Thư viện | 5.24.0 | BSD-3-Clause | https://maplibre.org | | Be Vietnam Pro | Font (trong theme) | - | OFL-1.1 | https://github.com/bettergui/BeVietnamPro | | Cormorant Garamond | Font (trong theme) | - | OFL-1.1 | https://github.com/CatharsisFonts/Cormorant | | OpenFreeMap và dữ liệu OpenStreetMap. Ô cửa hàng trên bản đồ tải ô bản đồ từ dịch vụ OpenFreeMap. | Dữ liệu | - | ODbL-1.0 | https://openfreemap.org | | Lighthouse. Công cụ đo, không phát hành cùng sản phẩm. | Công cụ (dùng khi phát triển) | 13.5.0 | Apache-2.0 | https://github.com/GoogleChrome/lighthouse | | PHPUnit. Công cụ kiểm thử, không phát hành cùng sản phẩm. | Công cụ (dùng khi phát triển) | 11.5.57 | BSD-3-Clause | https://github.com/sebastianbergmann/phpunit | | Playwright Core. Công cụ chụp và kiểm thử, không phát hành cùng sản phẩm. | Công cụ (dùng khi phát triển) | 1.63.0 | Apache-2.0 | https://playwright.dev | Ghi công: Dữ liệu bản đồ (c) OpenStreetMap contributors, theo giấy phép ODbL. Xem trang Giấy phép và ghi nguồn: https://phatdev.net/vi/licenses.md