Хотите добавить файлы SVG на свой сайт WordPress? По умолчанию WordPress позволяет загружать все популярные форматы изображений, аудио и видео, но SVG не входит в их число. В этой статье мы покажем вам, как легко добавить SVG в WordPress.
Что такое SVG?
SVG или Scalable Vector Graphics – это формат файла, который определяет векторную графику с использованием языка разметки XML. Основное преимущество SVG заключается в том, что он позволяет увеличивать изображения, не теряя качества и не вызывая пикселизацию.
Как работает SVG?
Масштабируемая векторная графика (SVG) – это технология, которая отображает двухмерные чертежи с использованием XML. Они отличаются от обычно используемых форматов изображений, таких как PNG, GIF или JPEG.
Если вы возьмете файл изображения в формате png / jpeg и увеличите его, вы заметите, что изображение начнет размываться и пикселизироваться.
Векторная графика не использует пиксели. Вместо этого они используют двухмерную карту, которая определяет график, который вы просматриваете. По мере приближения изображение не пикселируется.
Это позволяет увеличивать векторную графику без потери качества. Что еще более важно, SVG изображения могут быть намного меньше по размеру файла, чем JPEG или PNG.
Векторная графика обычно используется для значков, значков, логотипов веб-сайтов и изображений брендов. Возможно, вы захотите добавить файлы SVG в WordPress для логотипа вашей компании, значков или другой графики.
Как бы круто они ни звучали, SVG-файлы все еще немного небезопасны. Вот почему WordPress по умолчанию не поддерживает загрузку файлов SVG.
Если вы загрузите изображение SVG в WordPress, вы увидите следующее сообщение об ошибке:
Извините, этот тип файла не разрешен по соображениям безопасности.
Проблемы безопасности, связанные с SVG в WordPress
Файлы SVG содержат код на языке разметки XML, аналогичный HTML. Ваш браузер или программное обеспечение для редактирования SVG анализирует язык разметки XML, чтобы отобразить результат на экране.
Однако это открывает ваш сайт для возможных уязвимостей XML. Его можно использовать для получения несанкционированного доступа к пользовательским данным, инициирования атак методом перебора или межсайтовых сценариев.
Методы, которые мы расскажем в этой статье, будут пытаться вылечить SVG-файлы для повышения их безопасности Однако эти плагины не могут полностью предотвратить загрузку или внедрение вредоносного кода.
Лучшее решение – использовать только файлы SVG, созданные доверенными источниками, и ограничивать загрузку SVG только доверенным пользователям.
Для получения дополнительной информации о безопасности см. Полное руководство по безопасности WordPress для начинающих.
С учетом сказанного давайте посмотрим, как легко и безопасно использовать файлы SVG в WordPress.
Способ 1. Загрузить файлы SVG в WordPress с помощью поддержки SVG
Этот метод предлагает полную поддержку для добавления файлов SVG в WordPress. Он также позволяет отображать SVG онлайн в постах и страницах WordPress.
Во-первых, вам нужно установить и активировать плагин поддержки SVG. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.
После активации необходимо посетить Конфигурация »Поддержка SVG страница для настройки параметров плагина.
На странице конфигурации вы должны установить флажок рядом с опцией «Ограничить администраторов?». Это позволит только администратору сайта загружать файлы SVG в WordPress.
Следующая опция – активировать расширенный режим. Вам нужно только проверить эту опцию, если вы хотите использовать расширенные функции, такие как CSS-анимация и встроенный рендеринг SVG.
Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.
Теперь вы можете создать новую публикацию или отредактировать существующую. В редакторе сообщений он загрузит ваш SVG-файл, как и любой другой файл изображения. Просто добавьте блок изображения в редактор и загрузите файл SVG.
Теперь вы можете загружать и вставлять файлы SVG в WordPress.
Способ 2. Загрузить файлы SVG в WordPress с помощью Safe SVG
Этот метод также использует плагин и позволяет вылечить SVG-файлы, загруженные в WordPress.
Первое, что вы должны сделать, это установить и активировать безопасный плагин SVG. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.
Плагин работает сразу и нет настроек, которые вы можете настроить. Вы можете начать загрузку файлов SVG.
Недостатком является то, что этот плагин позволяет загружать SVG всем пользователям, которые могут писать сообщения на своем сайте WordPress.
Чтобы контролировать, кто может загружать файлы, вам необходимо приобрести премиум-версию плагина.
Мы надеемся, что эта статья помогла вам научиться безопасно добавлять SVG в WordPress. Вы также можете проверить нашу статью о наиболее распространенных проблемах с изображениями в WordPress и о том, как их исправить.
Если вам понравилась эта статья, подпишитесь на наш канал YouTube, чтобы посмотреть обучающие видеоролики WordPress. Вы также можете найти нас на Twitter и Facebook,
