نحوه اضافه کردن فایل SVG به وردپرس

SVG چیست؟ به طور پیش فرض، وردپرس به شما امکان می دهد تمام فرمت های تصویری، صوتی و ویدیویی را آپلود کنید، اما SVG در میان آنها نیست. در این مقاله، ما به شما نشان خواهیم داد که چگونه میتوانید فایل های SVG را نیز به وردپرس اضافه کنید.

SVG چیست؟

SVG یا Scalable Vector Graphics یک فرمت فایل است که گرافیک برداری را با استفاده از زبان نشانه گذاری XML تعریف می کند. مزیت اصلی SVG این است که به شما امکان می دهد تصاویر را بدون کاهش کیفیت استفاده کنید.

SVG چگونه کار می کند؟

Scalable Vector Graphics (SVG) یک تکنولوژی است که نقشه های دو بعدی را با استفاده از XML نمایش می دهد. آنها متفاوت از فرمت های تصویری معمولی مانند PNG، GIF یا JPEG هستند.
اگر یک فایل تصویری PNG / JPEG بگیرید و زوم کنید، متوجه خواهید شد که تصویر شروع به تار شدن میکند و تمامی پیکسل های آن قابل مشاهده هست.

گرافیک برداری از پیکسل ها استفاده نمی کند.

در عوض، آنها از یک نقشه دو بعدی استفاده می کنند که گرافیک مورد نظر شما را مشخص می کند.

که با افزایش زوم، تصویر دچار کاهش کیفیت نمی شود.

گرافیک برداری معمولا برای آیکون ها، فونت های آیکون، لوگو های وب سایت و تصاویر نام تجاری استفاده می شود. شما نیز ممکن است بخواهید فایل های SVG را در وردپرس برای لوگوی شرکت، آیکون ها یا سایر گرافیک های خود اضافه کنید.فایل های SVG هنوز هم کمی ناامن هستند. به همین دلیل است که وردپرس از آپلود فایل SVG به طور پیش فرض پشتیبانی نمی کند.
اگر شما یک تصویر SVG را در وردپرس آپلود کنید، خطای زیر را مشاهده خواهید کرد:

مسائل امنیتی مربوط به SVG در وردپرس

فایل های SVG حاوی کد در زبان نشانه گذاری XML است که شبیه به HTML است. مرورگر شما یا نرم افزار ویرایش SVG XML زبان نشانه گذاری را برای نمایش خروجی روی صفحه ، نمایش می دهد.
با این حال، این موضوع وب سایت شما را به آسیب‌پذیری‌های احتمالی XML نزدیک می‌کند. این روش می تواند مورد استفاده هکرها برای به دست آوردن دسترسی غیر مجاز به داده های کاربر و … قرار بگیرد.
بهترین راه این است که تنها از فایلهای SVG استفاده کنید که توسط منابع قابل اعتماد ایجاد شده و محدودیت آپلود SVG را فقط به کاربران مورد اعتماد واگذار کنید.

به این ترتیب، نگاهی داریم به چگونگی استفاده از فایلهای SVG در وردپرس

روش 1. آپلود فایل های SVG در وردپرس با استفاده از افزونه SVG Support

این روش پشتیبانی کامل برای اضافه کردن فایل های SVG در وردپرس را ارائه می دهد.

همچنین به شما اجازه می دهد تا SVG درون خطی را در پست ها و صفحات وردپرس نمایش دهید.

افزونه SVG Support را مخزن وردپرس نصب و فعال کنید.

پس از فعال سازی، شما باید به قسمت تنظیمات >> SVG Support مراجعه کنید.

در صفحه تنظیمات، باید کادر کنار «محدود به مدیران» (Restrict to Administrators) را انتخاب کنید.

این اجازه خواهد داد که فقط یک مدیر برای آپلود فایل های SVG در وردپرس تعریف شود.

گزینه بعدی این است که تیک حالت پیشرفته (advanced features) را بزنید.

البته اگر می خواهید از ویژگی های پیشرفته مانند انیمیشن های CSS و رندر درون خطی SVG استفاده کنید!؟

فراموش نکنید که دکمه Save Change را کلیک کنید تا تنظیمات ذخیره شود.

هم اکنون می توانید یک پست جدید ایجاد یا ویرایش کنید.

در ویرایشگر مطلب میتوانید فایل SVG خود را مانند سایر فرمت های فایل دیگر آپلود کنید.

 

روش 2. بارگذاری فایل های SVG در وردپرس با استفاده از افزونه Safe SVG

اولین کار نصب و فعال سازی افزونه Safe SVG است.

این افزونه نیازی به پیکربندی تنظیمات شما ندارد و به سادگی می توانید فایل های SVG را آپلود کنید.

نکته این است که این افزونه امکان آپلود SVG توسط همه کاربران را فراهم می کند.

برای کنترل افرادی که می توانند فایل ها را آپلود کنید، باید نسخه پریموم افزونه را خریداری کنید.

امیدواریم از خواندن این مقاله لذت برده باشید.

نظرات خود را با ما به اشتراک بگذارید.

منتظر مقالات بیشتر در ماهدیس وب باشید.