Astra vs OceanWP: Którego motywu należy użyć w 2022 roku?
Opublikowany: 2021-10-11Próbujesz wybrać między Astra a OceanWP dla swojego motywu WordPress?
Są to dwa najpopularniejsze motywy WordPress wszechczasów, więc zawęziłeś listę do niektórych opcji jakości.
Ale jak wybrać odpowiedni motyw dla swojej wyjątkowej sytuacji? To jest temat tego posta.
Aby pomóc Ci wybrać najlepszy motyw dla Twoich potrzeb, omówię oba motywy i szczegółowo porównam OceanWP i Astrę.
Ogólnie uważam, że Astra jest lepszym motywem dla większości ludzi, ponieważ jest najlepszą wszechstronną opcją, jeśli chodzi o wydajność, strony demonstracyjne, funkcje, elastyczność i cenę. Jednak OceanWP może być lepszy dla majsterkowiczów, którzy chcą mieć najwięcej opcji dostosowywania.
Aby dowiedzieć się, skąd pochodzą te wnioski, czytaj dalej pełne porównanie!
Spis treści
- Astra vs OceanWP: Przedstawienia
- Szablony/witryny demonstracyjne
- Opcje dostosowywania
- Integracje z Kreatorem Stron/Kontrolki na poziomie strony
- Funkcje programisty
- Inne ważne funkcje
- Integracja z WooCommerce
- Inne godne uwagi integracje
- Szybkość i wydajność
- cennik
- Astra vs OceanWP: którego należy użyć?
Astra vs OceanWP: Przedstawienia
Na początek przyjrzyjmy się pokrótce wstępom do tych dwóch tematów.
Astra to najpopularniejszy niestandardowy motyw wszechczasów na WordPress.org, gdzie jest aktywny w ponad milionie witryn — niesamowite osiągnięcie. Jest to jedyny motyw inny niż domyślny, który przeszedł milion aktywnych instalacji.
Oprócz imponującej liczby instalacji ma również 4,9-gwiazdkową ocenę w prawie 5000 recenzji.

OceanWP jest również jednym z najpopularniejszych motywów na WordPress.org. Aktywny na ponad 700 000 stronach, jest trzecim najpopularniejszym motywem niedomyślnym (tylko za motywem Hello Elementora i Astrą).
Podobnie jak Astra, OceanWP ma również 4,9-gwiazdkową ocenę w prawie 5000 recenzji.

Zarówno Astra, jak i OceanWP mają to samo podstawowe podejście. Są to lekkie i elastyczne, wielofunkcyjne motywy, których można używać w dowolnym typie witryny, od bloga po witrynę z broszurami, sklep eCommerce i nie tylko.
Aby pomóc Ci w tworzeniu tych witryn, oba motywy zawierają:
- Setki importowanych witryn demonstracyjnych dla wielu różnych nisz
- Szczegółowe opcje dostosowywania w programie WordPress Customizer w czasie rzeczywistym
- Ścisła integracja z wtyczkami do tworzenia stron do projektowania metodą „przeciągnij i upuść”
Ale chociaż oba mają to samo podstawowe podejście, mają pewne ważne różnice, jeśli chodzi o funkcje, opcje dostosowywania, ceny i wydajność.
Podkreślenie tych różnic jest celem dalszej części tego postu.
Szablony/witryny demonstracyjne
Przejdźmy teraz do bardziej szczegółowego porównania Astry i OceanWP, zaczynając od przyjrzenia się importowanym witrynom demonstracyjnym.
W przypadku obu tych motywów prawdopodobnie rozpoczniesz swoje doświadczenie, więc warto rozpocząć tutaj nasze porównanie.
Astra

Za pośrednictwem towarzyszącej wtyczki Starter Templates, Astra oferuje importowane witryny demonstracyjne zbudowane z wykorzystaniem czterech wtyczek kreatora do wyboru:
- Elementor (nasza recenzja)
- Beaver Builder (nasza recenzja)
- Natywny edytor bloków WordPress (Gutenberg)
- Brizy
W sumie otrzymujesz dostęp do ponad 280 unikalnych witryn demonstracyjnych, z czego ponad 95 dostępnych jest w wersji darmowej, a reszta wymaga jednego z płatnych planów agencyjnych.
Chociaż projekt jest subiektywny, uważam również, że strony demonstracyjne Astry wyglądają znacznie lepiej i są bardziej unikalne niż OceanWP.
Przeglądaj wersje demonstracyjne Astry
OceanWP

W porównaniu do Astry, OceanWP nie daje tak dużego wyboru.
Po pierwsze, wszystkie witryny demonstracyjne są zbudowane za pomocą Elementora. To dobrze, jeśli lubisz Elementor, ale nie masz wyboru, aby korzystać z innych kreatorów, takich jak oferty Astry.
Po drugie, liczba witryn demonstracyjnych jest mniejsza, szczególnie w wersji darmowej: otrzymujesz 15 darmowych szablonów Elementor i 185 premium.
Osobiście, w porównaniu do Astry, uważam, że wiele dem OceanWP jest nieco nudnych i przestarzałych.
Przeglądaj dema OceanWP
Zwycięzca : Astra jest wyraźnym zwycięzcą, ponieważ oferuje więcej witryn demonstracyjnych, a także daje większy wybór dla konstruktora. Osobiście uważam też, że strony demonstracyjne Astry wyglądają lepiej .
Opcje dostosowywania
Aby pomóc Ci dostosować witrynę, zarówno Astra, jak i OceanWP zawierają wiele opcji w dostosowywaniu WordPress w czasie rzeczywistym.
Szczerze mówiąc, nie można tutaj porównać każdej funkcji, ponieważ mówimy o setkach (a może tysiącach?) różnych opcji dostosowywania.
Więc zamiast tego zamierzam trafić w szczytowe punkty.
Ogólnie uważam, że OceanWP jest nieco bardziej elastyczny pod względem oferowanych opcji. Jest to szczególnie prawdziwe w przypadku porównania bezpłatnej wersji OceanWP z bezpłatną wersją Astry — OceanWP zdecydowanie zapewnia większą elastyczność w tym scenariuszu.
Na przykład oto opcje typografii w bezpłatnej wersji OceanWP:

W bezpłatnej wersji Astry dostępne są tylko proste opcje typografii dla tekstu głównego i nagłówków H1-H6. (Dostaniesz jednak również kilka innych opcji schowanych w innych obszarach).
W przypadku wersji premium różnica nie jest tak duża (więcej o tym później). Powiedziałbym jednak, że OceanWP jest nadal nieco bardziej elastyczny, chociaż oba są znacznie bardziej elastyczne niż przeciętny motyw WordPress.
Nie jest to jednak uniwersalne, a Astra zdecydowanie ma pewne obszary, w których wygrywa. Na przykład Astra oferuje teraz naprawdę przydatny kreator nagłówków i stopek typu „przeciągnij i upuść”, który umożliwia tworzenie niestandardowych układów dla tych obszarów:

Ale ogólnie rzecz biorąc, OceanWP jest tutaj zwycięzcą — jednak jedną wadą posiadania tak wielu opcji jest to, że obszar Customizer OceanWP wydaje się nieco zagracony w porównaniu z Astrą.
Zwycięzca : OceanWP, choć myślę, że większość użytkowników WordPressa będzie zadowolona z obu.
Integracje z Kreatorem Stron/Kontrolki na poziomie strony
Zarówno Astra, jak i OceanWP dobrze współpracują z wtyczkami do tworzenia stron dzięki elastycznym kontrolkom na poziomie strony.
Zasadniczo te ustawienia umożliwiają kontrolowanie obszaru roboczego projektów kreatora stron na podstawie poszczególnych stron.
Na przykład możesz zmienić liczbę pasków bocznych na stronie lub ustawić ją na pełną szerokość. Możesz też wyłączyć niektóre elementy, takie jak tytuł strony, aby zamiast tego tworzyć te elementy za pomocą narzędzia do tworzenia stron.
Astra
W Astrze otrzymujesz nową opcję Ustawienia Astry na pasku bocznym edytora bloków. Tutaj możesz:
- Wybierz, ile pasków bocznych chcesz użyć
- Zmień układ treści
- Wyłącz niektóre elementy, takie jak nagłówek, tytuł, polecany obraz, stopka i inne
- Włącz przezroczyste lub lepkie nagłówki
- Wybierz niestandardowy nagłówek strony

OceanWP
Dzięki OceanWP otrzymujesz nowe okno Ustawienia OceanWP (musisz zainstalować bezpłatną wtyczkę Ocean Extra, aby ją włączyć). To pole daje mnóstwo opcji na poziomie strony. Na wysokim poziomie otrzymujesz te same opcje co Astra:
- Zmień układ treści i szerokość
- Wybierz niestandardowy pasek boczny
- Wyłącz tytuł lub nagłówek albo użyj niestandardowego tytułu
- Wyłącz/zmień stopkę
- Zmień menu nawigacyjne, a nawet wyłącz określone elementy, takie jak górny pasek
Ale dostajesz także kilka naprawdę drobiazgowych opcji, takich jak dodawanie niestandardowego górnego lub dolnego wypełnienia, zmiana logo, kolorów i typografii, wstrzykiwanie krótkich kodów w różnych częściach strony i nie tylko.

Nie sądzę, aby większość ludzi potrzebowała tak wielu opcji. Jeśli jednak lubisz mieć opcje dostosowywania, OceanWP zdecydowanie zapewnia.
Zwycięzca : OceanWP zapewnia więcej kontroli na poziomie strony, chociaż myślę, że Astra nadal zapewnia wszystkie opcje, których potrzebujesz w większości przypadków.
Funkcje programisty
Bardziej zaawansowanym użytkownikom zarówno Astra, jak i OceanWP oferują opcje wstrzykiwania treści za pomocą haków. Jeśli nie znasz tego terminu, haki pozwalają w zasadzie wstrzykiwać treść w różne miejsca motywu.
Możesz na przykład automatycznie dodać pole wezwania do działania na końcu postów na blogu lub wstawić reklamę pod tytułem posta.
Astra
Dzięki Astra Pro otrzymujesz naprawdę przydatną funkcję Niestandardowe układy, która pozwala tworzyć pięć typów układów:
- nagłówek
- Stopka
- Strona 404
- Haki
- Wewnątrz wpisu/treści strony
Opcja podpięcia jest najpotężniejsza, ponieważ umożliwia wstrzyknięcie niestandardowej zawartości lub kodu w dowolnym miejscu podpięcia. Otrzymasz również opcje warunkowe do kontrolowania, kiedy wstrzyknąć zawartość, takie jak:
- Celuj w określone treści – np. w konkretny post lub kategorię postów
- Celuj w określonych użytkowników – np. do wszystkich zalogowanych użytkowników lub tylko do określonych ról użytkowników
- Wybierz datę rozpoczęcia/zakończenia , kiedy wstrzyknąć zawartość
- Celuj w określone urządzenia – np. telefon komórkowy vs komputer stacjonarny

Aby wstawić treść do postów/stron, możesz również wstawiać treść po losowej liczbie bloków, co jest świetne do wstrzykiwania reklam lub promocji w postach na blogu.
Jeśli korzystasz z darmowej wersji, możesz użyć darmowej wtyczki Astra Hooks do wstawiania hooków z Customizer, chociaż nie jest ona tak elastyczna jak niestandardowe układy.
OceanWP
Odpowiednikiem w OceanWP jest dodatek premium Ocean Hooks, który jest również bardzo elastyczny. Umożliwia wstrzykiwanie tekstu, krótkich kodów, kodu PHP i HTML i innych do dowolnej lokalizacji zaczepienia OceanWP.

Otrzymasz również logikę warunkową, aby wykonać tylko hak na podstawie szczegółów, takich jak zawartość (np. określona strona lub kategoria), stan zalogowania i inne. Aby uzyskać jeszcze większą kontrolę, możesz dodać weryfikację roli użytkownika, aby wykonać ją dla zarejestrowanych użytkowników z określoną rolą.
Zwycięzca : Astra. Chociaż Ocean Hooks jest również bardzo potężny, myślę, że funkcja Custom Layouts Astry jest jeszcze bardziej elastyczna dzięki takim funkcjom, jak planowanie czasu i losowe wstawianie treści.
Inne ważne funkcje
Jedną z wyjątkowych cech OceanWP jest to, że jego wersja premium zawiera wiele rozszerzeń, które pomagają dodawać funkcje front-end, takie jak wyskakujące okienka i powiadomienia o plikach cookie.

W sumie OceanWP oferuje dodatki do:
- Wyskakujące okienko logowania
- Wyskakujące okienko WooCommerce po stronie dodawania do koszyka
- Informacja o plikach cookie
- Okno modalne (wstaw dowolną treść)
- Teczka
- Kanał na Instagramie
- Przyklejona zawartość
- Niestandardowe widżety Elementora
Wersja premium Astry jest bardziej skoncentrowana na dodawaniu dodatkowych opcji dostosowywania motywu, a nie na zapewnianiu takich unikalnych funkcji front-endowych.
Te dodatkowe funkcje w OceanWP są fajne, ale można je rozwiązać za pomocą wtyczek innych firm. Na przykład, jeśli wybierzesz Astrę, możesz skorzystać z dedykowanej wtyczki do kanału na Instagramie lub wtyczki do powiadamiania o plikach cookie.
Zwycięzca : OceanWP.
Integracja z WooCommerce
Zarówno Astra, jak i OceanWP oferują głębokie wsparcie dla wtyczki WooCommerce eCommerce.
Po pierwsze, masz opcje w Customizer, aby kontrolować swój sklep internetowy. Ale oba motywy zapewniają również przydatne funkcje specyficzne dla WooCommerce:
Astra | OceanWP | |
Opcje dostosowania WooCommerce | ️. | ️. |
Rozwijany koszyk | ️. | ️. |
Pasek boczny poza kanwą dla filtrów produktów | ️. | ️. |
Wbudowany szybki podgląd produktu | ️. | ️. |
Niestandardowe wyskakujące okienka WooCommerce | ️. | |
Pływający przycisk dodawania do koszyka | ️. | |
Kasa bez rozpraszania uwagi | ️. | ️. |
Zwycięzca : OceanWP ma niewielką przewagę, ponieważ ma kilka unikalnych funkcji, chociaż oba motywy stanowią świetną opcję dla sklepów WooCommerce.
Inne godne uwagi integracje
Jeśli chodzi o godne uwagi integracje poza WooCommerce, Astra ma przewagę dzięki wbudowanym integracjom z innymi platformami eCommerce i niektórymi popularnymi wtyczkami LMS, w tym:
- Łatwe pobieranie cyfrowe dla cyfrowego eCommerce
- LearnDash do kursów online (przeczytaj naszą recenzję LearnDash)
- LifterLMS do kursów online (przeczytaj nasze porównanie LifterLMS vs LearnDash)
Jeśli używasz jednej z tych wtyczek, Astra udostępnia dedykowane opcje w programie Customizer, aby kontrolować wygląd zawartości wtyczki. Na przykład dzięki LearnDash uzyskasz opcje kontrolowania wyglądu Twoich kursów, a Astra oferuje nawet niektóre witryny demonstracyjne oparte na LearnDash.
Jednak OceanWP będzie również ładnie grał ze wszystkimi tymi wtyczkami. Na przykład, jeśli utworzysz kurs LearnDash za pomocą OceanWP, Twoje kursy nadal będą wyglądać świetnie po wyjęciu z pudełka.
Kluczową różnicą jest to, że nie otrzymujesz tych wbudowanych ustawień dostosowywania, które pozwalają dostosować sposób działania kursu.
Zwycięzca : Astra ma więcej wbudowanych integracji poza WooCommerce.
Szybkość i wydajność
Ostatnim obszarem funkcji, który chcę rozważyć przed przejściem do cen, jest porównanie prędkości Astra vs OceanWP.
Aby zobaczyć, jak się porównują, przetestowałem prędkość Astra vs OceanWP, używając tylko motywów podstawowych ( nie strony demonstracyjnej ). Chociaż nie jest to realistyczne w przypadku prawdziwej witryny, myślę, że jest to najuczciwszy sposób, aby zobaczyć, jak Astra i OceanWP układają się z perspektywy wydajności.
Oto wyniki z WebPageTest dla Astry:

A dla OceanWP:

Skupmy się na skryptach i rozmiarze strony:
Astra | OceanWP | |
Rozmiar strony | 39 KB | 127 KB |
Żądania HTTP | 7 | 15 |
Tak więc — przynajmniej w stanie „po wyjęciu z pudełka”, Astra jest nieco lżejsza niż OceanWP.
Należy jednak pamiętać, że OceanWP zawiera własny panel Skrypty i style , który pozwala ręcznie wyłączyć pliki CSS i JavaScript, co może pomóc w zmniejszeniu rozmiaru strony i żądań HTTP. Dla zaawansowanych użytkowników jest to naprawdę fajna opcja, ale myślę, że zwykli użytkownicy mogą mieć problemy z optymalizacją tutaj i przegapić korzyści:

Zwycięzca : Astra jest lżejszym motywem, chociaż zaawansowani użytkownicy mogą „odchudzić” OceanWP, jeśli zagłębią się w narzędzie skryptów i stylów.
cennik
Na koniec porozmawiajmy o OceanWP vs Astra, jeśli chodzi o ceny.
Oba motywy są dostępne bezpłatnie na WordPress.org. Następnie, jeśli chcesz dodać więcej funkcji, możesz kupić wersje premium.
Darmowe wersje
W przypadku prostych witryn możesz poradzić sobie z bezpłatną wersją Astry lub OceanWP. Jednak w każdym poważnym przypadku użycia polecam rozważyć wersje premium obu motywów.
Astra i OceanWP stosują różne strategie blokowania funkcji w swoich planach darmowych i profesjonalnych:
- OceanWP oferuje prawie wszystkie opcje Customizer w bezpłatnej wersji. Jeśli kupisz wersję premium, otrzymujesz głównie nowe witryny demonstracyjne i funkcje interfejsu użytkownika, takie jak wyskakujące okienka, narzędzie warunkowego haka, powiadomienia o plikach cookie i inne.
- Astra ogranicza opcje Customizer w darmowej wersji, ale nadal oferuje wiele szablonów. Aby uzyskać dostęp do wszystkich opcji Customizer i niektórych innych zaawansowanych funkcji, musisz przejść na wersję Pro.
W tabeli porównawczej Astra vs Astra Pro widać, że wiele różnic dotyczy podstawowych opcji dostosowywania:

Podczas gdy w przypadku OceanWP różnice dotyczą głównie nowych funkcji interfejsu:

Tak więc, jeśli szukasz konkretnie darmowych wersji, powiedziałbym:
- Wybierz OceanWP, jeśli chcesz mieć najwięcej opcji dostosowywania.
- Wybierz Astrę, jeśli chcesz mieć najwięcej wersji demonstracyjnych.
Wersje Pro
Jeśli chodzi o ceny premium, istnieje jedna duża różnica między tymi dwoma motywami:
- Wszystkie plany Astry umożliwiają korzystanie z nieograniczonej liczby witryn.
- Wszystkie plany OceanWP mają limit witryn — trzy, sześć lub 50 witryn, w zależności od planu.
Oto ceny początkowe dla każdego z nich:
- Astra – 47 USD do użytku w nieograniczonej liczbie witryn przez pierwszy rok (po tym licencja odnawia się za 59 USD)
- OceanWP – 54 USD rocznie do użytku w maksymalnie trzech witrynach
Astra nazywa cenę 47 USD „umową na czas określony”. Jednak w czasie, gdy piszę ten post, dosłownie prowadzili tę 47-dolarową „ograniczoną czasowo” umowę od ponad roku, więc myślę, że w tym momencie uczciwie jest nazwać to „ceną”. Jednak ta specjalna cena dotyczy tylko pierwszego roku. Jeśli chcesz odnowić roczną licencję, zapłacisz 59 USD.
Chociaż OceanWP ma jedną wersję premium (zwaną Ocean Core Extensions Bundle), Astra oferuje również pakiety zawierające inne wtyczki programisty, takie jak WP Portfolio, Ultimate Addons do Elementor OR Beaver Builder, Convert Pro, Schema Pro i inne.
Aby jednak uzyskać dostęp do witryn demonstracyjnych premium Astry, musisz kupić co najmniej 169 USD Essential Bundle. Więc jeśli potrzebujesz szablonów premium, to sprawi, że Astra będzie droższa w porównaniu z OceanWP (mimo że dostaniesz kilka dodatkowych wtyczek z Essential Bundle Astry, które również dodają wartości).
Zwycięzca : Astra, chyba że potrzebujesz również wersji demonstracyjnych premium.
Astra vs OceanWP: którego należy użyć?
Teraz ważne pytanie, jeśli chodzi o OceanWP jako Astrę, którą wybrać?
Cóż, najpierw mamy dobre wieści:
Bez względu na wybrany motyw nie podejmiesz „złej” decyzji. To są doskonałe motywy, więc najprawdopodobniej będziesz szczęśliwy tak czy inaczej.
Gdybym jednak miał polecić tylko jedną z tych opcji większości ludzi, powiedziałbym, że Astra to mój najlepszy wybór.
Dlatego:
- Jest lżejszy pod względem wydajności po wyjęciu z pudełka.
- Ma więcej witryn demonstracyjnych i możesz wybierać spośród różnych kreatorów. W darmowej wersji dostajesz też o wiele więcej wersji demonstracyjnych.
- Chociaż OceanWP może mieć niewielką przewagę pod względem opcji dostosowywania, Astra wciąż ma wystarczającą elastyczność dla zdecydowanej większości ludzi .
- Konfigurator Astry jest bardziej przyjazny dla użytkownika .
- Nowy kreator nagłówków/stopek Astry typu „przeciągnij i upuść” jest naprawdę fajny.
- Ma głębsze integracje dla większej liczby wtyczek , takich jak LifterLMS i LearnDash.
- Dla zaawansowanych użytkowników funkcja Astry Custom Layouts jest nieco bardziej elastyczna niż Ocean Hooks.
- Jest bardziej przystępny cenowo , jeśli potrzebujesz motywu dla wielu witryn, ponieważ umożliwia nieograniczone korzystanie z witryny.
Zdobądź Astrę
Jednak to tylko rekomendacja dla „większości” ludzi. Myślę, że istnieją pewne konkretne sytuacje, w których możesz zamiast tego chcieć OceanWP:
- Chcesz skorzystać z darmowego motywu i skonfigurować wszystko od podstaw. Darmowa wersja OceanWP zapewnia więcej opcji dostosowywania . A skoro budujesz od zera, nie przejmiesz się brakiem witryn demonstracyjnych.
- Potrzebujesz wszystkich tych drobiazgowych opcji dostosowywania. OceanWP zapewnia większą elastyczność , jeśli chodzi o opcje Customizer i kontrolki na poziomie strony. Nie sądzę, aby większość ludzi potrzebowała tej dodatkowej elastyczności. Ale jeśli to zrobisz, OceanWP może być lepszy.
- Budujesz sklep WooCommerce. Myślę, że OceanWP jest trochę bardziej elastyczny dla WooCommerce , chociaż Astra też jest świetna.
Zdobądź OceanWP
Aby zobaczyć inny motyw wrzucony do miksu, możesz sprawdzić nasze trójstronne porównanie GeneratePress vs Astra vs OceanWP.
Możesz też przejrzeć naszą pełną kolekcję najszybszych motywów WordPress.
Masz pytania dotyczące naszego porównania Astra vs OceanWP? Używałeś któregoś z tych motywów? Daj nam znać w komentarzach!