اليوم عندنا خطوات لكيفية تعيين شعار بصيغة SVG في موقعك وبالتحديد في قالب مهارتي. ووردبريس يتيح لنا تحميل جميع الامتدادات والصيغ لملفات الصور والصوت والفيديو الشائعة ، لكن SVG ليس من بينها. في هذه المقالة ، سنوضح لك كيفية إضافة SVG بسهولة في ووردبريس وبالتحديد لشعار الموقع في قالب مهارتي
ما هو SVG؟
SVG اختصار لكلمة Scalable Vector Graphics هو ملف تعرض رسومات ثنائية الأبعاد باستخدام XML. الميزة الرئيسية لـ SVG هي أنه يسمح لك بتكبير الصور دون فقدان الجودة أو وجود أي بكسلات وهذا مالاتراه في تنسيقات الصور الشائعة الاستخدام مثل PNG أو GIF أو JPEG.
إذا التقطت ملف صورة بتنسيق png / jpeg وقمت بالتكبير ، فستلاحظ أن الصورة ستبدأ تفقد جودتها وتصبح منقطة أو غير واضحة ، SVG لا تستخدم البكسل. بدلاً من ذلك ، تستخدم خريطة ثنائية الأبعاد تحدد الرسم الذي تشاهده.
استخدامات SVG
بشكل شائع يستخدم SVG للأيقونات وشعارات مواقع الويب وصور العلامات التجارية. من الجيد والمستحسن استخدام ملفات SVG في ووردبريس لشعار شركتك أو الأيقونات أو الرسومات الأخرى.
SVG في ووردبريس
بقدر ما تبدو رائعة ، لا تزال ملفات SVG غير آمنة بعض الشيء. لهذا السبب لا يدعم ووردبريس عمليات تحميل ملفات SVG من خلال لوحة التحكم كما هو الحال للامتدادات الأخرى.
إذا قمت بتحميل صورة SVG في ووردبريس ، فسترى رسالة الخطأ التالية:
عذرًا ، غير مسموح لك برفع هذا النوع من الملفات.
مشكلات الأمان المتعلقة بـ SVG في ووردبريس
ملفات SVG كما ذكرنا عبارة عن رسومات ثنائية الأبعاد تعتمد على لغة برمجية XML فإن هذا يفتح موقع الويب الخاص بك على ثغرات XML محتملة. يمكن استخدامها للحصول على وصول غير مصرح به إلى بيانات المستخدم ، أو هجمات البرمجة عبر المواقع. مالحل إذن؟
1- اعتمد على الإضافة والطريقة التي سنشاركها في هذه المقالة لأنها تقوم بتعقيم ملفات SVG لتحسين أمانها.
2- الحل الأفضل هو استخدام ملفات SVG التي تم إنشاؤها بواسطة مصادر موثوقة فقط وتقييد تحميلات SVG للمستخدمين الموثوق بهم فقط.
3- ستخدم ملفات SVG قمت بتصميمها بنفسك باستخدام برامج موثوقة مثل adobe illustrator على سبيل المثال
كيف تحصل على شعار بصيغة SVG؟
الشعار أو الأيقونة المفروض يكون مصمم بتقنية Vector بالاعتماد على أدوبي اليستريتور أو أي برنامج فيكتور. من نفس البرنامج احفظ بامتداد SVG
تفعيل وتنصيب إضافة SVG
حاليا وجدنا إضافتين في مكتبة ووردبريس وبعد التجربة ننصح بإضافة Safe SVG
في لوحة تحكم ووردبريس لموقعك قم بتنصيب الإضافة
- إضافات ثم أضف جديد واكتب في خانة البحث Safe SVG
- نصب الإضافة وفعلها
- الآن اذهب إلى
تخصيص القالب – هوية الموقع - وارفع شعارك بامتداد SVG
بعض نصوص هذه المقالة ترجمة بتصرف من موقع wpbeginner.com