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

Способ №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”.

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

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

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

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

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