Как добавить SVG в WordPress

 
 

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

Что такое SVG?

SVG или Масштабируемая векторная графика-это формат файла, который определяет векторную графику с использованием языка разметки 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 с помощью безопасного SVG

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

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

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

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

Чтобы контролировать, кто может загружать файлы, вам нужно будет приобрести премиум-версию плагина.

Мы надеемся, что эта статья помогла вам узнать, как безопасно добавлять SVG в WordPress. 

Делитесь нашими материалами с друзьями!

 

 

Заказать разработку сайта

3D-печать5GABC-анализAndroidAppleAppStoreAsusCall-центрDellDrupalFacebookFMCGGoogleHuaweiInstagramiPhoneLinkedInLinuxMagentoMicrosoftNvidiaOpenCartPlayStationPOS материалPPC-специалистRuTubeSamsungSEO-услугиSMMSnapchatSonyStarlinkTikTokTwitterUbuntuUp-saleViasatVPNWhatsAppWindowsWordPressXiaomiYouTubeZoomАвдеевкаАктивные продажиАкцияАлександровск ЛНРАлмазнаяАлчевскАмвросиевкаАнализ конкурентовАнализ продажАнтимерчандайзингАнтрацитАртемовскАртемовск ЛНРАссортиментная политикаБелгородБелицкоеБелозерскоеБердянскБизнес-идеи (стартапы)БрендБрянкаБукингВахрушевоВендорВикипедияВирусная рекламаВирусный маркетингВладивостокВнутренние продажиВнутренний маркетингВолгоградВолновахаВоронежГорловкаГорнякГорскоеДебальцевоДебиторкаДебиторская задолженностьДезинтермедитацияДзержинскДивизионная система управленияДизайнДимитровДирект-маркетингДисконтДистрибьюторДистрибьюцияДобропольеДокучаевскДружковкаЕкатеринбургЕнакиевоЖдановкаЗапорожьеЗимогорьеЗолотоеЗоринскЗугрэсИжевскИловайскИрминоКазаньКалининградКировскКировскоеКомсомольскоеКонстантиновкаКонтент-маркетингКонтент-планКопирайтингКраматорскКрасноармейскКрасногоровкаКраснодарКраснодонКраснопартизанскКрасный ЛиманКрасный ЛучКременнаяКураховоКурскЛисичанскЛуганскЛутугиноМакеевкаМариупольМаркетингМаркетинговая информацияМаркетинговые исследованияМаркетинговый каналМаркетинг услугМаркетологМарьинкаМедиаМелекиноМелитопольМенеджментМерчандайзерМерчандайзингМиусинскМолодогвардейскМоскваМоспиноНижний НовгородНиколаевНиколаевкаНишевой маркетингНовоазовскНовогродовкаНоводружескНовосибирскНумерическая дистрибьюцияОдессаОмскОтдел маркетингаПартизанский маркетингПервомайскПеревальскПетровскоеПопаснаяПравило ПаретоПривольеПрогнозирование продажПродвижение сайтов в ДонецкеПромоПромоушнПрямой маркетингРабота для маркетологаРабота для студентаРаспродажаРегиональные продажиРекламаРеклама на асфальтеРемаркетингРетро-бонусРибейтРитейлРовенькиРодинскоеРостов-на-ДонуРубежноеСамараСанкт-ПетербургСаратовСватовоСвердловскСветлодарскСвятогорскСевастопольСеверодонецкСеверскСедовоСейлз промоушнСелидовоСимферопольСинергияСколковоСлавянскСнежноеСоздание сайтов в ДонецкеСоледарСоциальные сетиСочиСтаробельскСтаробешевоСтахановСтимулирование сбытаСуходольскСчастьеТелемаркетингТельмановоТираспольТорговый представительТорезТрейд маркетингТрейд промоушнТюменьУглегорскУгледарУкраинскХабаровскХарцызскХерсонХостингЦелевая аудиторияЧасов ЯрЧелябинскШахтерскЮжно-СахалинскЮнокоммунаровскЯндексЯсиноватая