Как создать свой сайт WordPress с помощью Happy Particle
Опубликовано: 2021-01-07Можете ли вы вспомнить, когда в последний раз вы задерживались на сайте на несколько минут, хотя дизайн этого сайта вас не впечатлил? Это тяжело, мы знаем! Потому что мы обычно уходим с сайта, который нас не привлекает, а на загрузку дизайна уходит вечность.
Есть поговорка, что
У вас есть только один шанс произвести первое впечатление
Таким образом, как владелец веб-сайта, наша первоочередная задача — создать дизайн, который производит первое впечатление на посетителей.
Вот и Счастливая Частица играет свою роль. Благодаря различным эффектам частиц вы можете выделить свой дизайн из толпы. Прикольные эффекты делают сайт запоминающимся для посетителя, и он с большей вероятностью вернется. Поэтому вам стоит попробовать Happy Particle Effects, чтобы создавать потрясающие веб-страницы.
И чтобы помочь вам использовать Happy Particles с вашим сайтом Elementor, мы подготовили это руководство. Давайте погрузимся!
Скажите «привет» последней функции Happy Addons — Happy Particle

Если вы когда-либо сталкивались с Happy Addons, то вы уже знаете, как быстро Happy Addons растет. Когда мы говорим о его росте, вы будете рады узнать, что он уже перешагнул рубеж в 200 000 активных установок.
Помимо этого, в 2021 году у него есть еще много суперзахватывающих достижений, и с более футуристическими планами мы движемся к 2022 году. Сказав, что выпуск Happy Particle является частью нашего плана по добавлению новых перьев в корону Happy Addons.
Мы запустили Happy Particle с целью, чтобы она приносила дополнительное удовольствие вашим клиентам и посетителям сайта, так как создавала вау-эффект на вашем сайте.
Изначально вы получите три совершенно разных эффекта с Happy Particle. И последнее, но не менее важное: вы сможете создать совершенно другой эффект с помощью своего творчества, смешивая некоторые частицы. Мы назвали его Custom Particle.
1. Эффект снегопада

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

Эффект многоугольника создает волшебство на фоне вашего сайта. Название многоугольника говорит о том, как он будет работать с вашим дизайном. Все точки будут добавлены друг к другу, чтобы сделать ваш дизайн завораживающим динамичным сценарием.
3. Эффект НАСА

Если вы хотите добавить привлекательные плавающие эффекты на фон вашего веб-сайта, вы можете использовать эффект НАСА. Как и в двух других эффектах, здесь вы также можете установить количество частиц, размер ваших частиц и скорость движения частиц.
4. Пользовательский эффект
Помимо этих трехчастичных эффектов, у нас есть еще один эффект — пользовательский эффект. Если вы хотите создать эффект частиц по-своему, вы можете сделать это с помощью пользовательского эффекта. После создания частицы загрузите файл JSON , и Happy Particle позволит вам добавить этот код в свой дизайн, чтобы выполнить свою работу.
Как использовать Happy Particle, чтобы сделать ваш сайт более визуально привлекательным
Мы любим посещать сайт, который нас привлекает. И в настоящее время привлекать людей немного сложно. Потому что каждый день мы посещаем множество сайтов и забываем каждый сайт, если только он не привлекает нас чем-то другим.
Здесь Happy Particle делает свое дело. Благодаря потрясающим элементам дизайна он отличается от других веб-сайтов. А использование Happy Particle — простая задача.
Теперь позвольте мне показать вам, как вы можете создать свой сайт Elementor с помощью Happy Particle.
Вы здесь, а это значит, что у вас уже есть собственный сайт WordPress. Потому что, используя эту частицу, вам нужны три вещи:
- WordPress сайт
- Элементор (бесплатно)
- Счастливые аддоны Pro
Убедитесь, что вы успешно установили и активировали Elementor и Happy Addons. Теперь выполните следующие шаги.
Шаг 01: Создайте новую страницу или выберите существующую страницу
Вы можете либо создать новую страницу, либо выбрать существующую страницу, чтобы применить эффект «Счастливая частица». Чтобы создать новую страницу,
- Перейдите в «Страница» > «Добавить новую».

Вы получите новую страницу.
- Поместите имя страницы
- Сохранить черновик или опубликовать его
- Наконец, нажмите кнопку «Редактировать с помощью Elementor».

Вы получите новую страницу для дизайна.
Шаг 02: Дизайн страницы
- Выберите один столбец

- Нажмите на опцию раздела на странице редактирования Elementor.
- Установите высоту «По размеру экрана».
- Включите «Да» в разделе «Растяжка».

- Нажмите знак плюс, чтобы добавить виджет.
- Перетащите виджет в редактор. Например, здесь мы добавляем виджет «Заголовок».

- Теперь отредактируйте заголовок в соответствии с вашими дизайнерскими навыками в параметрах стиля.

Шаг 03: Примените эффект многоугольника
- Нажмите на опцию раздела на странице редактирования Elementor еще раз.
- Перейдите на вкладку Стиль.
- Включите фон счастливых частиц. Сделай это Да .

- Выберите стиль ( Polygon ) из выпадающего списка.
- Вы можете изменить цвет частицы.
- Вы также можете изменить количество частиц, размер частиц и скорость движения, включив Дополнительные настройки .

Шаг 04: Примените эффект снегопада
- Перетащите виджет изображения в редактор.
- Загрузите изображение, а затем настройте его на вкладках стилей.

- Перейдите к Happy Particle Effects и включите Yes для Enable Particle Background.
- Выберите «Снег» на вкладке «Стиль».
- Вы также можете изменить количество частиц, размер, цвет, скорость и другие вещи из этого раздела.

Шаг 05: Примените эффект НАСА
- Перетащите виджет (какой хотите) в редактор. Здесь мы использовали виджет обратного отсчета.
- Примените эффект НАСА из раздела стилей.

Вуаля! Вы добавили эффект НАСА в свой дизайн.

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

- Загрузите файл json и скопируйте код. Теперь вставьте код в отмеченную область.

Поздравляем! Вы завершили изучение эффектов Happy Particle и создали дизайн с этими эффектами. Хотите взглянуть на окончательный вариант вашего дизайна?
Хорошо! Позволь мне показать тебе.

Позвольте Happy Particle выделить ваш дизайн
Использовать Happy Particle очень просто. Выберите стиль из эффектов Happy Particle и примените его к своим существующим или новым проектам. Это наверняка добавит изюминку вашему дизайну. Это все, что вам нужно, чтобы вернуть посетителей на борт.
После прочтения этого блога, если вы по-прежнему сталкиваетесь с какими-либо проблемами при разработке своего сайта, или он раздувает ваш сайт или что-то еще, вы можете следовать нашей подробной документации.
Хорошо! Теперь дайте мне знать, какой эффект вам нравится больше всего. Или есть что-то, что вы хотите предложить нашей команде R&D? Дайте нам знать ваши отзывы через поле для комментариев ниже.
