6 плагинов WordPress, которые позволят сайту оставаться в тренде

Нет необходимости говорить о WordPress, все прекрасно знают о его огромном потенциале. Вместо этого мы поговорим о плагинах для оформления сайта.

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

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

1. Карточки

Карточки

Их можно видеть на Pinterest, Dribbble, Behance, Twitter, Facebook, Google Plus и многих других ресурсах. Поэтому с карточек мы и начнем.

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

Решение WordPress: Masonry Layout

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

2. Двухцветная графика

Двухцветная графика

Она применялась в кампаниях Spotify, Adidas, Lois Jeans и других.

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

Решение WordPress: TwotoneFX

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

3. Эффект параллакса

Эффект параллакса

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

Решение WordPress: Parallax Scroll

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

4. Материальный дизайн

Материальный дизайн

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

Решение WordPress: Materializer

Это обширная библиотека компонентов Material Design, которая была преобразована в плагин WordPress. Он предлагает более двадцати шорткодов для интеграции в страницы или записи различных элементов, таких как карты, иконки загрузки файлов, кнопки.

5. Анимация

Анимация

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

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

Решение WordPress: Animate It

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

6. Кнопки гамбургер-меню

Кнопки гамбургер-меню

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

Решение WordPress: Responsive Menu

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