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 Pro для своего сайта, сделайте это по нашей аффилиатской ссылке. Для вас это не будет ничего стоить, а мы получим от Astra небольшую комиссию за вашу покупку. Это поможет создавать больше полезных статей по WordPress.
Конструктор сайта
Одна из главных фишек платной версии Astra — Site Builder (конструктор сайта). Несмотря на название, это не замена редактору блоков WordPress или Elementor. Это инструмент, который позволяет менять шаблонные места на сайте, которые нельзя редактировать как обычные страницы. Например, страницы рубрик, архивы товаров, страницу 404, шапку, подвал и другие повторяющиеся части сайта.
Общий принцип работы Site Builder такой: вы создаёте секцию, которую хотите встроить в шаблонную страницу, или вообще — воссоздаёте полностью новую шаблонную страницу, а потом выбираете для этого дела условия отображения.
Наглядный пример — блок «Наши избранные статьи» на страницах рубрик у нас на Wiki. Изначально его не существовало, на странице рубрики просто шёл её заголовок, затем все статьи. Мы создали в Site Builder блок с избранными статьями и указали, чтобы отображался в нужной рубрике. И так для каждой рубрики.
Ещё несколько идей для использования Site Builder:
- Разные шапки/подвалы для разных страниц. Например, в блоге можно вывести шапку с навигацией по рубрикам, а для магазина можно сделать вариации одной и той же шапки, но с разными рекламными предложениями в верхнем ряду для разных категорий товаров.
- Блок со скидкой или акцией на страницах категорий товаров. Например, перед сеткой товаров можно разместить предложение «Подпишитесь на рассылку и получите скидку» или баннер с акцией для конкретной категории.
- Рекламные плашки в статьях через каждые несколько блоков. Можно создать один рекламный блок и автоматически выводить его во всех статьях, например после определённого количества блоков. Не придётся добавлять рекламу вручную в каждую публикацию.
- Полностью новый макет для рубрики или категории товаров. Можно изменить не только отдельные блоки, но и структуру страницы целиком: по-другому оформить карточки статей/товаров, добавить несколько подборок и разделить материалы по темам. Например, на странице рубрики вывести отдельные группы статей по тегам, а в категории товаров — несколько подборок для разных типов покупателей.
Продвинутые шаблоны
Премиум шаблоны обычно выглядят интереснее и богаче, потому что могут использовать возможности Astra Pro и других платных инструментов из экосистемы.
В таких шаблонах чаще встречаются более сложные шапки, продуманные страницы услуг, скрытые по умолчанию фильтры товаров, блоки с отзывами и другие элементы, которые в бесплатном версии реализовать не получится.
Это полезно, если вы не хотите начинать сайт с пустого листа. Премиум шаблон можно взять как готовую основу: заменить тексты, изображения, цвета, логотип, товары или услуги. Даже если потом дизайн сильно изменится, стартовая структура уже экономит время.
Ну или вы сможете использовать какие-то секции в премиум шаблонах как источник вдохновения. Понравился какой-то блок или секция — можно добавить себе и посмотреть как это реализовано, а потом сделать у себя что-то подобное.
Плавающий сайдбар
В Astra Pro есть полезная функция для магазинов на WooCommerce — Off-Canvas Sidebar. Смысл в том, что боковая панель может быть скрытой по умолчанию и открываться только при нажатии на кнопку над сеткой с товарами.
Для интернет-магазина это очень практичная вещь. Особенно на мобильных устройствах, где обычный сайдбар часто уезжает вниз страницы. А с Off-Canvas фильтрами каталог выглядит чище, и фильтры при этом остаются доступными.
В сторонних плагинах для настройки фильтров товаров подобная функция часто доступна тоже только в платных версиях. Но с Astra Pro по крайней мере она идёт в комплекте с множеством других возможностей.
Продвинутые настройки шапки
В бесплатной Astra уже есть хороший конструктор шапки. Но в Astra Pro возможностей сильно больше: в конструкторе становится доступно больше элементов, можно сделать липкую шапку, мега-меню, разные варианты шапки для разных страниц.
Для примера — вот все доступные элементы в конструкторе шапки/подвала. Те, которые отмечены серым цветом, становятся доступны только в Pro-версии темы.
Мега-меню — целая отдельная история. Это полезная возможность для магазинов с большими каталогами, где куча категорий и подкатегорий. Даёт возможность разложить пункты аккуратно по колонкам, группам и визуальным блокам. В него можно добавить не только ссылки, но и дополнительные блоки по типу скидок или изображений, чтобы меню стало понятнее.
Бонусом будет возможность сделать шапку липкой, чтобы она оставалась сверху экрана, когда пользователь прокручивает страницу. В Astra Pro для этого есть отдельная опция в конструкторе сайтов.
Решили выбрать Astra Pro?
Купить тему можно по нашей партнёрской ссылке. Для вас цена не изменится, а мы получим небольшую комиссию, которая поможет поддерживать и обновлять материалы на сайте.
Вывод
Даже в бесплатной версии Astra — одна из самых функциональных тем для WordPress. В ней уже есть мощный конструктор шапки и подвала, глобальные стили, готовые шаблоны, дополнительные настройки страниц и расширенные возможности для WooCommerce. Этого достаточно, чтобы создать блог, сайт компании, лендинг или небольшой интернет-магазин.
При этом тема не загоняет вас в рамки одного способа работы. Её можно использовать с редактором блоков WordPress, Elementor или другими конструкторами страниц. Даже шаблоны есть отдельно для разных конструкторов.
Платная версия нужна не всем, но она заметно расширяет возможности темы: позволяет редактировать шаблонные страницы, создавать разные шапки для отдельных разделов сайта, добавлять контент через хуки, делать мега-меню и использовать другие функции, для которых иначе пришлось бы устанавливать дополнительные плагины или писать код.
Поэтому начать можно с бесплатной версии. А если со временем её возможностей станет мало, Astra Pro позволит расширить сайт, не меняя тему и не перестраивая всё с нуля.