Построить красивые веб-сайты WordPress, используя Divi и Divi Builder

Как добавить сложенную анимацию изображений на WordPress с элементором

Muneeb Учебные пособия по WordPress May 4, 2021

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

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

Пример анимации сложенных изображений

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

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

Скачать Divi Лучшая тема WordPress

Самая популярная тема WordPress в мире и Ultimate Page Buildress Page Builder

Скачать Divi

Как добавить изображения с укладкой движения с помощью элементаора

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

Затем поместите столбец во внутренний раздел, который вы только что создали.

Перетащите виджет изображения и опустите его во внутреннюю колонку раздела.

Начните добавлять изображения слоями, т.е. один над другим, и поместите отрицательный запас на 2-й и 3-й слой из Advanced Tab, в этом учебнике мы будем использовать три изображения.

Используйте панель эффектов движения, чтобы добавить эффекты движения. Оттуда можно урегулировать движение Скорость и измерение (Вертикальный или Горизонтальный) движения.

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

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

Share Your Thoughts