Немає необхідності говорити про WordPress, всі прекрасно знають про його величезний потенціал. Замість цього ми поговоримо про плагінах для оформлення сайту.

Деякі з них є життєво важливими, такі як плагіни для поліпшення SEO або кешування сайту. Інші не є обов’язковими. До останніх відносяться розширення, покликані допомогти власникам сайтів йти в ногу з останніми тенденціями у веб-дизайні.

У цій статті ми розглянемо шість простих і безкоштовних рішень, доступних в репозиторії WordPress.

1. Картки

Їх можна бачити на Pinterest, Dribbble, Behance, Twitter, Facebook, Google Plus і багатьох інших ресурсах. Тому з карток ми і почнемо.

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

Рішення WordPress: Masonry Layout

Цей плагін є одним з найкращих способів реалізації структури на основі карток. Він дозволяє створити макет в стилі Pinterest і застосувати його до блогу, онлайн-журналу або навіть інтернет-магазину.

2. Двоколірна графіка

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

Вона застосовувалася в кампаніях Spotify, Adidas, Lois Jeans та інших.

Концепція двоколірного дизайну стара, як світ. Вона мільйон разів використовувалася фотографами, яким було необхідно виявити півтони і світлі тони фотографії. Але, незважаючи на це двоколірна графіка торік пережила справжній бум. Самим яскравим прикладом її застосування є Spotify.

Рішення WordPress: TwotoneFX

Це невеликий плагін WordPress для оформлення сайту, який дозволяє конвертувати всі зображення медіа-бібліотеки в двоколірні. Він має простий, досить інтуїтивний інтерфейс з декількома параметрами, що дозволяють редагувати картинки. З його допомогою можна встановити кольору і застосувати фільтри для мініатюр зображень в записах.

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

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

Цю техніку навряд чи можна назвати свіжим трендом; вона відома вже досить давно. Можна з упевненістю сказати, що це перевірений часом інструмент, який стрімко набирає популярність. У поєднанні з декількома фонами він допомагає створювати макети, виглядають динамічно, що характеризуються прекрасним досвідом взаємодії та містять 3D-ефекти.

Рішення WordPress: Parallax Scroll

Це відмінний спосіб додати подібний ефект з допомогою шорткода. Плагін дозволяє створювати заголовки, сторінки і користувальницькі типи записів з паралакс-фоном. На офіційній сторінці ви знайдете безліч оформлення сайту прикладів.

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

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

Матеріальний дизайн вже зайняв свою нішу. Він сприяє впровадженню найбільш оптимальних практик у UX-дизайні, виступаючи в ролі «дороговказною зірки«. Він також визначає легко реалізуються стилі естетичного користувальницького інтерфейсу.

Рішення WordPress: Materializer

Це велика бібліотека компонентів Material Design, яка була перетворена в плагін WordPress. Він пропонує більше двадцяти шорткодов для інтеграції в сторінки або запису різних елементів, таких як карти, іконки завантаження файлів, кнопки.

5. Анімація

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

Серед сучасних трендів оформлення веб-сайту є найбільш приємним для очей, цікавим і потужним впливу. Існує безліч видів анімації: відкладена, анімація завантаження, плавні переходи, плавні зміщення сторінки, традиційне зменшення непрозорості, розсувна анімація, анімації масштабування і оригінальних шрифтів. Вона використовуються для поліпшення інтерфейсів, оптимізації досвіду взаємодії і просто, щоб втілити в життя цікаві ідеї.

Якщо вам потрібна додаткова інформація про цю стрімко набирає популярність тенденції, прочитайте повний посібник з веб-анімації.

Рішення WordPress: Animate It

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

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

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

Деякі вважають, що ця кнопка з трьома смугами, яка приховує меню навігації, є благом для сучасних інтерфейсів. Інші закликають не використовувати її і приводять вагомі на те причини. Тенденція є досить спірною. Тим не менш, цей елемент дизайну як і раніше затребувана.

Рішення WordPress: Responsive Menu

Враховуючи те, що цього плагіну WordPress для оформлення сайту довіряють більш вісімдесяти тисяч користувачів, він є найбільш підходящим для вашого блогу, журналу, корпоративного порталу або іншого сайту. Він додає в користувальницький інтерфейс будь-якого ресурсу гнучку панель навігації, яка може бути налаштована на ваш смак. Маючи в своєму розпорядженні сімдесят різних варіантів, можна вибрати той, який ідеально підійде для вашого проекту.

Переклад статті «6 plugins to keep your WordPress site on-trend» був підготовлений дружною командою проекту Сайтостроение від А до Я.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here