Огляд теми Astra

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

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

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

Особливості безкоштовної версії

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

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

Шаблони сайтів

Astra має велику бібліотеку готових шаблонів сайтів. Вони доступні через окремий плагін Starter Templates. Усього там понад 350 шаблонів.

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

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

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

Стаття на тему 👀
Огляд плагіна Starter Templates

Конструктор шапки/підвалу

Вбудований конструктор шапки та підвалу – одна з найкорисніших функцій безкоштовної версії Astra. З його допомогою можна створити на сайті шапку/підвал із одного, двох або трьох рівнів.

Конструктор влаштований так: у налаштувачі теми ви бачитимете макет шапки/підвалу — три рядки по три клітинки в кожному; у клітинках можна розміщувати блоки-віджети (кнопка, логотип, меню, соцмережі, HTML-код, будь-який блок із редактора WordPress).

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

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

Вимикач назви публікації

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

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

Глобальні стилі для сайту

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

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

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

Індивідуальні налаштування для сторінок

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

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

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

Прозора шапка

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

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

У Astra таку шапку можна увімкнути у налаштуваннях теми. Це хороший варіант для сайтів, які використовують складне тло для титульного банера.

Установки WooCommerce

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

У Astra налаштувань більше. Наприклад, можна керувати структурою картки товару в каталозі: показувати або приховувати категорію, назву, рейтинг, ціну, короткий опис та кнопку додавання до кошика. Завдяки цьому вітрину можна зробити акуратнішою та підходящою під конкретний магазин.

Також Astra дає додаткові параметри для сторінки товару, кошика та інших елементів WooCommerce. Це допомагає трохи відійти від стандартного виду магазину та краще підлаштувати його під дизайн сайту без окремої розробки.

Особливості платної версії

Astra Pro перетворює і без того багатофункціональну тему на конструкторську станцію:

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

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

Ціна на Astra Pro — від $69 на рік. Якщо потрібний не тільки Pro-модуль теми, але й Spectra Pro, можна розглянути більш дорогий набір. Ціна може бути високою, особливо якщо сайт невеликий і не приносить гроші безпосередньо. Але тут важливо дивитися не лише на саму тему, але й на те, які завдання вона закриває.

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

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

Конструктор сайту

Одна з головних фішок платної версії Astra — Site Builder (конструктор сайту). Незважаючи на назву, це не заміна редактору блоків WordPress чи Elementor. Це інструмент, який дозволяє міняти шаблони на сайті, які не можна редагувати як звичайні сторінки. Наприклад, сторінки рубрик, архіви товарів, сторінку 404, шапку, підвал та інші частини сайту, що повторюються.

Загальний принцип роботи Site Builder такий: ви створюєте секцію, яку хочете вбудувати в шаблонну сторінку, або взагалі відтворюєте повністю нову шаблонну сторінку, а потім вибираєте для цієї справи умови відображення.

Наочний приклад – блок «Наші найкращі статті» на сторінках рубрик у нас на Wiki. Спочатку його не існувало, на сторінці рубрики просто йшов її заголовок, а далі усі статті. Ми створили в Site Builder блок із обраними статтями та вказали, щоб відображався у потрібній рубриці. І так кожної рубрики.

Ще кілька ідей для використання Site Builder:

1. Різні шапки/підвали для різних сторінок. Наприклад, у блозі можна вивести шапку з навігацією по рубриках, а для магазину можна зробити варіації однієї і тієї ж шапки, але з різними рекламними пропозиціями у верхньому ряду для різних категорій товарів.
2. Блок зі знижкою чи акцією на сторінках категорій товарів. Наприклад, перед сіткою товарів можна розмістити пропозицію «Підпишіться на розсилку та отримайте знижку» або банер з акцією для конкретної категорії.
3. Рекламні плашки у статтях через кожні кілька блоків. Можна створити один рекламний блок і автоматично виводити його у всіх статтях, наприклад, після певної кількості блоків. Не доведеться додавати рекламу вручну до кожної публікації.
4. Цілком новий макет для рубрики або категорії товарів. Можна змінити як окремі блоки, а й структуру сторінки цілком: інакше оформити картки статей/товарів, додати кілька добірок і розділити матеріали за темами. Наприклад, на сторінці рубрики вивести окремі групи статей за тегами, а в категорії товарів — кілька добірок для різних типів покупців.

Просунуті шаблони

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

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

Це корисно, якщо ви не хочете починати сайт із порожнього листа. Преміум шаблон можна взяти як готову основу: замінити тексти, зображення, кольори, логотип, товари та послуги. Навіть якщо потім дизайн дуже зміниться, стартова структура вже економить час.

Ну або ж ви зможете використати якісь секції у преміум шаблонах як джерело для натхнення. Сподобався якийсь блок чи секція – можна додати собі та подивитися як це реалізовано, а потім зробити у себе щось подібне.

Висувний сайдбар

В Astra Pro є корисна функція для магазинів на WooCommerce — Off-Canvas Sidebar. Сенс у тому, що бічна панель може бути прихованою за замовчуванням і відкриватись лише при натисканні на кнопку над сіткою з товарами.

Для інтернет-магазину це дуже зручна річ. Особливо на мобільних пристроях, де звичайний сайдбар часто з’їжджає униз сторінки. А з Off-Canvas фільтрами каталог виглядає чистішим, і фільтри при цьому залишаються доступними.

У сторонніх плагінах для налаштування фільтрів товарів подібна функція часто доступна лише у платних версіях. Але з Astra Pro принаймні вона йде в комплекті з багатьма іншими можливостями.

Налаштування шапки

У безкоштовній Astra вже є гарний конструктор шапки. Але в Astra Pro можливостей більше: у конструкторі стає більше елементів, можна зробити липку шапку, мега-меню, різні варіанти шапки для різних сторінок.

Наприклад — ось усі доступні елементи в конструкторі шапки/підвалу. Ті, які відзначені сірим кольором, стають доступними лише у Pro-версії теми.

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

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

Висновок

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

При цьому тема не заганяє вас у рамки одного способу роботи. Її можна використовувати із редактором блоків WordPress, Elementor або іншими конструкторами сторінок. Навіть є окремі шаблони для різних конструкторів.

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

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