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

Хочете дізнатися більше? Прочитайте наш вичерпний огляд Elegant Themes і подивіться, як використання Divi та інших чудових тем і плагінів може допомогти вам створити успішний веб-сайт.

Звичайно, якщо ви збираєтеся інвестувати в тему Divi для себе, вам знадобляться докази того, що вона чудово виглядає в блозі WordPress або на сайті електронної комерції.

На щастя, ми можемо в цьому допомогти.

Ми переглянули веб-сторінку, щоб надати вам кілька наших улюблених прикладів тем WordPress Divi.

Отже, почнемо.

Що таке тема Divi?

Тема Divi від Elegant Themes створена за допомогою конструктора Divi.

Плагін Divi Builder — це інтуїтивно зрозумілий і блискавичний інтерфейсний редактор. Він був створений, щоб спростити людям створення веб-сайтів.

Установивши тему Divi, ви отримаєте такі переваги:

Чудова настройка: налаштовуйте кольори, розміри шрифтів, інтервали та навіть додайте власний CSS.
Мінімальний час завантаження: насолоджуйтеся мінімальними оновленнями сторінок і швидким завантаженням веб-сторінок.
Кілька елементів вмісту: змішуйте, поєднуйте та інтегруйте елементи для створення практично будь-якого веб-сайту.
Попередньо створені макети: швидко почніть процес проектування, використовуючи один із попередньо розроблених макетів.
Простота: тема Divi швидка та проста у використанні.
Розширюваність: Divi добре працює з низкою віджетів, додаючи вражаючу функціональність вашому сайту.
Спліт-тестування: перевірте, що працює (а що ні) за допомогою вбудованих інструментів спліт-тестування.

Отримайте Divi тут

А тепер давайте подивимося на деякі з найкращих прикладів тем Divi у дії прямо зараз.

01 Глобальний церковний проект

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

02 Суші вдома

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

03 Nomad Capitalist

Якщо ви любите мінімалізм і витонченість, вам сподобається Nomad Capitalist. У цьому прикладі теми Divi від Elegant Themes, використаної в повній мірі, відображаються унікальні користувальницькі фотографії з чистою панеллю навігації. Існує також багато соціальних доказів через модуль «як видно» на домашній сторінці.

04 Східна Африка

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

05 Знахідність

Findability Science є винятковим прикладом того, наскільки різноманітними є наші приклади теми Divi. Фонове зображення на весь екран миттєво привертає увагу до ціннісної пропозиції компанії. Крім того, він чітко використовує переваги панелі навігації та елементів налаштування для додавання спеціального логотипу.

06 Фотографії Девліна

На перший погляд Devlin Photos дуже відрізняється від інших прикладів тем WordPress Divi, які ми розглядали досі. Наприклад, у правій частині сторінки є унікальна серія фотографій, що перекриваються. А панель навігації розташована ліворуч. Це показує вам, як перетягування характер теми Divi стане в нагоді.

7 Лахлай

Lahlay — ще один сенсаційний веб-сайт, створений на тему Divi. Він використовує переваги автоматизованого фонового слайдера над згином. А накладений заголовок пропонує безкоштовну доставку, доставку по всьому світу та кілька варіантів оплати. Крім того, бренд Lahlay додав смужку в заголовок свого веб-сайту. Це повідомляє клієнтам, що вони можуть отримати безкоштовний код знижки 10%, просто підписавшись.

08 Мода чи голод

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

09 Goodwings

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

10 Блог Genesis

Ось чудовий приклад того, як тема Divi WordPress може допомогти вам створити фантастичний блог WordPress. Щойно ви відвідуєте домашню сторінку веб-сайту, вас вражає заспокійлива та однорідна колірна тема. Це робиться за допомогою Divi Color Manager та інтерфейсу Magic Color.

11 Творчий блог

Веб-сайт Blog Creative — це динамічний сайт із привабливим анімованим фоном, який надається через плагіни Divi. Анімовані кольори на фоні допомагають привернути увагу. У той же час 3D-зображення в передній частині екрана чудово підходить для виділення товару, який продається.

12 Шашка

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

13 -байтовий стенд

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

14 Intersection For The Arts

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

15 Diamond Logistics

Diamond Logistics повною мірою скористалася перевагами повного контролю над дизайном, який пропонує Divi Themes, із динамічною анімацією при наведенні та власними кольорами. Кожна частина сайту привертає вашу увагу під час переміщення по ньому. Більше того, завдяки адаптивному редагуванню ви можете очікувати того самого бездоганного досвіду, незалежно від того, користуєтеся ви комп’ютером чи смартфоном. Diamond Logistics також використала найсучасніший інструмент типографіки Divi для створення шрифту без зарубок, який відображає бренд як надійний і дружній.

16 Біо Баузевайн

Bio Bausewein — це барвистий і дружній на вигляд веб-сайт. Завдяки повному контролю над шрифтами, запропонованим темою Divi, компанія змогла створити заголовки та підзаголовки, які є неформальними та привабливими. Є кілька привабливих ілюстрацій, накладених поверх фотографій, і навіть шрифти, схожі на людський почерк, для більшої автентичності.

17 Джоджо Купер

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

18 Life Hub

Life Hub — це веб-сайт, який використовує як тему Divi, так і набір плагінів, щоб забезпечити глибоке занурення у відвідувачів. Є повноекранне відео у фоновому режимі, щоб допомогти вам отримати уявлення про програму, а також спливаюче вікно чату, яке з’являється, щойно ви відвідуєте домашню сторінку на робочому столі. Завдяки адаптивному конструктору Divi фонове відео також відтворюється лише на повний екран, зменшуючи вплив на акумулятор мобільного пристрою.

19 Frauflex

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

20 Ayotte Dental

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

21 WWF-SCP

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

22 Вет Плюс

Vet Plus використовує свій унікальний погляд на тему Divi WordPress, щоб створити дружній і привабливий веб-сайт, який обов’язково привабить власників домашніх тварин. Ілюстровані зображення, імпортовані в тему, допомагають зробити сайт більш дружнім, що чудово підходить для будь-якого клієнта, який може турбуватися про свого домашнього улюбленця.

Збоку на сторінці ви можете знайти безліч віджетів соціальних мереж, вбудованих у Divi.

23 . Обсяг

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

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

24 Ендрю Кінгслоу

Тематичний веб-сайт Ендрю Кінгслоу Divi — це дуже професійний сайт із повноекранним заголовком, на якому демонструються власні фотографії. Є повільне відео, яке використовує адаптивний стиль Divi, щоб автоматично зупиняти відтворення, коли ви відвідуєте веб-сайт із мобільного пристрою.

Роботи Кінгслоу відображаються в сітці з трьох стовпців, що дуже типово для стилю Divi, а значки завантаження відображаються у 3D.

25 BD’s Mongolian Grill

Веб-сайт BD’s Mongolian Grill — це веб-сайт ресторану, призначений для підбадьорення ваших смакових рецепторів.

У верхній частині сторінки є проста у користуванні панель навігації з логотипом BD, який перекриває різні компоненти заголовка. BD також скористався перевагами функції анімованого заголовка Divi Themes, щоб показати, що ви можете купити в компанії.

26 Cruise Travel Outlet

Cruise Travel Outlet повністю використовує градієнти, запропоновані в конструкторі перетягування Divi, щоб створити майже містичне центральне зображення.

У верхній частині домашньої сторінки також є різні заклики до дії, які заохочують людей натискати.

Більше того, кнопки соціальних мереж гарантують, що клієнти можуть залишатися на зв’язку з брендом.

27 Він Вокер

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

28 Funk Engine

Веб-сайт Funk Engine — це фантастичний односторінковий веб-сайт із різними розділами, які користувачі можуть прокручувати, щоб дізнатися про бренд або придбати музику.

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

29 Хейлі Солт

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

30 Про порядок денний

On the Agenda використав тему Divi WordPress для створення веб-сайту, на якому повно білого простору. Повне керування кольором, запропоноване Divi, також означає, що компанія змогла підібрати відтінки свого логотипу до відтінків у всьому, від кнопки меню до ілюстрацій на всій сторінці. Навіть CTA узгоджені за кольором.

31 банк Південний

Цей веб-сайт містить повзунок зображення на всю ширину та корисні спливаючі розділи, де учасники можуть вводити свої дані.

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

32 Енн Ріель

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

Під час прокручування сторінки 3D-зображення з тінями привертають більше уваги до книг, які продаються.

33 Св. Доброт

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

34 «Краще здоров’я», Хізер

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

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

35 Woodyfuel

Щоб привернути увагу, веб-сайт Woodyfuel поєднує повноекранне фонове відео зі спеціальними жирними шрифтами.

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

36 Ганнамія

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

37 Ідіолектика

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

38 Креатив події

Event Creative — це компанія, що надає повний спектр послуг з розробки та виробництва подій, використовуючи тему Divi. Бренд реалізував усе: від анімації при наведенні до розділу відгуків для соціального підтвердження. Event Creative також використовує плагін Gravity Forms для Divi, щоб допомогти захопити потенційних клієнтів.

39 Ваш дефіс

Ваш дефіс є інформативним і професійним прикладом теми Divi WordPress Theme, це сайт брендингової компанії. Цей веб-сайт отримав третє місце на конкурсі Divi Showcase у 2016 році. Він використовує такі плагіни, як картки статей Divi та спливаюче вікно згоди на використання файлів cookie.

40 Simplee онлайн

Simplee Online — це персональний сайт брендингу Бекки Лі Берггрен. Сайт використовує фантастичну спеціальну колірну схему та привабливі фонові зображення. Більше того, банер електронної пошти для реєстрації у верхній частині сторінки допомагає залучити потенційних клієнтів. Є навіть вибір соціальних кнопок!

Підведенню

І ось воно! 40 найкращих прикладів тем Divi, знайдених сьогодні в Інтернеті.

Divi, наданий Elegant Themes, є одним із найрізноманітніших варіантів тем WordPress на ринку для компаній, які хочуть виділитися серед конкурентів. Небагато інших тем WordPress дають стільки можливостей контролю, скільки тема Divi.

За допомогою Divi компанії можуть вбудовувати інтуїтивно зрозумілі віджети на свій сайт, щоб покращити взаємодію з користувачем. Крім того, вони можуть налаштувати все, від кольору шрифту до зображень. Крім того, продуктивність теми Divi від Elegant Themes гарантує швидке завантаження всього на будь-якому пристрої.

Обов’язково ознайомтеся з нашим ексклюзивним купоном зі знижкою 20% на членство в Elegant Themes, яке включає універсальний Divi Builder, тему Extra Magazine, Bloom для створення потужного списку розсилки та Monarch для додавання кнопок соціальних мереж на ваш сайт.

Ви коли-небудь використовували тему Divi WordPress? Чи є приклади тем Divi, якими ви хотіли б поділитися? Якщо так, ми хотіли б почути все про це в коментарях нижче!

Джерело запису: wphacks.com