WP-Plugin tạo Qrcode
📋 Mô tả
Plugin WordPress chuyên nghiệp để tạo và quản lý mã QR code với khung đẹp và thông tin tùy chỉnh. Plugin hỗ trợ tạo QR code từ backend admin và frontend cho người dùng cuối.
**Phiên bản:** 1.0.8
**Tác giả:** Cát An Company
✨ Tính năng chính
🎨 8 Loại khung QR code đẹp
**Khung 1**: Góc bo tròn với gradient tím
**Khung 2**: Góc vuông với gradient cam-đỏ
**Khung 3**: Có mũi tên với gradient xanh dương
**Khung 4**: Bo tròn với gradient hồng
**Khung 5**: Bong bóng với gradient xanh lá
**Khung 6**: Gấp góc với gradient cam
**Khung 7**: Bong bóng chat với gradient tím
**Khung 8**: Góc L với gradient vàng
**Không dùng khung**: QR code đơn giản
📝 Thông tin QR tùy chỉnh
– Nhập thông tin QR (VD: “Scan me”, “Tên sản phẩm”, v.v.)
– Chọn vị trí hiển thị: **Trên QR code** hoặc **Dưới QR code**
– Banner thông tin với màu sắc phù hợp từng khung
🖼️ Tùy chỉnh QR code
**Kích thước**: Nhỏ (128px), Trung bình (256px), Lớn (512px)
**Màu sắc**: Đen, Xanh dương, Trắng
**Logo**: Thêm logo vào giữa QR code (tối đa 500KB)
**Tải về**: Ảnh hoàn chỉnh bao gồm khung và thông tin
🔧 Quản lý backend
– Custom Post Type “Mã QR”
– Meta box nhập URL, thông tin, vị trí, khung
– Danh sách QR code với cột thông tin chi tiết
– Shortcode để hiển thị QR đã tạo
🚀 Cài đặt
1. Cài đặt plugin
1. Tải file `qrcode-hien-thi-link.php`
2. Upload vào thư mục `/wp-content/plugins/`
3. Kích hoạt plugin trong WordPress Admin
📖 Hướng dẫn sử dụng
🎯 Tạo QR code từ Backend (Admin)
Bước 1: Tạo mã QR mới
1. Vào **WordPress Admin** → **Mã QR** → **Thêm mới**
2. Nhập **Tên gợi nhớ** (VD: “QR sản phẩm ABC”)
3. Điền thông tin trong meta box:
– **URL cần mã hóa**: `https://example.com`
– **Thông tin Qrcode**: `Scan me`, `Tên sản phẩm`, v.v.
– **Vị trí thông tin**: Trên QR code / Dưới QR code
– **Kiểu khung**: Chọn 1 trong 8 loại khung hoặc “Không dùng khung”
4. Nhấn **Cập nhật**
Bước 2: Hiển thị QR code
Sử dụng shortcode: ``
– Thay `post_id` bằng ID của QR code vừa tạo
– Ví dụ: ``
🌐 Tạo QR code từ Frontend (Người dùng)
Bước 1: Thêm shortcode vào trang
Thêm [qrcode_generator] vào bất kỳ trang/post nào
Bước 2: Sử dụng công cụ tạo QR
1. **Nhập URL**: Địa chỉ website cần tạo QR
2. **Thông tin QR**: Nhập text hiển thị (tùy chọn)
3. **Vị trí thông tin**: Chọn “Trên QR” hoặc “Dưới QR”
4. **Kiểu khung**: Chọn khung đẹp hoặc “Không dùng khung”
5. **Logo**: Upload logo (tùy chọn, tối đa 500KB)
6. **Kích thước**: Chọn Nhỏ/Trung bình/Lớn
7. **Màu sắc**: Chọn màu QR code
8. Nhấn **Tạo mã QR**
9. Nhấn **Tải mã QR (PNG)** để tải về
📱 Shortcode sử dụng
1. Hiển thị QR đã tạo
– `123`: ID của QR code trong backend
2. Công cụ tạo QR cho người dùng
[qrcode_generator]
– Hiển thị form tạo QR code
– Người dùng có thể tạo và tải 🎨 Ví dụ sử dụng
🐛 Xử lý lỗi thường gặp
Lỗi: QR code không hiển thị
**Nguyên nhân:** Thiếu URL hoặc URL không hợp lệ
**Giải pháp:** Kiểm tra URL trong meta box, đảm bảo URL có `http://` hoặc `https://`
Lỗi: Khung không hiển thị đúng
**Nguyên nhân:** CSS bị conflict với theme
**Giải pháp:** Plugin tự động force CSS với độ ưu tiên cao
Lỗi: Không tải được ảnh
**Nguyên nhân:** html2canvas không load
**Giải pháp:** Plugin tự động fallback về phương pháp vẽ canvas
Lỗi: Logo không hiển thị
**Nguyên nhân:** File logo quá lớn hoặc định dạng không hỗ trợ
**Giải pháp:** Sử dụng file PNG/JPG dưới 500KB
📊 Quản lý QR code
Danh sách QR code
Vào **Mã QR** → **Tất cả Mã QR** để xem:
– Tên gợi nhớ
– URL đích
– Thông tin QR
– Vị trí thông tin
– Kiểu khung
– Shortcode
Thống kê sử dụng
– Số lượng QR code đã tạo
– QR code được tạo từ frontend
– QR code được tạo từ backend
🔒 Bảo mật
Rate limiting
– Giới hạn 10 QR code/phút cho mỗi IP
– Tự động reset sau 1 phút
– Bảo vệ khỏi spam
Validation
– Kiểm tra URL hợp lệ
– Sanitize tất cả input
– Nonce verification cho AJAX
🚀 Performance
Tối ưu hóa
– Lazy load thư viện chỉ khi cần
– Cache CSS/JS
– Compress ảnh tải về
– CDN cho thư viện external
Responsive
– Tự động điều chỉnh kích thước trên mobile
– Touch-friendly interface
– Optimized cho tablet
📞 Hỗ trợ
Liên hệ
– Email: business@catan.vn
– Website: https://catan.vn
Báo lỗi
Nếu gặp lỗi, vui lòng cung cấp:
1. Phiên bản WordPress
2. Phiên bản plugin (1.0.8)
3. Theme đang sử dụng
4. Mô tả lỗi chi tiết
5. Screenshot (nếu có)
**Cát An Company** – Chuyên cung cấp giải pháp WordPress chuyên nghiệp