Этот плагин не тестировался с последними 3 основными выпусками WordPress. Скорее всего, он уже не поддерживается и может быть несовместим с текущими версиями WordPress.

Elementor Inline SVG

Описание

An Elementor widget that lets you add an SVG file as markup instead of an html image tag.

How it works

Elementor Inline SVG works much like the core Image widget from Elementor, except that it expects SVG files and outputs the file’s contents as markup in your page. This eliminates the extra HTTP request that otherwise occurs when using the tag and allows for styling and interacting with the SVG elements through CSS and Javascript.

Options

  1. Max-width control that lets you specify a maximum width in pixels or percentage [responsive]
  2. Custom aspect ratio to change the default aspect ration of the contents [responsive]
  3. Alignment to left, center or right

Установка

  1. Make sure Elementor is installed and active on your website
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Edit a page (or post) using Elementor
  4. Find and use the new «Inline SVG» widget

Часто задаваемые вопросы

Installation Instructions
  1. Make sure Elementor is installed and active on your website
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Edit a page (or post) using Elementor
  4. Find and use the new «Inline SVG» widget

Отзывы

25.05.2018
Export from Illustrator (don't "Save As…", export to SVG) and bring it into WP. Edit your template with Elementor and choose the "Inline SVG" widget. Choose to override colors, or to add a hover color, etc. No step 4.
10.02.2018
Not sure why others haven't been able to get this to work as it was a flawless experience for me. I did also install Safe SVG as recommended by another reviewer as it's also an excellent plugin. Would be nice for this plugin to include what Safe SVG does so you just have the one plugin, but that's being a little picky 🙂 All-in-all it does exactly what you want without fuss. Couldn't be happier and many thanks to the author for creating this and spending their time on it.
04.01.2018
Using latest Elementor Pro together with the Astra theme and Elementor Inline SVG allows me to easily add and style vector graphics helping towards site speed and responsiveness. This will definitely be an essential tool for every site when using Elementor Builder.
28.11.2017
A couple of comments to address previous reviewers who couldn't get it to work: 1) Make sure that you know how to work with svg files. You may need to edit your svg's in Adobe Illustrator (or another vector program) so that the actual vector drawing covers most of the artboard (i.e. touches top/bottom if portrait svg or left/right if landscape svg). I use this plugin to display vector icons and standardized my artboard size to be 50px x 50px (widthxheight) with (x, y) set to (25px, -25px). That way, when I select the icon from the WP media library, using this widget, I can apply the same styling (notably sizing/width and padding) across all of my icons. See https://graphicdesign.stackexchange.com/questions/12904/how-to-change-artboard-size-in-ai-cs6 2) The vector image will not be viewable within the Elementor editor. You need to view the page.
11.10.2017
Greetings. Great idea the plugin. Too bad it does not work ... I've tried 25 themes. Among them Astra. and the plugin does not work. I have tried it without added plugins and nothing .... It is a pity.
Посмотреть все 9 отзывов

Участники и разработчики

«Elementor Inline SVG» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Перевести «Elementor Inline SVG» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.2.0

  • Tweak — Better sizing management
  • Fixed — Typo on render attribute
  • Added — Handle css styling

1.1.0

  • Added — Controls to modify default and hover color of shape elements
  • Fixed — Connection refused error on DomDocument load function

1.0.0

  • Fixed — Compatibility with the latest version of Elementor
  • Added — Ability to add link to svg
  • Tweak — Reorganised controls

0.0.3

  • Added controls to allow the SVG to have a custom aspect ratio instead of maintaining the default one
  • Removed default placeholder image for SVG file control
  • Added required PHP version 5.0 due DOMElement library
  • Fixed — Bug where you needed to refresh the editor to see the SVG

0.0.2

  • «Width» control is now responsive
  • SVG can now be aligned to left, right or center
  • Updated required Elementor version to 1.4.1

0.0.1

  • First version