عمل رمز QR (كود الاستجابة السريعة – QR Code) لموقع إلكتروني سهل جدًا، ويمكن تنفيذه بعدة طرق سواء عبر مواقع مجانية أو باستخدام كود برمجي بسيط. إليك كل الطرق الممكنة 👇
🔹 الطريقة الأولى: عبر موقع توليد QR مجاني
يمكنك استخدام أحد هذه المواقع المجانية:
الخطوات:
- افتح أحد المواقع أعلاه.
- اختر نوع المحتوى: “URL” أو “Website”.
- أدخل رابط موقعك (مثل:
https://www.example.com). - اضغط على Generate QR Code أو Create QR Code.
- يمكنك تحميل الكود كصورة (PNG / SVG / PDF).
- ضع الصورة في موقعك أو على بطاقاتك أو إعلاناتك.
🔹 الطريقة الثانية: إنشاء QR برمجيًا باستخدام HTML + JavaScript
يمكنك إضافة كود بسيط في موقعك لتوليد QR لرابطك باستخدام مكتبة مثل QRCode.js.
ضع هذا الكود في صفحتك HTML 👇
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>توليد QR للموقع</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<style>
body {
text-align: center;
font-family: 'Cairo', sans-serif;
margin-top: 50px;
}
</style>
</head>
<body>
<h2>رمز QR لموقعي الإلكتروني</h2>
<div id="qrcode"></div>
<script>
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.example.com", // ضع هنا رابط موقعك
width: 200,
height: 200
});
</script>
</body>
</html>
✅ هذا الكود سيُنشئ QR تلقائيًا داخل الصفحة لعنوان موقعك.
يمكنك تغييره لأي رابط آخر أو حتى محتوى نصي.
🔹 الطريقة الثالثة: من خلال بايثون (للمطورين)
إذا كنت تعمل على موقع بلغة Python (Flask / Django)، يمكنك توليد كود QR كالتالي:
import qrcode
# عنوان الموقع
url = "https://www.example.com"
# إنشاء الكود
img = qrcode.make(url)
# حفظ الصورة
img.save("website_qr.png")
ثم استخدم الصورة الناتجة في أي مكان بالموقع.
🎯 نصائح:
- اجعل الرابط قصيرًا لتسهيل قراءة الكود.
- استخدم لون غامق للكود وخلفية فاتحة لسهولة المسح.
- يمكنك تصميم QR يحمل شعار موقعك عبر أدوات مثل Canva أو QR Code Monkey.
