روش آپلود SVG در وردپرس: 2 روش ایمن

مدیران وب و طراحان وب موظفند از فرمت های مختلف فایل های رسانه ای در کار خود استفاده کنند. امروزه یکی از محبوب ترین فرمت ها SVG است که یک فرمت برداری مبتنی بر XML است. متأسفانه همه مرورگرها و پلتفرم‌ها از SVG پشتیبانی نمی‌کنند و باید از قبل پشتیبانی SVG را به صورت دستی فعال کنید.

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

برای شروع، بیایید خود را با SVG و روش عملکرد آن آشنا کنیم.

از ژانویه 2022، 42 درصد از کل وب سایت ها در سراسر جهان از SVG استفاده کنید این درصد از ژانویه 2021، یعنی زمانی که فقط افزایش یافته است 29.4 درصد از وب سایت ها از آن استفاده کرد. مشابه فرمت‌های PNG و JPG، SVG در بین وب‌سایت‌های پر بازدید مانند گوگل، ویکی‌پدیا و یوتیوب محبوب است.

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

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

گرافیک برداری مقیاس پذیر از XML برای تولید تصاویر برداری دو بعدی استفاده می کند. بر خلاف JPG و PNG، گرافیک برداری از پیکسل تشکیل نمی شود. در عوض، رفتار آنها در فایل های متنی XML توضیح داده شده است.

به همین دلیل، گرافیک های برداری مقیاس پذیر را می توان مانند کد جستجو، فهرست بندی، اسکریپت، ویرایش و فشرده سازی کرد. بر این اساس، هر کسی می تواند آنها را با استفاده از یک ویرایشگر متن یا نرم افزار گرافیک برداری ایجاد کند.

آیا وردپرس از SVG پشتیبانی می کند؟

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

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

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

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

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

• مقیاس پذیری ‒ از آنجایی که SVG یک فرمت تصویر برداری است، فایل‌های SVG کیفیت یکسانی را در تمام وضوح‌های صفحه حفظ می‌کنند. این مزیت پس از بزرگنمایی آنها نیز وجود دارد، به همین دلیل است که بسیاری از افراد از این فرمت تصویر مقیاس پذیر برای آیکون ها و لوگوها استفاده می کنند.
• اندازه فایل کوچکتر ‒ استفاده از فایل‌های SVG بهبود عملکرد وب‌سایت را با تصاویر مقیاس‌شده آسان‌تر می‌کند، زیرا آنها فضای ذخیره‌سازی وب شما را کمتر می‌کنند و سریع‌تر از تصاویر شطرنجی بارگذاری می‌شوند.
• سئو دوستانه ‒ Google فایل‌های SVG را فهرست‌بندی می‌کند و به آن‌ها اجازه نمایش می‌دهد روی جستجوی تصویر گوگل و بهبود تلاش های SEO شما. با تصاویر شطرنجی، شما محدود به بهینه سازی ویژگی های alt آنها هستید.
• مبتنی بر کد ‒ SVG ها با استفاده از ویرایشگر متن یا نرم افزار ویرایش گرافیک برداری قابل تغییر هستند. می‌توانید فایل‌های تصویری SVG را برای وب‌سایت‌ها بهینه کنید یا حتی انیمیشن‌هایی را اضافه کنید تا گرافیک‌ها تعاملی باشند.

SVG و امنیت وردپرس

از آنجایی که SVG اساساً یک فایل متنی XML است، دارای آسیب‌پذیری‌های قابل بهره‌برداری است که بر سایر فرمت‌های تصویر تأثیر نمی‌گذارد. در نتیجه، افراد می توانند به راحتی آن را با کدهای مخرب ربوده و حملات اسکریپت بین سایتی (XSS) و موجودیت خارجی XML (XXE) را راه اندازی کنند. روی سیستم شما

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

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

می‌توانید آپلود فایل‌های SVG را با استفاده از افزونه SVG پاکسازی کنید – ما مراحل انجام این کار را بعداً پوشش خواهیم داد. با این حال، توصیه می کنیم آن را دوبار ضد عفونی کنید تست ضد عفونی کننده SVG ‒ این یک ابزار آنلاین توسط Darryll Doyle، یک توسعه دهنده وردپرس است.

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

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

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

از یک پلاگین استفاده کنید

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

در اینجا مراحل راه اندازی پشتیبانی SVG آمده است:

1. افزونه را نصب کنید و آن را فعال کنید.

2. هدایت به تنظیمات -> SVG حمایت کردن از داشبورد وردپرس شما.

3. کادر کناری را علامت بزنید محدود به مدیر گزینه ای برای محدود کردن امتیازات آپلود. همین کار را با حالت پیشرفته را فعال کنید اگر می خواهید به ویژگی های پیشرفته مانند رندر SVG درون خطی و استایل CSS دسترسی داشته باشید گزینه ای است.

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

به صورت دستی پشتیبانی SVG وردپرس را اضافه کنید

این روش شامل ویرایش functions.php فایل وب سایت وردپرس شما بنابراین، اگر با PHP آشنایی دارید و مسئله امنیت SVG را کاملاً درک می کنید، اکیداً توصیه می کنیم این مراحل را دنبال کنید.

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

1. به hPanel دسترسی پیدا کنید و به فایل ها -> مدیر فایل.
2. هدایت به public_html -> wp-شامل. به پایین اسکرول کنید تا مکان یابی کنید functions.php.

3. روی فایل دوبار کلیک کنید تا باز شود و قطعه کد زیر را در آن جایگذاری کنید:

function add_file_types_to_uploads($file_types){
$new_filetypes = array();
$new_filetypes['svg'] = 'image/svg+xml';
$file_types = array_merge($file_types, $new_filetypes );
return $file_types;
}
add_filter('upload_mimes', 'add_file_types_to_uploads');

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

نتیجه

مزایای فراوان فایل های SVG به محبوبیت فزاینده این نوع فایل کمک می کند. متأسفانه، فایل های متنی XML مستعد تزریق کد هستند، که دلیل اصلی عدم پشتیبانی وردپرس به صورت پیش فرض از SVG است.

با این حال، دو راه وجود دارد که می‌توانید سایت وردپرس خود را بپذیرید فایل‌های SVG – با استفاده از افزونه وردپرس یا تغییر در سایت. functions.php فایل. همراه با محدود کردن امتیازات آپلود، می‌توانید با خیال راحت فایل‌های SVG را در کتابخانه رسانه سایت آپلود کنید.

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

سوالات متداول SVG را در وردپرس آپلود کنید

در زیر چند پاسخ در مورد داشتن SVG در وردپرس آورده شده است.