كيفية إضافة SVG في WordPress

محتويات المقالة

ما هو SVG؟

SVG أو Scalable Vector Graphics هو تنسيق ملف يحدد رسومات المتجهات باستخدام لغة ترميز XML. الميزة الرئيسية لـ SVG هي أنه يسمح لك بتكبير الصور دون فقدان الجودة أو وجود أي بكسلات.

كيف يعمل SVG؟

Scalable Vector Graphics (SVG) هي تقنية تعرض رسومات ثنائية الأبعاد باستخدام XML. وهي تختلف عن تنسيقات الصور الشائعة الاستخدام مثل PNG أو GIF أو JPEG.

إذا أخذت ملف صورة png / jpeg وقمت بالتكبير ، فستلاحظ أن الصورة ستبدأ في التعتيم وتصبح منقطة.

لا تستخدم الرسومات المتجهة وحدات البكسل. بدلاً من ذلك ، يستخدمون خريطة ثنائية الأبعاد تحدد الرسم الذي تشاهده. عندما تقوم بالتكبير ، لا تنقسم الصورة.

يمكّنك هذا من تكبير الرسومات المتجهة دون فقدان الجودة . الأكثر أهمية هو أن صور SVG يمكن أن تكون أصغر في حجم الملفات من JPEGs أو PNG.

تُستخدم الرسومات المتجهة بشكل شائع للأيقونات وخطوط الرموز وشعارات مواقع الويب وصور العلامات التجارية. قد ترغب في إضافة ملفات SVG في WordPress لشعار شركتك أو أيقوناتها أو رسومات أخرى.

بقدر ما تبدو رائعة ، لا تزال ملفات SVG غير آمنة بعض الشيء. لهذا السبب لا يدعم WordPress عمليات تحميل ملفات SVG افتراضيًا.

إذا قمت بتحميل صورة SVG في WordPress ، فسترى رسالة الخطأ التالية:

عذرًا ، نوع الملف هذا غير مسموح به لأسباب أمنية.

مشكلات الأمان المتعلقة بـ SVG في WordPress

تحتوي ملفات SVG على تعليمات برمجية بلغة ترميز XML تشبه لغة HTML. يوزع المستعرض أو برنامج تحرير SVG لغة ترميز XML لعرض المخرجات على الشاشة.

ومع ذلك ، فإن هذا يفتح موقع الويب الخاص بك على ثغرات XML المحتملة. يمكن استخدامه للحصول على وصول غير مصرح به إلى بيانات المستخدم ، أو شن هجمات بالقوة الغاشمة ، أو هجمات البرمجة عبر المواقع.

ستحاول الطرق التي سنشاركها في هذه المقالة تعقيم ملفات SVG لتحسين أمانها. ومع ذلك ، لا يمكن لهذه المكونات الإضافية منع تحميل أو حقن التعليمات البرمجية الضارة تمامًا .

الحل الأفضل هو استخدام ملفات SVG التي تم إنشاؤها بواسطة مصادر موثوقة فقط وتقييد تحميلات SVG للمستخدمين الموثوق بهم فقط.

ومع ذلك ، فلنلقِ نظرة على كيفية استخدام ملفات SVG بسهولة وأمان في WordPress.

الطريقة الأولى: تحميل ملفات SVG في WordPress باستخدام دعم SVG

تقدم هذه الطريقة دعمًا كاملاً لإضافة ملفات SVG في WordPress. كما يسمح لك بعرض SVG المضمّن في منشورات وصفحات WordPress.

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي SVG Support . لمزيد من التفاصيل.

عند التنشيط ، تحتاج إلى زيارة الإعدادات » صفحة دعم SVG لتكوين إعدادات البرنامج المساعد.

في صفحة الإعدادات ، تحتاج إلى تحديد المربع بجوار “هل تريد التقييد على المسؤولين؟” اختيار. سيسمح هذا لمدير الموقع فقط بتحميل ملفات SVG في WordPress.

الخيار التالي هو تشغيل الوضع المتقدم. ما عليك سوى تحديد هذا الخيار إذا كنت تريد استخدام ميزات متقدمة مثل الرسوم المتحركة لـ CSS وعرض SVG المضمّن.

لا تنس النقر على زر حفظ التغييرات لتخزين إعداداتك.

يمكنك الآن إنشاء منشور جديد أو تعديل منشور موجود. في محرر المنشورات ، ستقوم بتحميل ملف SVG كما لو كنت تحمل أي ملف صورة آخر. ما عليك سوى إضافة كتلة صورة إلى المحرر ثم تحميل ملف SVG.

ستتمكن الآن من تحميل ملف SVG وتضمينه في WordPress.