Как создать свой сайт WordPress с помощью Happy Particle

Опубликовано: 2021-01-07

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

Есть поговорка, что

У вас есть только один шанс произвести первое впечатление

Таким образом, как владелец веб-сайта, наша первоочередная задача — создать дизайн, который производит первое впечатление на посетителей.

Вот и Счастливая Частица играет свою роль. Благодаря различным эффектам частиц вы можете выделить свой дизайн из толпы. Прикольные эффекты делают сайт запоминающимся для посетителя, и он с большей вероятностью вернется. Поэтому вам стоит попробовать Happy Particle Effects, чтобы создавать потрясающие веб-страницы.

И чтобы помочь вам использовать Happy Particles с вашим сайтом Elementor, мы подготовили это руководство. Давайте погрузимся!

Скажите «привет» последней функции Happy Addons — Happy Particle

How to use particle

Если вы когда-либо сталкивались с Happy Addons, то вы уже знаете, как быстро Happy Addons растет. Когда мы говорим о его росте, вы будете рады узнать, что он уже перешагнул рубеж в 200 000 активных установок.

Помимо этого, в 2021 году у него есть еще много суперзахватывающих достижений, и с более футуристическими планами мы движемся к 2022 году. Сказав, что выпуск Happy Particle является частью нашего плана по добавлению новых перьев в корону Happy Addons.

Мы запустили Happy Particle с целью, чтобы она приносила дополнительное удовольствие вашим клиентам и посетителям сайта, так как создавала вау-эффект на вашем сайте.

Изначально вы получите три совершенно разных эффекта с Happy Particle. И последнее, но не менее важное: вы сможете создать совершенно другой эффект с помощью своего творчества, смешивая некоторые частицы. Мы назвали его Custom Particle.

1. Эффект снегопада

Snow fall effect of Happy particle

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

2. Эффект многоугольника

Polygon effect

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

3. Эффект НАСА

NASA effect

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

4. Пользовательский эффект

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

Как использовать Happy Particle, чтобы сделать ваш сайт более визуально привлекательным

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

Здесь Happy Particle делает свое дело. Благодаря потрясающим элементам дизайна он отличается от других веб-сайтов. А использование Happy Particle — простая задача.

Теперь позвольте мне показать вам, как вы можете создать свой сайт Elementor с помощью Happy Particle.

Вы здесь, а это значит, что у вас уже есть собственный сайт WordPress. Потому что, используя эту частицу, вам нужны три вещи:

  1. WordPress сайт
  2. Элементор (бесплатно)
  3. Счастливые аддоны Pro

Убедитесь, что вы успешно установили и активировали Elementor и Happy Addons. Теперь выполните следующие шаги.

Шаг 01: Создайте новую страницу или выберите существующую страницу

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

  • Перейдите в «Страница» > «Добавить новую».
Create a New Page

Вы получите новую страницу.

  1. Поместите имя страницы
  2. Сохранить черновик или опубликовать его
  3. Наконец, нажмите кнопку «Редактировать с помощью Elementor».
Create a New Page

Вы получите новую страницу для дизайна.

Шаг 02: Дизайн страницы

  • Выберите один столбец
Design the Page
  • Нажмите на опцию раздела на странице редактирования Elementor.
  • Установите высоту «По размеру экрана».
  • Включите «Да» в разделе «Растяжка».
editor
  • Нажмите знак плюс, чтобы добавить виджет.
  • Перетащите виджет в редактор. Например, здесь мы добавляем виджет «Заголовок».
drag widget
  • Теперь отредактируйте заголовок в соответствии с вашими дизайнерскими навыками в параметрах стиля.
heading

Шаг 03: Примените эффект многоугольника

  • Нажмите на опцию раздела на странице редактирования Elementor еще раз.
  • Перейдите на вкладку Стиль.
  • Включите фон счастливых частиц. Сделай это Да .
Apply Polygon Effect
  • Выберите стиль ( Polygon ) из выпадающего списка.
  • Вы можете изменить цвет частицы.
  • Вы также можете изменить количество частиц, размер частиц и скорость движения, включив Дополнительные настройки .
polygon

Шаг 04: Примените эффект снегопада

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

Шаг 05: Примените эффект НАСА

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

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

Шаг 06: Дизайн пользовательской частицы

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

  • Посетите этот сайт создания пользовательских эффектов, чтобы создать собственные частицы.
custom partcles 1024x533 1
  • Загрузите файл json и скопируйте код. Теперь вставьте код в отмеченную область.
custom 1

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

Хорошо! Позволь мне показать тебе.

Happy Particle
Позвольте мне создать свой сайт с помощью Happy Particle!

Позвольте Happy Particle выделить ваш дизайн

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

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

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

Powerup your Elementor Website Builder with HappyAddons 970X90