چطوری فایل‌های SVG رو به راحتی توی وردپرس و المنتور آپلود کنیم؟ تو این مقاله از رایا وردپرس به صورت قدم به قدم با هم یاد میگیریم که چجوری بدون نیاز به افزونه، فایل SVG رو تو وردپرس آپلود کنیم پس جایی نریددددد! و منو با نگاه قشنگتون تا پایان این پست آموزشی همراهی کنید 😁❤️

فایل‌ SVG (به انگلیسی: Scalable Vector Graphics) توی دنیای طراحی وب طرفدارای زیادی داره و دلیلشم واضحه؛ این فایل‌ها تو هر سایزی که باشن، کیفیتشون رو حفظ می‌کنن. این ویژگی باعث می‌شه اگه سایز یه SVG رو تو سایت بزرگ‌تر یا کوچیک‌تر کنیم، همچنان کیفیت بالا بمونه. تو این مقاله با عنوان آموزش آپلود SVG در وردپرس و المنتور؛ بدون افزونه و دردسر همراهتون هستم تا راه‌های درست و بی‌دردسر آپلود این فایل‌ها تو وردپرس رو باهم یاد بگیریم.

حتما پیش اومده! هنگام تلاش برای آپلود فایل SVG در وردپرس با خطای “با عرض پوزش، این نوع پرونده به دلایل امنیتی مجاز نیست” مواجه بشی، به احتمال زیاد به این دلیله که به طور پیش‌فرض، وردپرس اجازه آپلود فایل‌های SVG رو نمیده، زیرا این فرمت میتونه حاوی کدهای مخرب باشه. برای حل این مشکل، می‌تونی از روش های موجود در این مقاله برای آپلود فایل SVG در وردپرس و المنتور استفاده کنی.

🤔چرا از SVG تو وردپرس استفاده کنیم؟

اول از همه، شاید برات سوال باشه که چرا اصلاً از SVG استفاده کنیم؟ خب، SVG یه نوع فرمت وکتوریه که باعث می‌شه بتونی گرافیک‌هایی مثل آیکون، لوگو یا حتی تصاویر پیچیده‌تر رو تو سایتت بذاری. چون به جای پیکسل، از خطوط و نقاط استفاده می‌کنه، حجم فایل‌هاش خیلی کمتره و از طرف دیگه، می‌شه تو سایزهای مختلف ازش استفاده کرد بدون اینکه کیفیت از دست بره.

× 📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD

👌ویژگی‌ های خوب SVG:

۱. کیفیت بالای تصویر تو هر سایزی: SVG‌ها برخلاف فرمت‌های رایج مثل JPG و PNG تو هر سایزی با کیفیت می‌مونن. ۲. حجم پایین‌تر نسبت به تصاویر پیکسلی: از اونجایی که به‌جای پیکسل از کدهای متنی استفاده می‌کنه، حجم فایل‌هاش نسبت به تصاویر بیت‌مپ کمتره. ۳. سئو دوستانه: موتورهای جستجو می‌تونن محتویات SVG رو بخونن و این خودش برای سئوی سایت می‌تونه مفید باشه.

☠️ خطرات و نکات امنیتی آپلود SVG

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

📌آموزش آپلود SVG در وردپرس بدون افزونه

حالا بریم سراغ اصل موضوع؛ چطوری بدون استفاده از افزونه، SVG رو تو وردپرس و المنتور آپلود کنیم؟ برای این کار فقط کافیه یه کد کوچیک php رو تو فایل functions.php قالب سایتت اضافه کنی.

۱. اضافه کردن کد به functions.php

این مرحله اولین قدمه. باید کد زیر رو به فایل functions.php قالب سایت اضافه کنی تا وردپرس اجازه بده SVG رو آپلود کنی:

add_filter('upload_mimes', 'add_svg_to_upload_mimes');
function add_svg_to_upload_mimes($upload_mimes) {
  $upload_mimes['svg'] = 'image/svg+xml';
  return $upload_mimes;
}

.______          ___    ____    ____  ___    ____    __    ____ .______  
|   _  \        /   \   \   \  /   / /   \   \   \  /  \  /   / |   _  \ 
|  |_)  |      /  ^  \   \   \/   / /  ^  \   \   \/    \/   /  |  |_)  |
|      /      /  /_\  \   \_    _/ /  /_\  \   \            /   |   ___/ 
|  |\  \----./  _____  \    |  |  /  _____  \   \    /\    /    |  |     
| _| `._____/__/     \__\   |__| /__/     \__\   \__/  \__/     | _|     

این کد کاری می‌کنه که وردپرس SVG رو به‌عنوان یه فرمت مجاز بشناسه و دیگه بهت خطا نده. فقط حواست باشه که اگه قالبت به‌روزرسانی شد، این کد دوباره پاک می‌شه و باید دوباره اضافه‌ش کنی پس بهتره!! این کد رو به چایلدتم قالب خودت اضافه کنی تا در صورت بروزرسانی کدهای سفارشی که زدی پاک نشه!!

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

add_filter('upload_mimes', 'add_svg_to_upload_mimes');
function add_svg_to_upload_mimes($upload_mimes) {
    if (current_user_can('administrator')) {
        $upload_mimes['svg'] = 'image/svg+xml';
    }
    return $upload_mimes;
}

.______          ___    ____    ____  ___    ____    __    ____ .______  
|   _  \        /   \   \   \  /   / /   \   \   \  /  \  /   / |   _  \ 
|  |_)  |      /  ^  \   \   \/   / /  ^  \   \   \/    \/   /  |  |_)  |
|      /      /  /_\  \   \_    _/ /  /_\  \   \            /   |   ___/ 
|  |\  \----./  _____  \    |  |  /  _____  \   \    /\    /    |  |     
| _| `._____/__/     \__\   |__| /__/     \__\   \__/  \__/     | _|     

۲. بررسی امنیت فایل SVG‌ قبل از آپلود

برای اینکه از امنیت SVG مطمئن بشی، می‌تونی از یه سری ابزار استفاده کنی که کدهای مخرب رو از SVG حذف کنن. یکی از ابزارهای رایگان و آنلاین که این کارو انجام می‌ده SVG Sanitizer هست.

📌آموزش فعالسازی آپلود SVG در المنتور

فعال‌سازی آپلود فایل‌ SVG در المنتور میتونه به طراحی بهتر و استفاده از گرافیک‌های وکتوری با کیفیت بالا کمک کنه. در ادامه، به طور کامل نحوه فعال‌سازی آپلود SVG در المنتور رو توضیح میدم.

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

مرحله ۱: ورود به پیشخوان وردپرس

اولین قدم اینه که به پیشخوان وردپرس بری. برای این کار، آدرس سایتت رو با /wp-admin به انتها اضافه کن و وارد حساب کاربری‌ات بشو.

مرحله ۲: رفتن به تنظیمات المنتور

بعد از ورود به پیشخوان، در منوی سمت چپ به قسمت المنتور برو و روی تنظیمات کلیک کن.

مرحله ۳: فعال‌سازی آپلود فایل SVG

در صفحه تنظیمات المنتور، به تب Advanced (پیشرفته) برو. در اینجا، گزینه‌ای برای فعال‌سازی آپلود فایل‌های SVG وجود داره. به نام (فعال سازی آپلود فایل های فیلتر نشده) این گزینه رو فعال کن. با این کار، المنتور اجازه می‌ده که فایل‌های SVG رو آپلود کنی.

مرحله ۴: ذخیره تغییرات

بعد از فعال‌سازی این گزینه، حتماً روی دکمه ذخیره تغییرات (Save Changes) کلیک کن تا تنظیماتت ثبت بشه.

مرحله ۵: آپلود فایل SVG

حالا که تنظیمات رو انجام دادی، می‌تونی به بخش رسانه‌ها (Media) بری و فایل SVG مورد نظرت رو آپلود کنی. کافیه روی دکمه افزودن (Add New) کلیک کنی و فایل SVG رو از کامپیوترت انتخاب کنی.

مرحله ۶: استفاده از فایل SVG در المنتور

بعد از آپلود، می‌تونی به ویرایشگر المنتور بری و با استفاده از ویجت‌های مختلف، فایل SVG رو به راحتی به صفحه‌ات اضافه کنی. مثلاً می‌تونی از ویجت تصویر (Image) استفاده کنی و فایل SVG رو انتخاب کنی.

نکته‌های امنیتی

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

جمع‌ بندی و نتیجه‌ گیری

فایل‌های SVG یه انتخاب عالی برای افزودن گرافیک به سایت وردپرسی هستن، ولی باید حتماً از امنیتشون مطمئن باشی. با رعایت اصولی که تو این آموزش آپلود SVG در وردپرس و المنتور؛ بدون افزونه و دردسر یاد گرفتی، می‌تونی با خیال راحت فایل‌های SVG رو تو سایتت آپلود کنی و از طراحی زیباتر و سرعت بیشتر سایت لذت ببری.

🚩کلمات کلیدی برای سئو مقاله: تغییر رنگ svg در المنتور – افزونه svg support – بارگذاری svg در وردپرس – افزونه svg ایمن – آپلود فایل svg در المنتور – عدم نمایش svg در المنتور