TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

SVG Divider для Elementor или красивые разделители для WordPress страниц

493

Позвольте мне анонсировать новый плагин SVG Divider для Elementor, чтобы украсить веб-сайт так, как вам нравится. Это позволяет вам иллюстрировать статьи и демонстрировать такие вещи:

[iframe src=https://www.youtube.com/embed/DpYDIj7FlpQ]

Эти разделители предназначены для разделения заголовков и текста, а также для  разделения разделов содержимого. В плагине есть все: от простых линий и узоров до орнаментов. Например, вы можете настроить сложность нарисованного разделителя SVG, настроив дополнительный слой с блестками, который анимируется в цикле.

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

Классический стиль

Встроенный виджет-разделитель Elementor – это нормально, но разработчики решили, что всегда есть возможности для улучшения с помощью специального плагина. Вышеупомянутые замысловатые объекты являются настоящими разделителями SVG и являются новинкой. А для пуристов создатели предлагают классический стиль. Внешне они похожи на существовавшие ранее решения с разделителями. Однако разрабы решили поступить немного иначе.

  1. Они включили набор иконок Let’s WP, который предоставляется бесплатно, но его удобнее использовать в плагине. Конечно, они добавили эксклюзивные наборы для путешествий и ресторанов с красивыми значками, не связанными с пользовательским интерфейсом, такими как пальмы или столовые приборы. Они недоступны в других местах. Вы больше не ограничены FontAwesome.
  2. У вас есть доступ к кнопке Elementor в качестве среднего элемента и вы даже можете перемещать значок внутри нее в любое место.
  3. Двойные и пунктирные линии уникальны. Это не предустановленные шаблоны, а гибкие и полностью настраиваемые с помощью ползунков.

Фирш – фронтенд, бэкэнд, анимация

Я всегда хотел иметь что-то подобное на своих сайтах после того, как увидел несколько кистей Photoshop, которые выглядели как лавры кинофестиваля. Встраивание растрового изображения в качестве разделителя является медленным, непрактичным и безжизненным. Поэтому разработчики пришли к этой идее, чтобы оживить сайты людей с помощью анимированных SVG-разделителей, которые быстро загружаются (всего несколько килобайт)!

Самая важная часть плагина – это настраиваемый элемент управления, всплывающее окно выбора иллюстраций, в котором вы выбираете разделители SVG или значки Let’s Go – они включают анимацию, активируемую мышью, и поиск в реальном времени, соответственно. Разработчик стремился сделать всплывающее окно быстрее, чем у Elementor, но при этом быть более удобным и красочным. Из-за некоторых интеллектуальных механизмов UX переключение между двумя дизайнами разделителей занимает всего несколько секунд – всплывающее окно отображает ранее выбранную иллюстрацию, и вы можете выбрать другую двойным щелчком. 

Источник записи: https://letswp.io

Leave A Reply

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