كيفية إضافة SVG في ووردبر يس

هل تريد إضافة SVG في ووردبر يس الخاص بك؟ بشكل افتراضي ، يتيح لك ووردبريس تحميل جميع تنسيقات ملفات الصور والصوت والفيديو الشائعة ، ولكن SVG ليس من بينها.

كما يمكنك تعلم كيفية إضافة صور GIF متحركة في ووردبريس

في هذه المقالة ، سنوضح لك كيفية إضافة SVG بسهولة في ووردبريس .

إضافة SVG في ووردبر يس

ما هو SVG؟

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

كيف يعمل SVG؟

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

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

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

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

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

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

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

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

مشكلات الأمان المتعلقة بـ إضافة SVG في ووردبر يس

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

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

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

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

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

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

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

أولاً ، تحتاج إلى تثبيت وتفعيل الإضافة دعم SVG.

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

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

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

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

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

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

الطريقة الثانية: تحميل ملفات SVG في ووردبريس باستخدام Safe SVG

تستخدم هذه الطريقة أيضًا إضافة وتتيح لك إجراء تعقيم ملفات SVG التي تم تحميلها على ووردبريس .

أول شيء عليك القيام به هو تثبيت وتفعيل الإضافة Safe SVG.

يعمل الإضافة خارج الصندوق ، ولا توجد إعدادات يمكنك تهيئتها. يمكنك ببساطة المضي قدمًا والبدء في تحميل ملفات SVG.

الجانب السلبي هو أن هذه الإضافة تسمح بتحميل SVG بواسطة جميع المستخدمين الذين يمكنهم كتابة مقالات على موقع ووردبريس الخاص بك.

من أجل التحكم في من يمكنه تحميل الملفات ، ستحتاج إلى شراء الإصدار المتميز من الإضافة.

نأمل أن تساعدك هذه المقالة في تعلم كيفية إضافة SVG بأمان في ووردبريس .