Как разрешить загрузку SVG в WordPress? — Сайт под ключ

Как разрешить загрузку SVG в WordPress?

Как разрешить загрузку SVG в WordPress?

Достаточно часто начинающие разработчики сайтов встречаются со следующими ошибками: «Извините, вам не разрешено загрузить этот тип файла» или «Извините, этот тип файла не разрешен по соображениям безопасности» при попытке загрузить SVG-изображение в библиотеку Медиафайлов.

В этом материале я расскажу, как бороться с такой ошибкой. Мы покажем, как избавиться от этой проблемы 2 актуальными на 2025 год способами.

Навигация по статье

Способ №1

Пожалуй, это один из самых популярных и быстрых способов разрешить загрузку SVG-файлов в WordPress.

Переходим к файлу functions.php и вставляем следующий код:

// Разрешить загрузку SVG
function custom_allow_svg_upload($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter('upload_mimes', 'custom_allow_svg_upload');

// Исправить отображение SVG в медиабиблиотеке
function custom_fix_svg_display() {
    echo '<style>
        .attachment-266x266, .thumbnail img {
            width: 100% !important;
            height: auto !important;
        }
    </style>';
}
add_action('admin_head', 'custom_fix_svg_display');

// Исправление MIME-типа для SVG
function custom_check_svg_filetype($data, $file, $filename, $mimes) {
    $filetype = wp_check_filetype($filename, $mimes);
    return [
        'ext'  => $filetype['ext'],
        'type' => $filetype['type'],
        'proper_filename' => $data['proper_filename'],
    ];
}
add_filter('wp_check_filetype_and_ext', 'custom_check_svg_filetype', 10, 4);

Теперь файл можно сохранить. Проверяем, работает ли загрузка SVG-файлов. Если этот способ не помог, то переходим ко второму.

Способ №2

Не хочется разбираться в коде, а наличие лишних установленных плагинов вас не отталкивает? Тогда советую воспользоваться плагином “SVG Support” от автора “Benbodhi”.

SVG Support WordPress

Установите плагин из официального репозитория WordPress. Далее ничего настраивать не нужно, все должно заработать.

Подведем итоги

В этом материале мы рассказали о 2 актуальных способах, как избавиться от ошибки при загрузке SVG файлов на ваш сайт на WordPress.

Обязательно отпишитесь в комментариях, какой способ вам помог, для нас очень важна обратная связь от нашей аудитории.

Интересует разработка сайта? Хотите получить больше новых знаний? Тогда подписывайтесь на нашу группу в ВКонтакте и вступайте в нашу беседу, чтобы не пропустить новые познавательные материалы о мире веб-разработки.

Поддержать нашу команду:
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Привет! Интересно читать нас? Уделите пару минут своего времени, узнайте больше о нашей команде!

Получить подарок!