Детальний огляд безкоштовної теми Astra WordPress

Привіт:) У цьому пості зроблю огляд безкоштовної теми Astra WordPress — легкого, швидкого шаблону, який обирають для створення сайтів звичайні користувачі ВордПрес та розробники. Покажу що вміє, чим приваблює, що можна зробити на його основі.

Ключові моменти та переваги безкоштовної теми Astra WordPress

Пройдуся "смаколиками".

Популярність

За інформацією великого онлайн-ресурсу BuiltWith.com, який займається дослідженнями тенденцій у сфері веб-технологій, Астра у світі та на території України займає перші місця серед усіх ВордПресс-тем.

до змісту ↑

Орієнтація на продуктивність, швидкість завантаження

  • Без jQuery. В основі Vanilla JavaScript, який запобігає блокуванню рендерингу jQuery, що негативно впливає на продуктивність.
  • Завантаження за півсекунди! Astra створена для швидкості та повністю оптимізована для роботи. Завантажується менше ніж за 0,5 секунди завдяки тому, що в кожній версії розробники намагаються зменшити кількість запитів до бази даних.
  • Займає менше 50 кілобайт. Вимагає не більше 50 Кб дискового простору для нормальної роботи.
  • Якісний код. Лише найкращі стандарти кодування, щоб оптимізувати кожен фрагмент коду.
  • Робота на будь-якому хостингу. Висока продуктивність забезпечується на будь-якому тарифному плані, навіть на найдешевшому віртуальному хостингу.
до змісту ↑

Вбудований конструктор сторінки (компоновник, Theme Builder)

Тема Astra вирізняється потужними можливостями для конструювання сторінок. Окремо виділю гнучкі інструменти для створення шапки та підвалу. Вбудований Drug'n'Drop-конструктор у розділі хедера дасть змогу керувати:

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

Для футеру доступні такі можливості:

  • вставка і керування позицією віджетів;
  • візуальний редактор для оформлення тексту копірайту.

Також у комплекті:

  • вибір типографіки, кольору;
  • встановлення типу, ширини, розмітки контейнера для різних розділів;
  • налаштування дизайну кнопок;
  • вбудовані Хлібні крихти;
  • окремі макети для блогу/архіву, запису;
  • вибір розмітки, ширини сайдбару.
до змісту ↑

Які сайти дає змогу створювати

Взагалі будь-якого типу:

  • блог,
  • інформаційний,
  • портфоліо,
  • візитка,
  • корпоративний (односторінковий),
  • сайт послуг,
  • магазин,
  • навчальний ресурс (LMS).

Готові шаблони

Тема надає бібліотеку з 200+ готових до використання адаптивних шаблонів. Це професійно зверстані макети, у яких залишається лише підставити свій вміст.

Дочірня тема (Child Theme)

Розробники шаблону піклуються про своїх користувачів і створили вже готову Child Theme. Також дочірню тему можете створити вручну.

Сумісність із популярними плагінами

Астра відмінно працює з усіма популярними ВордПрес-плагінами. Серед них:

  • модуль для створення інтернет-магазину WooCommerce;
  • візуальні конструктори сторінок Gutenberg, Elementor, Visual Composer, Beaver Builder, DIVI.

SEO-можливості

  • Вбудована мікророзмітка Schema.org, яка дає змогу пошуковим системам краще "розуміти" ваш веб-сайт і відображати його в результатах пошуку.
  • Підтримка AMP.
  • Інтеграція с Yoast SEO.

Як налаштувати тему Astra

Після встановлення теми ви отримуєте шаблонний дизайн, готовий до налаштування під себе.

Налаштування виконується через вбудований Кастомайзер (Customizer) ВордПрес.

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

  • Global. Шрифти, кольорова схема, розмітка контейнера, вигляд кнопок, доступність сайту.
  • Header Builder. Опції шапки.
  • Breadcrumb. Позиція навігаційного ланцюжка.
  • Blog. Зовнішній вигляд та елементи головної, архівів і окремих Записів.
  • Page. Зовнішній вигляд та елементи Сторінок.
  • Sidebar. Налаштування бокової панелі.
  • Footer Builder. Зовнішній вигляд підвалу сайту.
  • Інші пункти. Це стандартні елементи керування штатними модулями WordPress.

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

Щоб швидко знайти опцію або секцію в Кастомайзері WordPress, встановіть плагін Customizer Search (https://wordpress.org/plugins/customizer-search/). Після його активації вгорі з'явиться кнопка із зображенням лупи, після кліку на яку з'явиться форма пошуку. В ній просто введіть назву розділу, який хочете налаштувати.

Якщо потрібно повернути налаштування теми за замовчуванням, встановіть розширення Astra Customizer Reset (https://wordpress.org/plugins/reset-astra-customizer/) та вгорі меню налаштувань Кастомайзера клацніть Reset All.

Перенесення всіх налаштувань теми Astra допоможе зробити модуль Import / Export Customizer Settings (https://wordpress.org/plugins/astra-import-export/). Скористатися імпортом/експортом можна в адмін-розділі Astra -> Settings -> General.

Ще одна особливість шаблону Астра — можливість у редакторі вимикати (деактивувати) елементи сайту на окремих сторінках і записах.

Для цього відкрийте сторінку на редагування та вгорі справа натисніть кнопку Astra Settings.

У підсумку ви будете контролювати вигляд кожної публікації. Наприклад, на сторінці Про сайт потрібно прибрати бічну панель.

Ця функція також стане в пригоді, якщо використовується конструктор сторінок типу Elementor. На певній сторінці зможете налаштувати потрібний її макет — вимкнути заголовок, шапку або підвал.

до змісту ↑

Де завантажити і як використовувати шаблони Астра

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

Варіанти з поміткою PREMIUM доступні в платній версії.

Щоб їх отримати, встановіть та активуйте безкоштовний плагін Starter Templates (https://wordpress.org/plugins/astra-sites/). Далі в адмін-меню відкрийте Appearance -> Starter Templates.

Вгорі вікна справа оберіть конструктор сторінок, у якому будете правити шаблон.

Для прикладу оберу Gutenberg.

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

Після вибору темплейту ви зможете одразу задати логотип сайту або минути цей крок, натиснувши кнопку Skip & Continue.

Наступний крок — вибір шрифту та палітри кольорів тексту.

У наступному вікні вас попросять розповісти про себе та кому саме розробляєте сайт. Можете вибрати будь-які значення.

В опції Advanced Options оберіть, які дані потрібно імпортувати разом зі встановленням шаблону:

  • Import Customizer Settings — налаштування Кастомайзера,
  • Import Widgets — віджети,
  • Install Required Plugins — необхідні для роботи шаблону WordPress-плагіни,
  • Import Content — контент (текст + зображення).

Я оберу всі варіанти, щоб показати, який вигляд це все матиме.

Далі система почне імпорт елементів стартового шаблону.

Якщо все пройшло без помилок, ви побачите повідомлення про успішне завершення. Натисніть кнопку, щоб побачити що вийшло.

У підсумку головна сторінка вашого ресурсу відповідатиме обраному темплейту.

Усі створені сторінки шаблону можете редагувати в адмін-розділі Pages.

до змісту ↑

Корисні матеріали та FAQ

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

до змісту ↑

Astra Pro ВордПрес

Кілька слів скажу про платний (преміум) варіант Астра, який надає більше можливостей та інструментів.

Astra Pro пропонує великий список додаткових модулів для розширення можливостей шаблону. Більшість із них покращує функціонал і додає більше "фішок" у Кастомайзері WordPress:

  • декілька готових макетів блогу з гнучким налаштуванням,
  • колірні схеми для будь-якого блоку,
  • окремі шапки для ПК і мобільних,
  • мега-меню,
  • налаштування глобального макету,
  • стилі та поведінка кнопки Вгору,
  • кастомізація хедера і футера.
до змісту ↑

Ціна та де придбати

Ціна продукту залежить від функціоналу та варіюється від кількох десятків до сотень доларів. Щоб не переплатити, обирайте лише потрібні функції.

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

Порівняння версій Astra Free та Pro

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

Вибір безкоштовної теми Astra WordPress: висновки

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

Михайло Петров
Михайло Петров

Мене звати Михайло. Я — WordPress-розробник. Створюю візитки, корпоративні сайти, блоги на WordPress.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *