Astra vs OceanWP: какую тему использовать в 2022 году?

Пытаетесь выбрать между Astra и OceanWP для своей темы WordPress?

Это две самые популярные темы WordPress всех времен, поэтому вы сузили свой список до нескольких качественных вариантов.

Но как выбрать правильную тему для вашей уникальной ситуации? Это тема этого поста.

Чтобы помочь вам выбрать лучшую тему для ваших нужд, я проведу практическую работу с обеими темами и подробно сравним OceanWP и Astra.

В целом, я думаю, что Astra — лучшая тема для большинства людей, потому что это лучший универсальный вариант, когда речь идет о производительности, демонстрационных сайтах, функциях, гибкости и цене. Тем не менее, OceanWP может быть лучше для тех, кто хочет больше возможностей для настройки.

Чтобы узнать, откуда берутся эти выводы, продолжайте читать полное сравнение!

Astra против OceanWP: Введение

Для начала давайте кратко пробежимся по некоторым введениям в эти две темы.

Astra — самая популярная нестандартная тема всех времен на WordPress.org, где она активна на более чем миллионе сайтов — невероятное достижение. Это единственная тема не по умолчанию, которая преодолела отметку в один миллион активных установок.

Помимо впечатляющего количества установок, он также имеет рейтинг 4,9 звезды почти в 5000 обзоров.

OceanWP также является одной из самых популярных тем на WordPress.org. Активная на более чем 700 000 сайтов, это третья по популярности тема не по умолчанию (после темы Hello от Elementor и Astra).

Как и Astra, OceanWP также имеет рейтинг 4,9 звезды по почти 5000 отзывам.

И Astra, и OceanWP используют один и тот же базовый подход. Это легкие и гибкие многоцелевые темы, которые вы можете использовать для любого типа сайта, от блога до сайта брошюр, магазина электронной коммерции и многого другого.

Чтобы помочь вам создавать эти сайты, обе темы поставляются с:

• Сотни импортируемых демонстрационных сайтов для различных ниш
• Подробные параметры настройки в настройщике WordPress в режиме реального времени.
• Тесная интеграция с плагинами компоновщика страниц для дизайна с перетаскиванием

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

Выделение этих различий является целью остальной части этого поста.

Шаблоны/демонстрационные сайты

Теперь давайте перейдем к более подробному сравнению Astra и OceanWP, начав с просмотра импортируемых демонстрационных сайтов.

С обеими этими темами вы, вероятно, начнете свой опыт, поэтому имеет смысл начать наше сравнение здесь.

Астра

С помощью сопутствующего плагина Starter Templates Astra предлагает импортируемые демонстрационные сайты, созданные с помощью одного из четырех плагинов-конструкторов на ваш выбор:

• Элементор (наш обзор)
• Beaver Builder (наш обзор)
• Встроенный редактор блоков WordPress (Gutenberg)
• Бризи

В общей сложности вы получаете доступ к более чем 280 уникальным демонстрационным сайтам, из которых 95+ доступны в бесплатной версии, а для остальных требуется один из платных агентских планов.

Хотя дизайн субъективен, я также думаю, что демонстрационные сайты Astra выглядят намного лучше и уникальнее, чем OceanWP.

Просмотреть демо-версии Astra

OceanWP

По сравнению с Astra, OceanWP не дает вам такого большого выбора.

Во-первых, все демонстрационные сайты созданы с помощью Elementor. Это нормально, если вам нравится Elementor, но у вас нет возможности использовать другие сборщики, такие как предложения Astra.

Во-вторых, количество демо-сайтов меньше, особенно в бесплатной версии: вы получаете 15 бесплатных шаблонов Elementor и 185 премиум-шаблонов.

Лично я нахожу многие демонстрации OceanWP по сравнению с Astra скучными и устаревшими.

Просмотреть демоверсии OceanWP

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

Параметры настройки

Чтобы помочь вам настроить свой сайт, и Astra, и OceanWP включают в себя множество параметров в настройщике WordPress в режиме реального времени.

Честно говоря, здесь невозможно сравнить каждую функцию, потому что мы говорим о сотнях (или, может быть, тысячах?) различных вариантов настройки.

Так что вместо этого я собираюсь поразить высокие точки.

В целом, я думаю, что OceanWP немного более гибкий с точки зрения возможностей, которые он вам дает. Это особенно верно при сравнении бесплатной версии OceanWP с бесплатной версией Astra — OceanWP определенно дает вам больше гибкости в этом сценарии.

Например, вот варианты типографики в бесплатной версии OceanWP:

В бесплатной версии Astra вы получаете только простые варианты типографики для основного текста и заголовков H1-H6. (Однако вы также получите несколько других вариантов, спрятанных в других областях.)

Разница не так велика с премиальными версиями (подробнее о том, почему это происходит позже). Тем не менее, я бы сказал, что OceanWP по-прежнему немного более гибкая, хотя обе они гораздо более гибкие, чем обычная тема WordPress.

Однако это не универсально, и у Astra определенно есть области, в которых она выигрывает. Например, Astra теперь предлагает действительно полезный конструктор верхнего и нижнего колонтитула с перетаскиванием, который позволяет создавать собственные макеты для этих областей:

Но в целом OceanWP здесь является победителем — однако одним из недостатков такого большого количества опций является то, что область настройки OceanWP кажется немного загроможденной по сравнению с Astra.

Победитель : OceanWP, хотя я думаю, что большинство пользователей WordPress будут довольны и тем, и другим.

Интеграция компоновщика страниц/элементы управления на уровне страницы

И Astra, и OceanWP хорошо работают с плагинами компоновщика страниц благодаря гибким элементам управления на уровне страницы.

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

Например, вы можете изменить количество боковых панелей на странице или сделать ее полноразмерной. Или вы можете отключить определенные элементы, такие как заголовок страницы, чтобы вместо этого вы могли создавать эти элементы с помощью конструктора страниц.

Астра

С Astra вы получаете новую опцию « Настройки Astra » на боковой панели редактора блоков. Здесь вы можете:

• Выберите, сколько боковых панелей использовать
• Изменить макет содержимого
• Отключите определенные элементы, такие как заголовок, заголовок, избранное изображение, нижний колонтитул и другие.
• Включить прозрачные или липкие заголовки
• Выберите собственный заголовок страницы

OceanWP

С OceanWP вы получаете новое окно настроек OceanWP (вам нужно установить бесплатный плагин Ocean Extra, чтобы включить его). Это поле дает вам массу вариантов на уровне страницы. На высоком уровне вы получаете все те же возможности, что и Astra:

• Изменить макет и ширину контента
• Выберите пользовательскую боковую панель
• Отключите заголовок или заголовок или используйте собственный заголовок
• Отключить/изменить нижний колонтитул
• Измените меню навигации или даже отключите определенные элементы, такие как верхняя панель.

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

Я не думаю, что большинству людей нужно такое количество опций. Однако, если вам нравятся варианты настройки, OceanWP определенно вам подойдет.

Победитель : OceanWP дает вам больше элементов управления на уровне страницы, хотя я думаю, что Astra по-прежнему предоставляет вам все необходимые параметры в большинстве случаев.

Возможности для разработчиков

Для более продвинутых пользователей и Astra, и OceanWP предоставляют возможность вводить контент с помощью хуков. Если вы не знакомы с этим термином, хуки в основном позволяют вам вставлять контент в разные места вашей темы.

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

Астра

С Astra Pro вы получаете действительно полезную функцию пользовательских макетов, которая позволяет создавать пять типов макетов:

1. Заголовок
2. Нижний колонтитул
3. 404 Страница
4. Крючки
5. Внутренний контент поста/страницы

Опция хуков является наиболее мощной, потому что она позволяет вставлять пользовательский контент или код в любое место хука. Вы также получаете условные параметры для управления тем, когда вводить контент, например:

• Таргетинг на определенный контент — например, на определенный пост или категорию постов.
• Таргетинг на определенных пользователей — например, на всех вошедших в систему пользователей или только на определенные роли пользователей.
• Выберите дату начала/окончания , когда вводить контент
• Таргетинг на определенные устройства — например, мобильные и настольные компьютеры.

Для вставки контента в сообщения/страницы вы также можете вставлять контент после рандомизированного количества блоков, что отлично подходит для вставки рекламы или промо в сообщения блога.

Если вы используете бесплатную версию, вы можете использовать бесплатный плагин Astra Hooks для вставки крючков из Customizer, хотя он не такой гибкий, как Custom Layouts.

OceanWP

Эквивалентом в OceanWP является надстройка Ocean Hooks премиум-класса, которая также очень гибкая. Он позволяет вам вставлять текст, шорткоды, код PHP и HTML и многое другое в любое из мест подключения к OceanWP.

Вы также получите условную логику для выполнения хука только на основе таких деталей, как контент (например, конкретная страница или категория), статус входа в систему и другие. Для еще большего контроля вы можете добавить проверку роли пользователя, чтобы выполнять ее для зарегистрированных пользователей с определенной ролью.

Победитель : Астра. Хотя Ocean Hooks также очень мощен, я думаю, что функция пользовательских макетов Astra еще более гибкая благодаря таким функциям, как планирование времени и рандомизированная вставка контента.

Другие примечательные особенности

Одна уникальная особенность OceanWP заключается в том, что его премиум-версия включает в себя множество расширений, которые помогут вам добавить внешние функции, такие как всплывающие окна и уведомления о файлах cookie.

Всего OceanWP предоставляет вам надстройки для:

• Всплывающее окно входа
• Всплывающее окно WooCommerce после страницы добавления в корзину
• Уведомление о файлах cookie
• Модальное окно (вставьте любой контент)
• портфолио
• лента инстаграма
• Прикрепленный контент
• Пользовательские виджеты Elementor

Премиум-версия Astra больше ориентирована на добавление дополнительных параметров настройки темы, а не на предоставление вам таких уникальных интерфейсных функций, как эта.

Эти дополнительные функции в OceanWP хороши, но их можно решить с помощью сторонних плагинов. Например, если вы выберете Astra, вы можете использовать специальный плагин ленты Instagram или плагин уведомлений о файлах cookie.

Победитель : OceanWP.

Интеграция с WooCommerce

И Astra, и OceanWP предлагают глубокую поддержку плагина электронной коммерции WooCommerce.

Во-первых, в настройщике вы получаете опции для управления своим интернет-магазином. Но обе темы также предоставляют вам полезные функции, специфичные для WooCommerce:

Победитель : у OceanWP есть небольшое преимущество, потому что у него есть некоторые уникальные функции, хотя обе темы являются отличным вариантом для магазинов WooCommerce.

Другие известные интеграции

Когда дело доходит до заметных интеграций помимо WooCommerce, у Astra есть преимущество благодаря встроенным интеграциям для других платформ электронной коммерции и некоторым популярным плагинам LMS, в том числе:

• Простые цифровые загрузки для цифровой электронной коммерции
• LearnDash для онлайн-курсов (прочитайте наш обзор LearnDash)
• LifterLMS для онлайн-курсов (прочитайте наше сравнение LifterLMS и LearnDash)

Если вы используете один из этих подключаемых модулей, Astra предоставляет вам специальные параметры в настройщике для управления внешним видом содержимого подключаемого модуля. Например, с LearnDash вы получите возможность контролировать внешний вид своих курсов, а Astra даже предлагает несколько демонстрационных сайтов на основе LearnDash.

Тем не менее, OceanWP также будет хорошо работать со всеми этими плагинами. Например, если вы создадите курс LearnDash с помощью OceanWP, ваши курсы по-прежнему будут отлично выглядеть из коробки.

Ключевое отличие состоит в том, что вы не получаете эти встроенные настройки Customizer, позволяющие настроить работу вашего курса.

Победитель : Astra имеет больше встроенных интеграций, помимо WooCommerce.

Скорость и производительность

Последняя область функций, которую я хочу рассмотреть, прежде чем перейти к ценам, — это сравнение скорости Astra и OceanWP.

Чтобы увидеть, как они сравниваются, я протестировал скорость Astra и OceanWP, используя только базовые темы ( не демо-сайт ). Хотя это нереалистично для реального сайта, я думаю, что это самый честный способ увидеть, как Astra и OceanWP сочетаются с точки зрения производительности.

Вот результаты WebPageTest для Astra:

И для OceanWP:

Давайте сосредоточимся на сценариях и размере страницы:

Так что, по крайней мере, в состоянии «из коробки» Astra немного легче, чем OceanWP.

Однако следует помнить одну вещь: OceanWP включает собственную панель « Сценарии и стили », которая позволяет вручную отключать файлы CSS и JavaScript, что может помочь вам уменьшить размер страницы и HTTP-запросы. Для опытных пользователей это действительно хороший вариант, но я думаю, что обычные пользователи могут испытывать трудности с оптимизацией здесь и упускать преимущества:

Победитель : Astra — более легкая тема, хотя продвинутые пользователи могут «похудеть» OceanWP, если покопаются в инструменте сценариев и стилей.

Цены

Чтобы закончить, давайте поговорим о OceanWP и Astra, когда дело доходит до ценообразования.

Обе темы доступны бесплатно на WordPress.org. Затем, если вы хотите добавить больше функций, вы можете приобрести премиум-версии.

Бесплатные версии

Для простых сайтов вы можете обойтись бесплатной версией Astra или OceanWP. Однако для любого серьезного случая использования я бы рекомендовал рассмотреть премиум-версии обеих тем.

Astra и OceanWP используют разные стратегии блокировки функций для своих бесплатных и профессиональных планов:

• OceanWP предоставляет вам практически все возможности Customizer в бесплатной версии. Если вы покупаете премиум-версию, вы в основном получаете новые демонстрационные сайты и интерфейсные функции, такие как всплывающие окна, инструмент условного подключения, уведомления о файлах cookie и многое другое.
• Astra ограничивает возможности Customizer в бесплатной версии, но по-прежнему предоставляет множество шаблонов. Чтобы получить доступ ко всем параметрам настройки и некоторым другим расширенным функциям, вам необходимо перейти на версию Pro.

В таблице сравнения Astra и Astra Pro вы можете увидеть, что многие различия связаны с основными параметрами настройки:

В то время как с OceanWP отличия в основном связаны с новыми интерфейсными функциями:

Итак, если вы конкретно смотрите на бесплатные версии, я бы сказал:

• Используйте OceanWP, если вам нужны самые широкие возможности настройки.
• Выбирайте Astra, если вам нужно больше демоверсий.

Про версии

С точки зрения премиальных цен, между этими двумя темами есть одно большое различие:

• Все планы Astra позволяют использовать неограниченное количество сайтов.
• Все планы OceanWP имеют лимит веб-сайтов — три, шесть или 50 сайтов, в зависимости от плана.

Вот стартовые цены для каждого:

• Astra — 47 долларов за использование на неограниченном количестве сайтов в течение первого года (после этого ваша лицензия продлевается по цене 59 долларов).
• OceanWP — 54 доллара в год за использование до трех сайтов .

Astra называет цену в 47 долларов «сделкой с ограниченным сроком действия». Тем не менее, на момент написания этого поста они буквально проводили эту «ограниченную по времени» сделку за 47 долларов уже больше года, поэтому я думаю, что на данный момент будет справедливо назвать ее просто «ценой». Однако эта специальная цена распространяется только на первый год. Если вы хотите продлить годовую лицензию, вы заплатите 59 долларов.

В то время как у OceanWP есть одна премиум-версия (называемая Ocean Core Extensions Bundle), Astra также предлагает пакеты, включающие другие плагины разработчика, такие как WP Portfolio, Ultimate Addons for Elementor ИЛИ Beaver Builder, Convert Pro, Schema Pro и другие.

Однако для доступа к демонстрационным сайтам премиум-класса Astra вам необходимо приобрести пакет Essential Bundle стоимостью не менее 169 долларов. Так что, если вам нужны шаблоны премиум-класса, это сделает Astra более дорогим по сравнению с OceanWP (даже несмотря на то, что вы получите несколько дополнительных плагинов с Astra Essential Bundle, которые также повышают ценность).

Победитель : Astra, если только вам не нужны премиум-демоверсии.

Astra против OceanWP: какой из них использовать?

Теперь важный вопрос: когда дело доходит до OceanWP в качестве Astra, какой из них выбрать?

Ну, сначала хорошие новости:

Независимо от того, какую тему вы выберете, вы не примете «неправильного» решения. Это обе отличные темы, так что, скорее всего, вы будете довольны в любом случае.

Однако, если бы мне пришлось рекомендовать только один из этих вариантов для большинства людей, я бы сказал, что Astra — мой лучший выбор.

Вот почему:

• Он более легкий с точки зрения готовой производительности.
• У него больше демонстрационных сайтов, и вы можете выбирать из разных конструкторов. Вы также получаете гораздо больше демоверсий в бесплатной версии.
• В то время как OceanWP может иметь небольшое преимущество с точки зрения параметров настройки, Astra по-прежнему обладает достаточной гибкостью для подавляющего большинства людей .
• Пользовательский интерфейс Astra стал более удобным .
• Новый конструктор верхнего/нижнего колонтитула Astra с функцией перетаскивания действительно удобен.
• Он имеет более глубокую интеграцию для большего количества плагинов , таких как LifterLMS и LearnDash.
• Для опытных пользователей функция пользовательских макетов Astra немного более гибкая , чем Ocean Hooks.
• Это более доступно , если вам нужна тема для нескольких сайтов, поскольку она позволяет неограниченное использование сайта.

Получить Астру

Однако это всего лишь рекомендация для «большинства» людей. Я думаю, что есть некоторые конкретные ситуации, когда вам может понадобиться OceanWP:

• Вы хотите использовать бесплатную тему и настроить все с нуля. Бесплатная версия OceanWP дает вам больше возможностей для настройки . А так как вы строите с нуля, вас не будет волновать отсутствие демо-сайтов.
• Вам нужны все эти мельчайшие возможности настройки. OceanWP действительно дает вам больше гибкости , когда речь идет о параметрах настройки и элементах управления на уровне страницы. Я не думаю, что большинству людей нужна такая дополнительная гибкость. Но если вы это сделаете, OceanWP может быть лучше.
• Вы создаете магазин WooCommerce. Я думаю, что OceanWP немного более гибок для WooCommerce , хотя Astra тоже хороша.

Получить OceanWP

Чтобы увидеть еще одну тему, добавленную в микс, вы можете проверить наше трехстороннее сравнение GeneratePress, Astra и OceanWP.

Или вы также можете просмотреть нашу полную коллекцию самых быстрых тем WordPress.

Есть вопросы по поводу нашего сравнения Astra и OceanWP? Использовали любую из этих тем? Дайте нам знать об этом в комментариях!