آشنایی با نحوه آپلود SVG در وردپرس

آپلود SVG در وردپرس به روش های مختلفی ممکن است. اگر از کاربران سرسخت وردپرس هستید، متوجه شده اید که وردپرس از آپلود فایل های SVG (گرافیک برداری مقیاس پذیر) پشتیبانی نمی کند. اما تصاویر SVG بسیار مفید هستند و دارای مزایای زیادی هستند، که میتوان به بزرگنمایی فایل ها بدون از دست دادن کیفیت اشاره کرد. فایل های SVG با استفاده از XML به عنوان پایه خود ایجاد می شوند. بر خلاف فرمت های دیگر، مانند PNGک، SVG از پیکسل برای کیفیت تصویر استفاده نمی کند. در عوض، از “vectors” استفاده می کند. مزیت اصلی این نوع فایل حفظ کیفیت تصویر است.

در مقاله حاضر در وب سایت ایران هاستینگ 24 قصد داریم تا شما را با روش های آپلود SVG در وردپرس آشنا کنیم. با ما همراه باشید.

آموزش آپلود SVG در وردپرس

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

دلیل نیاز به آپلود SVG در وردپرس

ممکن است تعجب کرده باشید که چرا باید از SVG استفاده کنید در حالی که وردپرس به فرمت های آپلود دیگر مانند PNG، JPG، JPEG و غیره اجازه می دهد. یکی از دلایل این است که تصاویر SVG برای گرافیک های وب سایت، لوگوها، آیکون ها و نمودارها بهترین کار را دارند. به غیر از آن، برخی از دلایل استفاده از فایل های SVG در وب سایت های خود به شرح زیر است.

بارگذاری سریع وب سایت شما

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

بسیار مقیاس پذیر

یک تصویر SVG کیفیت خود را حفظ خواهد کرد حتی اگر بزرگنمایی کنید. با توجه به این واقعیت که فرمت های JPG در حین بزرگنمایی پیکسلی می شوند، فایل های SVG بهترین گزینه بعدی هستند.

مشاهده محتوا در هر دستگاه

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

آپلود SVG در وردپرس با استفاده از افزونه

SVG را می توان با استفاده از افزونه ها به سایت وردپرس اضافه کرد. این یک روش ساده است زیرا فقط می خواهید یک افزونه نصب کنید. بهترین افزونه برای انجام این فعالیت، افزونه SVG support است. بیایید روند افزودن این افزونه به سایت خود را به مراحل ساده تقسیم کنیم. ابتدا وارد وب سایت خود شوید. سپس بر روی گزینه plugins در سمت چپ کلیک کرده و “Add new” را انتخاب کنید. افزونه “SVG support” را در کادر جستجو و نصب کنید.

وردپرس به دلیل خطراتی که دارد اجازه آپلود فایل SVG را نمی دهد. بنابراین پس از نصب این افزونه، برای ایمنی خود، حقوق آپلود را فقط به مدیران محدود کنید. می توانید تنظیمات افزونه پشتیبانی SVG را با رفتن به تنظیمات -> پشتیبانی SVG تغییر دهید. با این فرآیند، می توانید فایل های SVG را مستقیماً از پوشه های دستگاه خود آپلود کنید.

آپلود SVG در وردپرس با ویرایش فایل Function.php

این یک روش جایگزین است که تا حدودی شامل کدنویسی می شود. وب سایت های وردپرسی را می توان با وارد کردن کدهای مربوطه به صورت مستقیم ویرایش کرد. برای انجام این کار، از داشبورد خود، Appearance-> Theme file editor را انتخاب کنید. با کلیک بر روی آن، یک پیام هشدار نمایش داده می شود. این پیام به ما هشدار می دهد که تغییر کد، اصول خود وب سایت را تغییر می دهد.

اگر می‌خواهید از هر نوع آسیبی به وب‌سایت خود جلوگیری کنید، سعی کنید کد را در قسمت قالب وارد کنید یا یک نسخه کپی از کد اصلی برای مراجعات بعدی داشته باشید. سپس، روی “I understand” کلیک کنید. گزینه “function.php” را در زیر بخش های موضوع انتخاب کنید. سپس این قطعه کد را به فایل خود اضافه کنید.

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