Тест та огляд плагіна Elementor Pro

Elementor: Найкращий інструмент для налаштування WordPress ?

Якщо ви трохи стежите за новинами WordPress, ви дізнаєтесь, що новий актор затьмарює Elegantthemes та його відомих Тема Divi WordPress. Це компанія Pojo.me зі своїм відомим Конструктор сторінок WordPress (але також і Theme Builder) Елементар. Це розширення має шалений успіх, оскільки ним користуються більше мільйона людей по всьому світу. Якщо ви не знаєте, що таке Конструктор сторінок (або Конструктор тем), не хвилюйтеся. В кінці цієї статті ви дізнаєтесь !

огляд

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

Відеоогляд Elementor

Визначення конструктора сторінок

Для налаштування теми WordPress не існує 36 рішень. Якщо у вас є технічне волокно та слова PHP, Javascript, ... у цьому випадку ви можете повозитись зі своєю темою WordPress. Якщо ви схожі на мене, без знання коду, створення теми WordPress неможливо. Але не залишайте нас, ви побачите, що Elementor пропонує функції, які можуть полегшити ваше життя. Якщо ви більше схожі на мене, нав'язливого покупця теми WordPress, який годинами шукає Святого Грааля, Elementor, безсумнівно, змінить гру.

З 2015 року ми стали свідками появи нового покоління інструментів під назвою Конструктор сторінок. Ці розширення додають функціональність та рівень дизайну до вашої інсталяції WordPress, не забруднюючи руки. Ви часто будете чути про WYSIWYG та редактор Front-End Live. Будьте впевнені, за цими варварськими термінами стоять деякі дуже прості у використанні функції для звичайних розробників веб-сайтів. Якщо ви розробник або просто володієте базовими навичками CSS, Elementor також повинен стати хітом.

Чому Elementor відрізняється ?

Сьогодні на ринку є 3 (4, якщо врахувати плагін Divi Builder) великих конструкторів сторінок WordPress: Бобр-будівельник, елементар та процвітаючий архітектор. Ці різні конструктори сторінок дозволяють виконувати більш-менш однакові дії, а саме змінювати сторінки чи статті. Але коли різноробочий є таким, як усі, ми хотіли б, щоб ці інструменти дали нам більше. Ми хотіли б мати можливість змінювати елементи нашої теми WordPress, такі як нижній колонтитул, заголовок, ... Коротше кажучи, ви це зрозуміли, ми хотіли б взяти на себе відповідальність за дизайн нашої теми WordPress, щоб насправді було щось особисте. Однак більшість Page Builder, як випливає з назви, використовуються лише для редагування статичних сторінок. Але це було раніше! За допомогою версії 2 Elementor Pro ви тепер можете модифікувати динамічні елементи свого веб-сайту, щоб ще більше вдосконалити персоналізацію !

Огляд елемента

Elementor - це Front-End Builder сторінок. Тим, хто сердиться на англійську, я пояснюю переваги цієї технології:

  • Зміни миттєві. Трохи подібно до часів розквіту перших інструментів WYSIWYG (те, що ви бачите, те і отримуєте), Elementor дозволить вам переглядати та редагувати вашу сторінку в режимі реального часу. Сторінка, зроблена через Elementor, буде виглядати однаково при публікації.
  • Перетягніть, щоб вставити/перемістити елементи. Велика сила Elementor полягає в його інтерфейсі, який дозволяє перетягувати модулі.
  • Розширена настройка. Elementor пропонує для кожного компонента свого інструменту вкладку Стиль та Додатково.
  • Адаптивний дизайн у рідній мові. Якщо вас турбує наявність веб-сайту, що відповідає останнім веб-розробкам, Elementor пропонує цю функцію спочатку.

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

Якісні компоненти

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

Коротше кажучи, для безкоштовного плагіна набір елементів дуже цікавий.

Elementor Pro. Неперевершене співвідношення ціна/якість

Професійна версія Elementor додає більше 20 нових компонентів порівняно з безкоштовною версією Page Builder. Ви можете справедливо подумати, що вам достатньо безкоштовної версії. Однак, якщо ви хочете отримати доступ до розширених функцій, таких як створення шаблонів, власні модифікації CSS, створення форми, кнопки спільного доступу або навіть анімовані заголовки (ви не можете пропустити цей елемент, оскільки він використовується), потрібно буде вибрати для про версія.

Щоб допомогти вам вибрати між версією Без елементара та Про версія, Я дав вам короткий опис функцій, доданих Elementor Pro порівняно з безкоштовною версією. Ви вирішуєте, чи купуєте ви про-версію.

Якщо ви вирішите вибрати Pro-версію Elementor, ви отримаєте доступ до бібліотеки шаблонів (дизайн сторінки вже виконаний), якими ви можете скористатися. Це суттєвий плюс, якщо ви хочете швидко розпочати свій проект.

Як ми побачимо далі в цій статті (Створення шаблонів за допомогою Elementor), ви також можете створювати шаблони сторінок. Ця нова функція доступна з версії 2 Elementor (Pro). Інтерфейс дуже простий, і я пропоную вам розкрити потенціал цієї функції за допомогою відео нижче.

Як вибрати між Elementor та Elementor Pro ?

    Якщо ви використовуєте конструктор сторінок для легкого форматування публікацій або сторінок. (Заголовок, стовпці, шрифт, колір,.) Використання та зміна CSS відключає вас. Ваша тема WordPress чудова і вже дозволяє вам налаштувати все. Ви пурист і вважаєте за краще кодувати свою тему WordPress.

І якщо ви скоріше впізнаєте себе в наведених нижче аргументах, вам слід вибрати Версія Elementor Pro:

    Якщо ви хочете створити сторінки та статті з більш складними елементами, такими як форми або таблиці цін. Налаштуйте всі компоненти теми WordPress за допомогою функції Theme Builder. (Верхній колонтитул, нижній колонтитул, архівна сторінка,.) Інтегруйте торговий магазин на свій веб-сайт за допомогою WooCommerce. Спростіть процес цільових сторінок із повним доступом до бібліотеки шаблонів.

Нескінченно настроюваний конструктор сторінок

Налаштуйте свої розділи

Персоналізуйте свої елементи

Створення шаблонів

Створення шаблонів - це дуже потужна функція з часу оновлення Elementor до версії 2. (ви повинні мати Elementor Pro для створення шаблонів). Підсумовуючи те, що ми бачили до цього часу, Page Builder дозволяє редагувати статичний вміст. Щоб створити статтю чи сторінку, не турбуйтеся. Але визначити стиль, який відповідатиме всім вашим сторінкам або всім вашим статтям, досі було неможливо. Тепер ви можете створювати шаблони, які впливатимуть на цілі розділи вашого сайту.

Тож ви можете створити шаблон для розміщення всіх статей у своєму блозі. Створіть структуру своїх статей. Визначте заголовок, вибране зображення, типографіку, ... Налаштуйте всі ці елементи та оберіть умови відображення для вашого нового шаблону. (див. пояснення нижче). Щойно це буде зроблено, ви побачите, що всі ваші дописи в блозі матимуть цей новий дизайн. Потужний ні ?

Умовний показ

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

Я хочу створити два заголовки для свого сайту. Перший заголовок буде для домашньої сторінки, а друга версія мого заголовка - для мого блогу. Завдяки умові відображення це цілком можливо.

Немає ефекту "блокування". Ніколи не застряг у Elementor !

Сайт з Elementor

Веб-сайт Elementor вимкнено

Виступ Elementor

Тести продуктивності без Elementor

    Час завантаження: 1,38 секунди Вага сторінки: 832 кБ Кількість запитів: 19

Тест нашого сайту з темою WPAstra WordPress, без будь-якого плагіна, встановленого за допомогою GTMetrix.

    Час завантаження: 2,1 секунди Вага сторінки: 842 кБ Кількість запитів: 20

Тест нашого сайту з темою WPAstra WordPress, без будь-якого плагіна, встановленого за допомогою GTMetrix.

Тести продуктивності за допомогою плагіна Elementor

Перевірте наш сайт за допомогою теми WPAstra WordPress та активованого плагіна Інструменти Pingdom.

    Час завантаження: 1,46 секунди Вага сторінки: 1 Мб Кількість запитів: 33

Тест нашого сайту з темою WPAstra WordPress, Плагін Elementor, встановлений разом з GTMetrix.

    Час завантаження: 2 секунди Вага сторінки: 970 кБ Кількість запитів: 35

Тест нашого сайту з темою WPAstra WordPress, Плагін Elementor, встановлений разом з GTMetrix.

Яку тему WordPress використовувати з Elementor ?

У Elementor може бути багато хороших речей, але залишився лише один плагін WordPress (поки що?). Щоб цей конструктор сторінок працював, спочатку потрібно встановити тему WordPress на свій сайт. Ви можете собі уявити, що з появою нових інструментів, таких як Elementor або Thrive Architect, з’являються нові теми WordPress. Вони оптимізовані, щоб повною мірою скористатися конструктором сторінок, дозволяючи вам контролювати всі елементи налаштування (верхній колонтитул, нижній колонтитул, типографіка, кольори тощо), і особливо шляхом вбудовування шаблонів сторінок, спеціально розроблених для цих інструментів. Не хвилюйтеся, ви все ще можете використовувати основну тему WordPress.

Щоб надати вам ще більше інформації про основні теми WordPress, оптимізовані для конструктора сторінок, таких як Elementor, ми перейшли на тестування основних тем, а саме OceanWP, GeneratePress, Гестія і WPAstra. Ми перевірили час завантаження та дані, пов’язані з цими темами WordPress, у їхній про-версії, а також у безкоштовній версії (результати однакові). Для кожної з цих тем ми протестували базову версію за допомогою Pingdom Tools та GTMetrix, щоб визначити час завантаження, розмір сторінки, кількість запитів і, нарешті, оцінку PageSpeed. Чим нижчий бал у таблиці вище, тим краща тема.

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