Якщо ви читаєте цю статтю, то, напевно, знаходитеся у пошуку ідеального дизайну для вашого сайту. Повірте, ми вас розуміємо! Існують десятки тисяч тем для WordPress, але багато з них вам не підходять з низки причин:
- Ваш сайт не виглядає так, як ви хочете
- Вони надмірно роздуті, а їхнє налаштування триває вічність
- Через них доводиться встановлювати окремий будівельник сторінок
- Для внесення змін потрібні глибокі технічні знання
І саме тому нам подобається Divi. Вона вирішує усі проблеми!
Опис | демо | Купити за $80 | Замовити сайт на цю тему | Потестувати хостинг
Ми знаємо, що встановили планку високо, але Divi справді є багатоцільовою темою з багатим набором функцій. До того ж, Divi дозволяє вам проектувати та налаштовувати практично будь-який аспект вашого сайту, завантажувати окремі записи та сторінки.
Ви отримаєте один з найкращих будівельників сторінок, чудове використання WordPress Customizer та зручні можливості для тестування. Додайте до цього ще й набір розміток Divi, і життя стане кращим.
Дивіться також:
- Менше тижня до виходу оновленої теми Divi 3.0 від ElegantThemes
- Divi 2.4 - оновлення мега-популярної теми WordPress від ElegantThemes
- Avada — найбільш багатоцільова тема WordPress, що продається в світі
- X Theme — єдина преміум тема WordPress, яку варто купити
- Flatsome — найпопулярніша WordPress тема для інтернет магазину на WooCommerce
У нашій статті ми познайомимо вас із особливостями роботи Divi 3.0.
Переваги теми Divi 3.0
- Дійсно багатоцільова тема – Divi може працювати практично у будь-якій сфері
- Будівельник сторінок із функцією Drag and Drop – Divi Builder дозволяє вам створювати красиві сторінки без проблем із фронтенд та бекенд редакторами
- Просте налаштування фронтенду – Divi використовує WordPress Customizer, тому ви можете бачити зміни в режимі реального часу
- Набір розміток Divi – Набір розміток дозволяє вам імпортувати у Divi повнофункціональний дизайн
- Просте A/B тестування – Divi Leads значно спрощує A/B-тестування WordPress
- Бібліотека Divi – Бібліотека Divi Library заощаджує ваш час, дозволяючи зберігати часто використовуваний дизайн
Як виглядає тема Divi?
Divi неймовірно універсальна, тема не має єдиного зовнішнього вигляду. Наприклад, якщо ви зайдете на офіційну демо версію Divi, то побачите ось це:
Але вона може виглядати й так:
Або так:
Або навіть так:
Доклавши трохи зусиль, ви можете перетворити Divi на будь-що.
Створіть красиві сторінки WordPress з Divi Builder
Одним із найпотужніших інструментів Divi Theme є Divi Builder. Divi Builder допомагає будь-кому створювати гарні сторінки. Все, що вам потрібно – це перетягнути кілька елементів з доступних 46, і ви створюватимете сторінки в найкоротші терміни.
З Divi 3.0 ви отримаєте доступ до нового візуального редактора. Він дозволить вам точно налаштувати сторінку для читачів. Не потрібно буде більше гадати про те, як виглядатиме сторінка у результаті!
Divi Builder дозволяє будь-якому, навіть без знання коду, створювати гарні сторінки.
Ви можете подивитись Divi Builder Demo.
Потрібно тільки не забувати, що Divi Builder ґрунтується на grid розмітці. Це досить поширене серед будівельників сторінок, але ви не зможете перетягувати елементи, куди захочете, як Headway Theme Builder. Ви будете обмежені встановленою вами сіткою.
Знайомство з Divi Builder
Після встановлення Divi ви побачите опцію встановити розмітку сторінки та Divi Builder щоразу під час створення нової сторінки чи запису:
Як тільки ви натиснете, ви можете вибрати, працювати у візуальному фронтенд редакторі або бекенд редакторі.
В чому різниця?
- Фронтенд: Ви детально налаштовуєте як виглядатиме ваша сторінка
- Бекенд: Ви перетягуєте абстрактні блоки, які представляють елементи дизайну
Обидва редактори корисні для різних речей. У бекенд редакторі ви можете налаштувати базову розмітку сторінки, а у фронтенд редакторі створити візуальні аспекти вашої сторінки.
Ось так виглядає бекенд редактор:
А ось так новий фронтенд редактор:
Елементи Divi Builder
Divi Builder містить 46 модулів контенту чи елементів. Це дуже переконливо.
Звичайно, вони мають все основне як текст, зображення, кнопки і т.д. Але Divi Builder вирізняється своїми додатковими функціями. До нього входять спеціальні елементи, як, наприклад, таблиці цін, портфоліо та багато іншого.
Використання Divi Builder
Створювати дизайн із Divi дуже просто. Коли ви створюєте нову сторінку, вам потрібно почати додавати ряди або колонки. Ми розповідатимемо на прикладі візуального редактора, але для стандартного редактора процес залишається таким самим.
Все, що потрібно зробити, це натиснути кнопку «+», яка відкриє вікно «Додати рядок'
Натисніть на бажану конфігурацію. В інтерфейсі з'явиться новий рядок. Ми вибрали ряд із 2 стовпцями:
Після цього вам потрібно вставитиМодулі». Саме в модулях відображатиметься весь контент. Ви можете використовувати їх для зображень, таблиць, кнопок та багато іншого.
Після додавання модуля Divi запропонує ввести інформацію для цього модуля. Наприклад, якщо ви додали таблицю цін, Divi попросить ввести різні ціни:
А після збереження змін ви побачите, як виглядатиме ваш модуль:
Можна також налаштувати кольори та шрифти.
Для того, щоб розібратися з інтерфейсом, може знадобитися небагато часу, але потім ви будете вносити зміни в дизайн дуже швидко.
Інтерфейс Divi – просте та інтуїтивне налаштування сайту
Ми з вами вже розглянули Divi Builder, а зараз поговоримо про саму тему.
Після того, як ви встановите тему Divi, ви побачите нову вкладку «Divi» у бічній панелі. Це буде входом до налаштування теми.
Параметри Divi – налаштування основи сайту
Нове меню Divi «Тема параметризначно відрізняється від попередніх версій. На відміну від більшості тем, навіть параметри теми виглядають гарно:
За допомогою цих параметрів можна налаштувати основні деталі вашого сайту. Вам не потрібно буде налаштовувати візуальні ефекти, більшість налаштувань зберігаються в WordPress Customizer, так що ви можете зробити попередній перегляд в режимі реального часу.
Customizer теми Divi – побачите різницю у режимі реального часу
Ви завжди можете увійти в Customizer теми Divi, просто натиснувши Theme Customizer у вашій консолі.
Якщо ви знайомі з WordPress Customizer, то ви знаєте, як керувати цим інтерфейсом:
Тут можна налаштувати буквально кожен аспект вашого сайту, не використовуючи код.
Наприклад, ви не бажаєте показувати ваш логотип. Що вам варто зробити? Прибрати у коді рядки про відображення логотипу? Ні! Потрібно лише зайти в «Primary Menu Bar» та поставити галочку в полі «Hide Logo Image'
Або припустимо, що ви бажаєте змінити розмітку сайту. Просто зайдіть у «параметри макета» та перевірте доступні налаштування:
Здорово, можна переглядати зміни в режимі реального часу. Багато подібних тем створюють власну адмін-панель. З користувальницькою адмін панеллю вам доведеться зберігати та оновлювати ваш сайт при кожній його зміні.
Але оскільки Divi використовує WordPress Customizer, ви можете просто вносити потрібні зміни, а потім натиснути «зберегти».
Divi Module Customizer – просте налаштування модулів для Divi Builder
Пам'ятаєте, ми згадували модулі та елементи, коли розповідали про Divi Builder? Що ж, їх також ви можете налаштувати за допомогою WordPress Customizer. Це неймовірно, оскільки зараз це єдиний будівельник сторінок WordPress із такою функцією.
Ви можете зайти в налаштування, натиснувши «Модуль налаштування» у своїй консолі.
Наприклад, якщо ви хочете відредагувати зовнішній вигляд таблиці цін, натискайте на «ціноутворення Таблиця'
Тут можна легко налаштовувати зовнішній вигляд таблиць на ваших сторінках. Всього за пару кліків ви можете змінити розмір тексту, виділити важливі моменти та настроїти відображення модулів:
Ви можете виконати це для більшості доступних у Divi Builder модулів. Це справді корисна функція. Ви можете внести зміни до простого вже знайомого інтерфейсу. Це заощадить вам купу часу!
Divi Leads – A/B-тестування вашого контенту для оптимізації роботи
Divi Leads – це неймовірно потужний інструмент для оптимізації контенту способом A/B тестування. Якщо ви займаєтеся комерційною діяльністю, цей інструмент збільшить ваш дохід. Ми не перебільшуємо – A/B тестування неймовірно важлива річ для оптимізації вашого сайту.
При тестуванні A/B порівнюються дві різні версії вашої сторінки. Наприклад, ви можете змінити текст на кнопці, але решту залишити без змін. І тоді 50% відвідувачів показуватиметься одна кнопка, а іншим 50% – інша. У ході цього експерименту можна з'ясувати, яку версію кнопки натисне більше людей.
Уявіть, що ви тестуєте кнопки, за допомогою яких люди підписуються на вашу розсилку новин. Якщо ви можете збільшити кількість людей, що натиснули на кнопку, то це призведе до більшої та якіснішої розсилки новин, адже так? Саме тут і потрібна ця функція.
Divi Leads робить A/B тестування простим навіть для новачків. При створенні сторінки з Divi Builder просто клікніть правою кнопкою миші в Divi Builder і виберіть «Тест на розділення'
Потім натисніть модуль, який хочете протестувати:
Після вибору модуля Divi Leads автоматично створить новий варіант тесту:
Якщо ви хочете протестувати більше двох варіантів, завжди можете додати ще:
Це один із найпростіших способів провести A/B тестування у WordPress. Зазвичай вам доведеться спробувати інтегрувати сторонній інструмент або плагін. Але в Divi все вбудовано. Якщо ви займаєтеся маркетингом, то обов'язково полюбите цю функцію.
Divi дозволяє тестувати різні елементи, наприклад, кліки, CTR, показник «непотрібних переглядів». Ви можете переконатися, що робите правильні дії для максимізації прибутку.
А коли у вашої сторінки з'явиться трафік, то Divi збиратиме для вас всю статистику:
Divi Library – зберігання елементів дизайну для повторного використання
Оскільки ви, напевно, захочете повторно використовувати деякі елементи дизайну на різних сторінках вашого сайту, Divi дозволяє зберігати дизайн у Divi Library.
Наприклад, ви можете зберегти єдиний рядок з дизайну сторінки:
Потім, якщо ви захочете її відтворити, потрібно буде просто імпортувати її з бібліотеки:
Повірте, ця функція збереже вам багато часу. У вас обов'язково будуть звичайні елементи, як футер, які ви використовуватимете знову і знову. З Divi Library вам не потрібно буде витрачати час на повторне виконання тієї ж роботи – просто збережіть все в бібліотеці та використовуйте за потребою.
Undo\Redo – ніколи не турбуйтеся про помилки
Помилки трапляються. Це просто факт. Але в Microsoft Word є річ, яка вчить нас, що немає такої помилки, яку не можна виправити кнопкою Ctrl+Z.
Elegant Themes теж розуміють це і тому додали кнопки Undo\Redo у Divi.
Якщо ви коли-небудь помилитесь під час роботи з Divi Builder, то ви можете просто натиснути кнопки Undo\Redo. А якщо ви захочете повернутися на кілька кроків тому, Divi зберігає історію змін вашої сторінки:
Ця функція робить редагування Divi безпроблемним. Якщо ви зіпсували щось, то не панікуйте, просто скасуйте дію!
Готові розмітки – економія часу під час створення власного дизайну
Якщо ви не хочете самостійно вигадувати дизайн для сайту, то ви можете скористатися більш ніж 20 готовими розмітками. При створенні нової сторінки можна почати з однієї з цих розміток, а не з порожньої сторінки:
Все, що потрібно зробити – це заповнити сторінку текстом та зображеннями:
А якщо вам не сподобаються розмітки Divi, ви завжди можете скористатися сторонніми розмітками:
Технічна підтримка та документація Divi
Elegant Themes, компанія, що володіє Divi, надає неймовірний рівень підтримки теми. Вони включили велику базу знань та регулярно публікують посібники з роботи з Divi.
А якщо вам потрібно поговорити із співробітником, то для всіх преміум клієнтів доступний форум технічної підтримки. Але всю необхідну інформацію можна знайти без проблем у базі даних.
Ціна теми Divi
Тема Divi не продається окремо. Вона є частиною набору Elegant Themes. Чи це погано? Нам здається, що ні. У порівнянні з плагінами Monarch і Bloom, у Elegant Themes є ще багато чого запропонувати, крім Divi.
Ви можете сплачувати щорічний внесок за користування Elegant Themes або зробити дорожчий, але одноразовий платіж. Ось у чому полягає різниця між цінами:
Ми рекомендуємо купувати набір Developer. Всього на $20 на рік більше, зате ви отримаєте доступ до всіх плагінів Elegant Themes. Ці плагіни коштують цих додаткових $20 на рік.
Developer пакет на даний момент доступний зі знижкою 10% і коштує лише $80!А якщо ви вагаєтесь у виборі, але знаєте, що будете використовувати Divi довгий період часу, то можливо, економніше буде придбати набір за $249.
Звичайно, це багато, але ви отримаєте необмежену кількість оновлень та технічну підтримку до кінця життя. Тому, якщо ви впевнені, що будете використовувати продукти Elegant Themes більше 3 років, вибирайте цей набір.
Підсумки
Divi - Це королева багатоцільових тем. Якщо ви регулярно користуєтеся WordPress, то знаєте, що немає простішого способу створити таку різноманітність красивого дизайну.Divi Builder та Divi Leads є неймовірно корисними інструментами. Divi Builder вже став одним із найкращих будівельників сторінок. Він вбудований у тему як бонус.
Divi Leads повністю усуває необхідність у сторонніх послугах з A/B тестування, що заощадить вам купу часу. Оскільки він інтегрований із будівельником сторінок, то це, напевно, один із найлегших способів A/B тестування на WordPress.
Ми знаємо, що є не такі дорогі теми, але якщо порівнювати те, що ви отримуєте за витрачені гроші, то не думаємо, що ці дешевші теми справді заощадять ваш час та гроші.
Тому, якщо ви шукаєте універсальну тему з функціями побудови сторінок, то використовуйте Divi для наступного проекту.
Disclosure: Кілька повідомлень в цій post є "affiliate links." Це рішення, якщо ви клацніть на повідомленні і придбання пункту, я отримував affiliate commission.
Джерело: elegantthemes.com
Коментарі до запису: 31
У тих. підтримці сказали 70 $ на рік платити за тему Divi або я щось не так зрозумів? тому що вони тільки англійською спілкуються а у мене з цим на рівні школи 80 років
Правильно, Developer пакет коштує $70 на рік. Ви отримуєте доступ до всіх плагінів і тем ElegantThemes, можете їх все скачати, але отримувати оновлення будете тільки протягом року, якщо не будете проплачувати $70 наступного разу.
Дякую що відповіли навіть не очікував!
Але суть не в цьому
я два тижні шукав тему для нового проекту і зрозумів, що все безкоштовне я переріс, у них немає того чого хотілося б.
Щодо прем. теми - чим більше варіантів тим важчий вибір і все-таки вчора купив диві завдяки вашому посту і тех.підтримці самої теми дуже порадували хлопці.
А вам та вашому проекту успіхів
Дякую за огляд ... Дійсно, у Divi дуже багато переваг, але мені здається, що в такому огляді та й взагалі варто розповісти і про мінуси подібних тем або плагінів. Сам використовую Divi вже як 2 роки, задоволений, але точно можу сказати, що фронт збудований погано, сам Divi повинен стояти на нормальних серверах, інакше ніякого задоволення від роботи з конструктором не буде.
А у Divi мінусів багато, на жаль. Довгий час користувався цією темою, але потім перейшов на складнішу, але більш функціональну Avada.
Як тобі п'ята?
Досить незвично. На мене, так 4 зручніше. Навернули, а толку не багато.
Олексію, підкажіть, будь ласка, чи є у Avada російський інтерфейс, тобто чи можна буде ним користуватися, не знаючи англійської мови?
Леонід, і російський інтерфейс є. Щоб скористатися ним, потрібно скопіювати мовний пакет теми в папку з мовами (за замовчуванням він не використовується).
Найголовніша перевага Divi У тому, що куплену тему можна використовувати на необмеженій кількості сайтів. У той час як для використання шаблону з Themeforest на декількох сайтах потрібно купувати нову ліцензію для кожного сайту.
Привіт
питання на тему DIVI — купила, встановила, але їх Divi Builder не працює, написала ще вчора в службу підтримки — відповіді немає. Говорили про хорошу підтримку…не знаю, чи варто довго чекати на відповідь і допомогу?
Зазвичай протягом 1 робочого дня відповідають.
Певне,т.к. потрапила на вихідні трохи запізнилися)) Відповіли, проблему вирішили.
Ольга, чи відповідають вони російською мовою?
Я писала англійською, але судячи з імені фахівця, що відповів (Andrei S) — можна спробувати і російською :)
У першому коментарі Юрій повідомив, що тих. підтримка спілкується англійською.
А ви платили ПДВ при покупці?
У мене зі знижкою виходить 96 на оплату.
Renewal Details
Subscription: Developers Package - 10% Off
Renewal Cost: $80.00
Renewal Duration: 365 днів
VAT: $16.80
Total Amount: $96.80
Добрий вечір. Може хтось стикався з такою проблемою чи знає як вирішити її. Суть ось у чому. Під час пошуку на сайті в результатах з'являється код діві білдера. Як його можна прибрати? Скріншот із проблемою доклав.
День добрий Вам, шановні!
Задумуюсь придбати цю темку, але поки що в роздумах.
Підкажіть хто може і з досвідом.
Чи можна в Divi Theme 3.* реалізувати відображення записів Блога таким чином, як показано на прикріпленій мною нижче картинці.
Буду дуже вдячний знавцям!
Так, можна.
Дякую за відповідь з надією…
Дуже вдячний !
Але ось найцікавіше: ЯК ЦЕ ВПЛОТИТИ У ЖИТТЯ???
Якщо допоможете, то віддячу чим зможу. :о)
Підкажіть, хто знає, як реалізовано адаптивність на Divi?
на Bootstrap чи все вручну прописано?
спасибі за допомогу
Підкажіть будь ласка, чи є у темі можливість на сторінці магазину виводити категорії товарів, а не самі товари? У налаштуваннях woocommerce встановлюю відображати категорії товарів на стріаці магазинів, але відображаються однаково товари.
є
Справді цікавий функціонал!
При перенесенні сайту з цією темою на інший хостинг та домен скинулися всі налаштування теми. Як її перенести, щоби не скидалися?
Будь ласка, хтось напишіть про мінуси Divi, і чому на всіх темах Divi та сайтах, які я бачив така слабка швидкість роботи, а google speed взагалі червоне все…
Alex, підкажіть приклади довгозавантажуваних сайтів на DIVI? Буду вдячний.
Я дуже довго спостерігаю за темою DIVI і дивлюся, з кого підібрати хороший дизайн сайту. Поки що таких сайтів із слабкою швидкістю не спостерігав.
Можу сказати, що плюс цієї теми в тому, що ця тема настільки популярна, що під неї випускають величезну кількість. плагінів та доповнень. А найбільший мінус — більшість із них коштує грошей так само, якби купували звичайний плагін чи звичайну тему.
Ось уже 2 місяці я працюю із DIVI. Скажу одразу, у мене очі бігають: від Betheme, до Монстроїд(2).
Величезний плюс у тому, що насправді не потрібно встановлювати будь-які плагіни крім тих, що надає сам ElegantTheme, за винятком тих, які потрібні (наприклад: Акісмен-антиспам). І якщо повивчати документацію, фішки, які вони надають для своєї теми, то такий арсенал ніде не зустрінете. Я вивчав їхній блог і документацію цілий місяць і залишився задоволений.
Найбільший плюс цієї теми в тому, що можна реалізувати кілька блогів, Лендінг на одному лише домені, причому вони не стикатимуться один з одним - це зручно.
_______________
Найбільшим моїм розчаруванням стала основна тема Divi із малореалізованим дизайном під блог. Наприклад: відсутні слова «Архів» та «Результат пошуку» на самій сторінці архівів, категорій, пошуку, які є в Монстроід.
Я не працюю з Woo-плагінами та магазинами, але можливо тут Монбудід у цьому плані краще буде.
крута стаття
У контактній формі після натискання клавіші — НАДІСЛАТИ висвічує — Дякуємо за звернення до нас. Як змінити шрифт та колір тексту — Дякуємо за звернення до нас????