Создание разделителей контента с помощью плагина WordPress Wavy Divider

Кевин Батдорф, ведущий разработчик проекта в Extendify, ранее на этой неделе выпустил плагин Wavy Divider . Он описывается как «красочный, забавный и легкий разделительный блок, который наполнит ваш веб-сайт характером и изяществом».

Как человек, который считает, что каждая пятница должна официально называться «Веселая пятница», как я мог не установить и не активировать ее?

Я не видел, чтобы многие блочные плагины использовали случайный вариант дизайна, и Wavy Divider может быть первым. Его основной настройкой является управление «перемешиванием волн». Когда пользователь нажимает на нее, разделитель регенерируется с новыми местоположениями пиков и впадин.

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

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

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

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

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

Я собрал вводный раздел для блога о фитнесе или приключениях. Цель состояла в том, чтобы создать образ владельца сайта с индивидуальностью. Однако лучшие дизайнеры будут использовать его, чтобы собрать что-то уникальное для своих брендов.

Половина удовольствия от этого плагина — пробовать необычные комбинации с другими блоками. Другая половина — это открытие новых форм с помощью опции перемешивания.

Вы также можете использовать плагин для обложки вашего следующего малобюджетного фильма ужасов ( это был совершенно странный эксперимент при тестировании этого плагина).

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

Я обычно добавляю в закладки проекты с хорошо структурированным кодом для собственного назидания, и Wavy Divider подходит под эту форму. Для разработчиков, которые хотят изучить относительно простые примеры блочной разработки, было бы трудно ошибиться, используя их в качестве отправной точки. Код доступен на GitHub .