إنشاء شعار SVG
تتيح قدرة إن شاء شعار SVG لـ Theme Builder إنشاء وتضمين شعارات SVG مخصصة مباشرةً في موقعك على WordPress، مع تنقية تلقائية آمنة للمساحات الاسمية (namespace-safe sanitisation).
نظرة عامة
تقوم هذه القدرة بإنشاء شعارات رسومية متجهة (SVG) قابلة للتوسع، بناءً على هوية علامتك التجارية وتفضيلات التصميم لموقعك. ويتم تنقية ملفات SVG الناتجة تلقائيًا لضمان أنها آمنة للاستخدام في WordPress مع الحفاظ على سلامتها البصرية.
المعايير
| المعيار | النوع | مطلوب | الوصف |
|---|---|---|---|
site_name | string | نعم | اسم الموقع الذي سيتم إنشاء الشعار له |
style | string | نعم | نمط التصميم (مثل "حديث"، "كلاسيكي"، "بسيط"، "مرح") |
colors | array | لا | مصفوفة من رموز الألوان السداسية (hex color codes) لاستخدامها في الشعار (مثال: ["#678233", "#ffffff"]) |
width | number | لا | عرض الشعار بالبكسل (الافتراضي: 200) |
height | number | لا | ارتفاع الشعار بالبكسل (الافتراضي: 200) |
include_text | boolean | لا | ما إذا كان سيتم تضمين اسم الموقع كنص في الشعار (الافتراضي: true) |
تنسيق الإخراج
تُرجع القدرة سلسلة SVG بالهيكل التالي:
{
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 200\">...</svg>",
"width": 200,
"height": 200,
"colors_used": ["#678233", "#ffffff"],
"sanitised": true
}
سلوك تنقية SVG
تخضع ملفات SVG التي يتم إنشاؤها لتنقية تلقائية آمنة للمساحات الاسمية (namespace-safe sanitisation) من أجل:
- إزالة السمات غير الآمنة — يزيل المعالجات الحدثية (event handlers) والسكريبتات والسمات الخطرة المحتملة.
- الحفاظ على المساحات الاسمية — يحافظ على مساحات أسماء SVG (xmlns, xlink) للعرض الصحيح.
- التحقق من الهيكل — يضمن أن يتوافق SVG مع معايير W3C.
- ترميز الكيانات — يقوم بالهروب بشكل صحيح من الأحرف الخاصة في محتوى النص.
- إزالة المراجع الخارجية — يزيل أوراق الأنماط الخارجية ومراجع الصور.
هذا يضمن أن يكون ملف SVG آمنًا للتضمين مباشرة في WordPress دون الحاجة إلى تنقية إضافية.
مثال على الاستخدام
الموجه (Prompt):
Generate a modern logo for my tech startup called "CloudSync" using blue and white colors.
النتيجة: تنشئ القدرة شعار SVG يقوم بما يلي:
- يتضمن اسم الموقع "CloudSync".
- يستخدم نظام الألوان الأزرق والأبيض المحدد.
- يتبع مبادئ التصميم الحديث.
- يتم تنقيته تلقائيًا وجاهز للاستخدام.
التكامل مع Theme Builder
عند استخدام اختيار اتجاه التصميم في Theme Builder، تقوم قدرة إنشاء شعار SVG بما يلي:
- يحلل اتجاه التصميم ولوحة الألوان الخاصة بك.
- ينشئ شعار SVG مخصصًا يطابق تفضيلاتك.
- يضمّن الشعار تلقائيًا في منطقة الرأس/العلامة التجارية لموقعك.
- يخزّن ملف SVG كشعار مخصص في وسائط WordPress.
أفضل الممارسات
- تقديم تفضيلات نمط واضحة — صف نمط التصميم الذي تريده (حديث، كلاسيكي، مرح، إلخ).
- تحديد الألوان — قم بتضمين ألوان علامتك التجارية لضمان الاتساق.
- اختبار العرض — تحقق من عرض الشعار بشكل صحيح عبر أحجام الشاشات المختلفة.
- التخصيص أكثر — استخدم أدوات التخصيص الخاصة بـ WordPress لتعديل الحجم والموضع.
القيود
- يتم إنشاء شعارات SVG كرسومات ثابتة (وليست متحركة).
- قد تتطلب الشعارات المعقدة ذات العناصر الكثيرة تنقيحًا يدويًا.
- لا يتم دعم الخطوط المخصصة؛ يستخدم النص خطوط النظام.
- قد تؤثر الأبعاد الكبيرة جدًا أو الصغيرة جدًا على الجودة.
القدرات ذات الصلة
- Validate Palette Contrast — للتحقق من تباين الألوان لأغراض الوصولية.
- Create Menu — لإنشاء قوائم التنقل لموقعك.