Представляем Flip Box и 3 других новых профессиональных функции

Интерактивный дизайн сейчас в моде. Здесь, в Elementor, мы всегда стремились предложить вам широкий спектр функций, которые добавляют интерактивности вашему сайту. Анимация наведения и входа, карусели, слайды и переключатели - это лишь несколько примеров виджетов, которые предполагают взаимодействие с посетителями. Теперь появился новый виджет, который добавляет еще один уровень интерактивности - виджет Flip Box.

Забудьте все, что вы знали о флипбоксах. Flipbox от Elementor Pro дает вам больше возможностей для дизайна, как вы увидите в примерах ниже.

Флип-бокс - это ящик, который переворачивается при наведении на него курсора. Вы можете выбирать из различных анимаций, а также настраивать внешний вид и поведение каждого флип-бокса. Флип-боксы могут помочь сделать ваш контент более интересным, улучшить взаимодействие с пользователем, а также позволить вам акцентировать внимание на особенностях вашего бизнеса, продуктах и ​​услугах.

С новым виджетом Flip Box от Elementor вы получаете все основные эффекты переворота, включая переворот, толчок, скольжение, затухание, увеличение и уменьшение. Эффекты анимации переворачивания работают плавно, без сбоев и остановок.

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

Содержимое можно отдельно выровнять по центру, правому или левому краю как для передней, так и для задней части флип-бокса. Вышеупомянутые баннеры были полностью созданы с использованием виджета Flip Box и служат примером выравнивания содержимого по левому краю.

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

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

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

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

Сколько времени у вас уходит на создание страницы блога сверху вниз?

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

Одна из самых удивительных функций, включенных в Elementor Pro, - это виджет «Сообщения». Возможность визуального оформления страницы вашего блога без какого-либо кодирования меняет правила игры. Проблема с этим виджетом заключалась в том, что вы по-прежнему не могли создавать макеты блогов, а сообщения не включали разбиение на страницы.

Теперь мы представляем как макеты Masonry, так и разбиение на страницы, что делает виджет «Сообщения» идеальным средством создания визуальных блогов для WordPress.

Теперь вы можете отображать свои сообщения в сетке каменной кладки с помощью виджета «Сообщения». Это означает, что вы можете демонстрировать свои сообщения с помощью сетки, подобной Pinterest. В следующем выпуске мы добавим функцию масонства в виджет «Портфолио».

Опция Pagination позволяет легко поэкспериментировать с дизайном вашего блога. Теперь у вас есть контроль над всем дизайном блога, включая элементы нумерации страниц, такие как предыдущий / следующий стиль.

Мы также убедились, что наша пагинация оптимизирована для SEO. Пагинация Elementor работает так же, как обычная разбивка на страницы WordPress с точки зрения URL-адресов, поэтому вы по-прежнему получаете те же самые дружественные ссылки для SEO для каждой создаваемой ссылки для разбивки на страницы.

Слайды - еще одна очень полезная функция Pro. На этой неделе мы добавляем в этот виджет две настройки, которые исходят непосредственно от наших запросов пользователей.

До сих пор у вас было два варианта отображения изображений в нашем виджете «Слайды»:

1. Обложка - эта опция заставляет изображение «закрывать» весь слайдер. Например, если вы загрузите вертикальное изображение, верхняя и нижняя части изображения будут обрезаны, а изображение будет отображаться в увеличенном масштабе.
2. Авто - этот параметр показывает фактический размер изображения.

Теперь мы добавляем еще один режим отображения: Содержать . Эта опция отображает изображение, содержащееся в пределах слайда. Допустим, вы используете узкое изображение на широком слайдере, узкое изображение заполнит 100% высоты слайдера, а левая и правая стороны слайдера будут отображать цвет фона.

Если, с другой стороны, вы используете широкое изображение на узком слайдере, широкое изображение заполнит 100% ширины слайдера, а верхняя и нижняя стороны слайдера покажут цвет фона.

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

Эффект Кена Бернса доступен только в виджете Pro Slides. Вы должны добавить изображение к определенному слайду, чтобы появилась опция.

Обязательно обновите плагины Elementor и Elementor Pro , чтобы убедиться, что все новые функции работают правильно.

Функции, добавленные сегодня, флип-бокс, масонство, разбиение на страницы и эффект Кена Бернса, - все это добавляет к нашему и без того визуально богатому конструктору страниц. Я приглашаю вас опробовать каждый из них и поделиться с нами своими творениями на новых страницах.

Если вы все еще не обновились до Elementor Pro, это отличный шанс сделать это и изучить новые функции, которые мы только что добавили в плагин.