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

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

نحوه آپلود فایل SVG

برای آپلود فایل های svg در وردپرس چند راه پیش روی شماست که می توانید بر اساس نیاز خود یکی از آن ها را انتخاب کنید. اگر تفاوت فایل png و svg را نمی دانید پیشنهاد می کنیم مقاله آن را مطالعه کنید.

اضافه کردن تکه کد به وردپرس

با اضافه کردن کد زیر به فایل functions.php مجاز به آپلود کردن فایل svg خواهید بود. اگر می خواهید این کد را راحت تر به سایت خود اضافه کنید می توانید از افزونه wpcode نیز استفاده کنید. در ادامه هردو روش را آموزش داده ایم.

<?php
// Allow SVG uploads in WordPress
function paaragraph_svg_mime_types($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter('upload_mimes', 'paaragraph_svg_mime_types');

// Basic security check for SVG uploads
function paaragraph_svg_upload_security($file) {
    if ($file['type'] === 'image/svg+xml' && !current_user_can('manage_options')) {
        $file['error'] = 'فقط مدیران می‌توانند فایل SVG آپلود کنند.';
    }
    return $file;
}
add_filter('wp_handle_upload_prefilter', 'paaragraph_svg_upload_security');
?>

1. روش اول: اضافه کردن به functions.php

برای اضافه کردن این کد به فایل functions.php دو راه پیش رو دارید. یک اینکه از طریق هاست به آدرس زیر بروید و این کد رو در فایل مذکور اضافه کنید. دو اینکه می توانید از طریق ویرایشگر پوسته در پیشخوان وردپرس این کد را اضافه کنید.

روش اول: وارد هاست شوید و طبق مسیر زیر پیش بروید:

public_html>wp-content>themes>نام قالب>functions.php

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

نمایش>ویرایشگر پروند پوسته>functions.php

اضافه کردن کد فعال سازی فایل svg به افزونه wpcode

ابتدا پس از نصب افزونه wpcode lite در پنل پیشخوان، موس خود را روی گزینه code snippets ببرید و گزینه add snippets را انتخاب کنید. در این مرحله باید گزینه Add Your Custom Code (New Snippet) را انتخاب کنید تا بتوانید کد خود را به سایت اضافه کنید.

توجه کنید که پس از باز شدن صفحه جدید حتما گزینه php را انتخاب کنید. در آخر کد خود را وارد کرده کد را ذخیره و فعال کنید.

فعال سازی فایل svg با افزونه

افزونه safe svg یک افزونه برای بارگذاری فایل های Svg است. پس از نصب این افزونه می توانید فایل های خود را با فرمت svg آپلود کنید.