Как загрузить svg на WordPress — решение проблемы 2-мя способами!

Приветствую все читателей блога! Сегодня я хочу рассказать вам о проблеме с которой мне довольно часто приходится сталкиваться на работе, при разработке на WordPress. Наверняка вы знаете, что сейчас особую популярность получил такой формат как SVG. В данном формате часто сохраняется векторная графика — изображения, которые не теряют свое качество при масштабировании. Не хочется сильно углубляться в данную тему, думаю все и так знают о чем идет речь.

Так вот к чему это я все, о какой проблеме я говорю и причем тут вордпресс? А проблема связана с тем, что по умолчанию в загрузчик wordpress (так я назвал медиабиблиотеку вордпресса, кто не понял) нельзя загрузить некоторые форматы файлов, в том числе svg. Если вы попытаетесь это сделать, то получите такое вот сообщение:

error-svg

Если не верите попробуйте, сами в это убедитесь :).

Так как же все таки заставить wordpress скушать нужный нам формат, в данном случаи SVG? На самом деле все решается буквально несколькими строчками кода, сами убедитесь, вот код, который вам понадобится.



function my_mime_types($mimes) {
 $mimes['svg'] = 'image/svg+xml';
 return $mimes;
}
add_filter('upload_mimes', 'my_mime_types'); 

Если вкратце, то в данном коде, в функции my_mime_types мы в специальный массив добавляем новый формат загружаемых файлов и возвращаем этот массив. Запускаем мы вышеуказанную функцию при фильтре upload_mimes. Тем самым мы как бы указываем вордпрессу, что помимо всех разрешенных форматов файлов, которые хранятся в специальном массиве, можешь пропускать и этот вот формат — SVG. Ну как то так, если на пальцах.

В общем если вы ничего не поняли, то просто берете код, который указан выше и помещаете его в ваш файл functions.php (находится в файлах вашей темы вордпресс). И всё, после этого у вас все заработает.

Ну вроде все, ах… да чуть не забыл, если вы не очень хотите заморачиваться с кодом, вам проще работать с плагинами, то да в вордпресс и на этот случай есть готовое решение, плагин называется — «SVG Support» просто ставите его и все у вас все рабоатете, ну как всегда.

На этом все, очень надеюсь, что вам помогла данная статься. Если у вас возникнуть какие либо вопросы по данному материалу или по другому, задавайте их в комментариях, обязательно прочитаю и по возможности отвечу. Всего доброго!