Astra vs OceanWP: qual tema você deve usar em 2022?

Tentando escolher entre Astra vs OceanWP para o seu tema WordPress?

Esses são dois dos temas WordPress mais populares de todos os tempos, então você reduziu sua lista a algumas opções de qualidade.

Mas como você decide o tema certo para sua situação única? Esse é o assunto deste post.

Para ajudá-lo a escolher o melhor tema para suas necessidades, vou abordar os dois temas e comparar o OceanWP e o Astra em detalhes.

Em geral, acho que o Astra é o melhor tema para a maioria das pessoas porque é a melhor opção geral quando se trata de desempenho, sites de demonstração, recursos, flexibilidade e preço. No entanto, o OceanWP pode ser melhor para quem quer mais opções de personalização.

Para saber de onde vêm essas conclusões, continue lendo a comparação completa!

Astra vs OceanWP: Apresentações

Para começar, vamos passar brevemente por algumas introduções a esses dois temas.

Astra é o tema não padrão mais popular de todos os tempos no WordPress.org, onde está ativo em mais de um milhão de sites — uma conquista incrível. É o único tema não padrão a passar a contagem de um milhão de instalações ativas.

Além de ter uma contagem de instalações impressionante, também possui uma classificação de 4,9 estrelas em quase 5.000 avaliações.

OceanWP também é um dos temas mais populares no WordPress.org. Ativo em mais de 700.000 sites, é o terceiro tema não padrão mais popular (atrás apenas do tema Hello da Elementor e do Astra).

Como o Astra, o OceanWP também tem uma classificação de 4,9 estrelas em quase 5.000 avaliações.

Tanto o Astra quanto o OceanWP compartilham a mesma abordagem básica. São temas multiuso leves e flexíveis que você pode usar para qualquer tipo de site, de um blog a um site de brochura, loja de comércio eletrônico e muito mais.

Para ajudá-lo a construir esses sites, ambos os temas vêm com:

• Centenas de sites de demonstração importáveis ​​para uma variedade de nichos diferentes
• Opções de personalização detalhadas no WordPress Customizer em tempo real
• Integrações apertadas com plugins do construtor de páginas para design de arrastar e soltar

Mas, embora ambos compartilhem a mesma abordagem básica, eles têm algumas diferenças importantes quando se trata de recursos, opções de personalização, preços e desempenho.

Destacar essas diferenças é o objetivo para o restante deste post.

Modelos/sites de demonstração

Agora, vamos passar para a comparação mais detalhada do Astra vs OceanWP, começando com uma olhada nos sites de demonstração importáveis.

Com esses dois temas, é aqui que você provavelmente começará sua experiência, então faz sentido começar nossa comparação aqui.

Astra

Por meio do plug-in Starter Templates, o Astra oferece sites de demonstração importáveis ​​criados com sua escolha de quatro plug-ins de construtor:

• Elementor (nossa revisão)
• Beaver Builder (nossa análise)
• Editor de blocos nativo do WordPress (Gutenberg)
• Brizy

No total, você tem acesso a mais de 280 sites de demonstração exclusivos, com mais de 95 disponíveis na versão gratuita e o restante exigindo um dos planos de agência pagos.

Embora o design seja subjetivo, também acho que os sites de demonstração do Astra parecem muito melhores e são mais exclusivos do que o OceanWP.

Navegue pelas demonstrações do Astra

OceanWP

Comparado ao Astra, o OceanWP não oferece tanta seleção.

Primeiro, todos os sites de demonstração são construídos com o Elementor. Tudo bem se você gosta do Elementor, mas não tem a opção de usar outros construtores como as ofertas do Astra.

Em segundo lugar, o número de sites de demonstração é menor, especialmente na versão gratuita: você obtém 15 modelos Elementor gratuitos e 185 premium.

Pessoalmente, em comparação com o Astra, acho que muitas demos do OceanWP são um pouco chatas e datadas.

Navegue pelas demonstrações do OceanWP

Vencedor : o Astra é o vencedor claro porque oferece mais sites de demonstração e também oferece mais opções para o construtor. Pessoalmente, também acho que os sites de demonstração do Astra parecem melhores .

Opções de personalização

Para ajudá-lo a personalizar seu site, tanto o Astra quanto o OceanWP incluem uma variedade de opções no WordPress Customizer em tempo real.

Honestamente, é impossível comparar todos os recursos aqui porque estamos falando de centenas (ou talvez milhares?) de diferentes opções de personalização.

Então, em vez disso, vou atingir os pontos altos.

Em geral, acho que o OceanWP é um pouco mais flexível em termos das opções que oferece. Isso é especialmente verdadeiro ao comparar a versão gratuita do OceanWP com a versão gratuita do Astra — o OceanWP definitivamente oferece mais flexibilidade nesse cenário.

Por exemplo, aqui estão as opções de tipografia na versão gratuita do OceanWP:

Com a versão gratuita do Astra, você obtém apenas opções de tipografia simples para o corpo do texto e títulos H1-H6. (Você também terá algumas outras opções em outras áreas, no entanto.)

A diferença não é tão grande com as versões premium (mais sobre o porquê disso depois). No entanto, eu diria que o OceanWP ainda é um pouco mais flexível, embora ambos sejam muito mais flexíveis do que o seu tema WordPress médio.

No entanto, isso não é universal, e o Astra definitivamente tem algumas áreas em que vence. Por exemplo, o Astra agora oferece um construtor de cabeçalho e rodapé de arrastar e soltar realmente útil que permite criar layouts personalizados para essas áreas:

Mas, em geral, o OceanWP é o vencedor aqui - no entanto, uma desvantagem de ter tantas opções é que a área do Customizador do OceanWP parece um pouco confusa em comparação com o Astra.

Vencedor : OceanWP, embora eu ache que a maioria dos usuários do WordPress ficará feliz com ambos.

Integrações do Construtor de Páginas/Controles em Nível de Página

Tanto o Astra quanto o OceanWP funcionam bem com os plugins do construtor de páginas graças aos controles flexíveis no nível da página.

Essencialmente, essas configurações permitem que você controle a tela para os designs do construtor de páginas página por página.

Por exemplo, você pode alterar quantas barras laterais uma página possui ou torná-la de largura total. Ou você pode desabilitar certos elementos, como o título de uma página, para que você possa criar esses elementos com seu construtor de páginas.

Astra

Com o Astra, você obtém uma nova opção de Configurações do Astra na barra lateral do editor de blocos. Aqui você pode:

• Escolha quantas barras laterais usar
• Alterar o layout do conteúdo
• Desative certos elementos, como cabeçalho, título, imagem em destaque, rodapé e outros
• Ativar cabeçalhos transparentes ou fixos
• Escolha um cabeçalho de página personalizado

OceanWP

Com o OceanWP, você obtém uma nova caixa de configurações do OceanWP (você precisa instalar o plug-in Ocean Extra gratuito para habilitá-lo). Essa caixa oferece várias opções no nível da página. Em um nível alto, você obtém todas as mesmas opções que o Astra:

• Alterar o layout e a largura do conteúdo
• Escolha uma barra lateral personalizada
• Desative o título ou título ou use um título personalizado
• Desabilitar/alterar o rodapé
• Altere o menu de navegação ou até mesmo desative elementos específicos, como a barra superior

Mas você também obtém algumas opções realmente básicas, como adicionar preenchimento superior ou inferior personalizado, alterar o logotipo, as cores e a tipografia, injetar códigos de acesso em várias partes da página e muito mais.

Eu não acho que a maioria das pessoas precisa de tantas opções. No entanto, se você gosta de ter opções de personalização, o OceanWP definitivamente oferece.

Vencedor : O OceanWP oferece mais controles no nível da página, embora eu ache que o Astra ainda oferece todas as opções necessárias na maioria dos casos.

Recursos do desenvolvedor

Para usuários mais avançados, tanto o Astra quanto o OceanWP oferecem opções para injetar conteúdo usando ganchos. Se você não estiver familiarizado com esse termo, os ganchos basicamente permitem que você injete conteúdo em diferentes pontos do seu tema.

Por exemplo, você pode adicionar automaticamente uma caixa de chamada à ação no final das postagens do blog ou inserir um anúncio abaixo do título de uma postagem.

Astra

Com o Astra Pro, você obtém um recurso de layouts personalizados realmente útil que permite criar cinco tipos de layouts:

1. Cabeçalho
2. Rodapé
3. Página 404
4. Ganchos
5. Conteúdo da postagem/página interna

A opção de ganchos é a mais poderosa porque permite injetar conteúdo ou código personalizado em qualquer local de gancho. Você também obtém opções condicionais para controlar quando injetar conteúdo, como:

• Segmente conteúdo específico – por exemplo, uma determinada postagem ou categoria de postagens
• Segmente determinados usuários - por exemplo, todos os usuários logados ou apenas determinadas funções de usuário
• Escolha uma data de início/término para quando injetar o conteúdo
• Segmente determinados dispositivos - por exemplo, celular vs desktop

Para inserir conteúdo em postagens/páginas, você também pode injetar conteúdo após um número aleatório de blocos, o que é ótimo para injetar anúncios ou promoções em postagens de blog.

Se você estiver usando a versão gratuita, poderá usar o plug-in gratuito Astra Hooks para inserir ganchos do Personalizador, embora não seja tão flexível quanto os Layouts personalizados.

OceanWP

O equivalente no OceanWP é o complemento premium Ocean Hooks, que também é muito flexível. Ele permite que você injete texto, códigos de acesso, código PHP e HTML e muito mais em qualquer um dos locais de gancho do OceanWP.

Você também obterá lógica condicional para executar apenas um gancho com base em detalhes como o conteúdo (por exemplo, uma página ou categoria específica), status de login e outros. Para ainda mais controle, você pode adicionar validação de função de usuário para executá-la para usuários registrados com uma determinada função.

Vencedor : Astra. Embora o Ocean Hooks também seja muito poderoso, acho que o recurso de layouts personalizados do Astra é ainda mais flexível graças a recursos como agendamento de tempo e inserção aleatória no conteúdo.

Outros recursos notáveis

Uma coisa única sobre o OceanWP é que sua versão premium inclui muitas extensões para ajudá-lo a adicionar recursos de front-end, como pop-ups e avisos de cookies.

No total, o OceanWP oferece complementos para:

• Pop-up de login
• Pop-up WooCommerce após a página de adicionar ao carrinho
• Aviso de cookies
• Janela modal (insira qualquer conteúdo)
• Portfólio
• feed do Instagram
• Conteúdo fixo
• Widgets Elementor personalizados

A versão premium do Astra está mais focada em adicionar opções extras de personalização de temas, em vez de oferecer recursos exclusivos de front-end como esse.

Esses recursos extras no OceanWP são bons, mas são coisas que você pode resolver com plugins de terceiros. Por exemplo, se você escolher o Astra, poderá usar um plug-in de feed do Instagram dedicado ou um plug-in de aviso de cookies.

Vencedor : OceanWP.

Integração WooCommerce

Tanto o Astra quanto o OceanWP oferecem suporte profundo para o plugin WooCommerce eCommerce.

Primeiro, você obtém opções no Personalizador para controlar sua loja online. Mas ambos os temas também oferecem recursos úteis específicos do WooCommerce:

Vencedor : O OceanWP tem uma pequena vantagem porque possui alguns recursos exclusivos, embora ambos os temas sejam uma ótima opção para lojas WooCommerce.

Outras integrações notáveis

Quando se trata de integrações notáveis além do WooCommerce, o Astra tem vantagem graças às integrações integradas para outras plataformas de comércio eletrônico e alguns plugins LMS populares, incluindo:

• Downloads digitais fáceis para comércio eletrônico digital
• LearnDash para cursos online (leia nossa revisão do LearnDash)
• LifterLMS para cursos online (leia nossa comparação LifterLMS vs LearnDash)

Se você estiver usando um desses plug-ins, o Astra oferece opções dedicadas no Personalizador para controlar a aparência do conteúdo do plug-in. Por exemplo, com o LearnDash, você terá opções para controlar a aparência dos seus cursos e o Astra ainda oferece alguns sites de demonstração com tecnologia LearnDash.

No entanto, o OceanWP também funcionará bem com todos esses plugins. Por exemplo, se você criar um curso LearnDash com o OceanWP, seus cursos ainda terão uma ótima aparência.

A principal diferença é que você não obtém essas configurações internas do Personalizador para permitir que você personalize o funcionamento do seu curso.

Vencedor : O Astra tem mais integrações integradas além do WooCommerce.

Velocidade e desempenho

A última área de recursos que quero considerar antes de chegar ao preço é a comparação de velocidade Astra vs OceanWP.

Para ver como eles se comparam, testei a velocidade do Astra vs OceanWP usando apenas os temas básicos ( não um site de demonstração ). Embora isso não seja realista para um site real, acho que é a maneira mais justa de ver como o Astra e o OceanWP se comparam do ponto de vista do desempenho.

Aqui estão os resultados do WebPageTest para Astra:

E, para OceanWP:

Vamos nos concentrar nos scripts e no tamanho da página:

Então – pelo menos em seus estados “fora da caixa”, o Astra é um pouco mais leve que o OceanWP.

Uma coisa a ter em mente, porém, é que o OceanWP inclui seu próprio painel Scripts & Styles que permite desabilitar manualmente arquivos CSS e JavaScript, o que pode ajudá-lo a reduzir o tamanho da página e as solicitações HTTP. Para usuários avançados, essa é uma opção muito boa, mas acho que usuários casuais podem ter dificuldades para otimizar as coisas aqui e perder os benefícios:

Vencedor : Astra é o tema mais leve, embora usuários avançados possam “emagrecer” o OceanWP se cavarem na ferramenta de scripts e estilos.

Preços

Para finalizar, vamos falar sobre OceanWP vs Astra quando se trata de preços.

Ambos os temas estão disponíveis gratuitamente no WordPress.org. Então, se você quiser adicionar mais recursos, poderá adquirir as versões premium.

Versões gratuitas

Para sites simples, você pode usar a versão gratuita do Astra ou do OceanWP. No entanto, para qualquer caso de uso sério, eu recomendaria considerar as versões premium de ambos os temas.

Astra e OceanWP usam diferentes estratégias de bloqueio de recursos para seus planos gratuitos vs pro:

• O OceanWP oferece praticamente todas as opções do Customizer com a versão gratuita. Se você comprar a versão premium, receberá principalmente novos sites de demonstração e recursos de front-end, como pop-ups, a ferramenta de gancho condicional, avisos de cookies e muito mais.
• O Astra limita as opções do Customizador na versão gratuita, mas ainda oferece muitos modelos. Para acessar todas as opções do Personalizador e alguns outros recursos avançados, você precisa ser Pro.

Na tabela de comparação Astra vs Astra Pro, você pode ver que muitas das diferenças envolvem opções básicas de personalização:

Considerando que com o OceanWP, as diferenças envolvem principalmente novos recursos de front-end:

Então, se você está olhando especificamente para versões gratuitas, eu diria:

• Vá com o OceanWP se quiser mais opções de personalização.
• Vá com o Astra se quiser mais demos.

Versões Pro

Em termos de preços premium, há uma grande diferença entre esses dois temas:

• Todos os planos do Astra permitem o uso em sites ilimitados.
• Todos os planos do OceanWP têm um limite de sites – três, seis ou 50 sites, dependendo do plano.

Aqui estão os preços iniciais de cada um:

• Astra – $ 47 para uso em sites ilimitados no primeiro ano (depois disso, sua licença é renovada por $ 59)
• OceanWP – $ 54 por ano para uso em até três sites

A Astra chama o preço de US$ 47 de “acordo por tempo limitado”. No entanto, eles estão literalmente executando esse acordo de “tempo limitado” de US $ 47 por mais de um ano no momento em que estou escrevendo este post, então acho justo chamá-lo de “o preço” neste momento. No entanto, este preço especial aplica-se apenas ao seu primeiro ano. Se você quiser renovar a licença anual, pagará US$ 59.

Embora o OceanWP tenha uma versão premium (chamada Ocean Core Extensions Bundle), o Astra também oferece pacotes que incluem outros plugins do desenvolvedor, como WP Portfolio, Ultimate Addons for Elementor OR Beaver Builder, Convert Pro, Schema Pro e muito mais.

No entanto, para acessar os sites de demonstração premium do Astra, você precisa comprar pelo menos o pacote essencial de US $ 169. Portanto, se você também deseja os modelos premium, isso tornará o Astra mais caro em comparação com o OceanWP (mesmo que você obtenha alguns plugins extras com o Essential Bundle do Astra, que também agrega valor).

Vencedor : Astra, a menos que você também precise das demos premium.

Astra vs OceanWP: qual você deve usar?

Agora, para a pergunta importante, quando se trata de OceanWP como Astra, qual você deve escolher?

Bom, primeiro temos uma boa notícia:

Não importa qual tema você escolha, você não tomará uma decisão “errada”. Ambos são temas excelentes, portanto, com toda a probabilidade, você ficará feliz de qualquer maneira.

No entanto, se eu tivesse que recomendar apenas uma dessas opções para a maioria das pessoas, diria que o Astra é minha melhor escolha.

Aqui está o porquê:

• É mais leve em termos de desempenho imediato.
• Tem mais sites de demonstração e você pode escolher entre diferentes construtores. Você também recebe muito mais demos na versão gratuita.
• Embora o OceanWP possa ter uma ligeira vantagem em termos de opções de personalização, o Astra ainda tem flexibilidade suficiente para a grande maioria das pessoas .
• A experiência do Customizador do Astra é mais fácil de usar .
• O novo construtor de cabeçalho/rodapé de arrastar e soltar do Astra é muito bom.
• Possui integrações mais profundas para mais plugins , como LifterLMS e LearnDash.
• Para usuários avançados, o recurso de layouts personalizados do Astra é um pouco mais flexível do que o Ocean Hooks.
• É mais acessível se você precisar de um tema para vários sites, pois permite o uso ilimitado do site.

Obter Astra

No entanto, essa é apenas a recomendação para “a maioria” das pessoas. Eu acho que existem algumas situações específicas em que você pode querer o OceanWP:

• Você deseja usar um tema gratuito e configurar tudo do zero. A versão gratuita do OceanWP oferece mais opções de personalização . E como você está construindo do zero, não se importará com a falta de sites de demonstração.
• Você quer todas essas opções de personalização detalhadas. O OceanWP oferece mais flexibilidade quando se trata de opções do Personalizador e controles no nível da página. Eu não acho que a maioria das pessoas precisa dessa flexibilidade extra. Mas se você fizer isso, o OceanWP pode ser melhor.
• Você está construindo uma loja WooCommerce. Acho que o OceanWP é um pouco mais flexível para o WooCommerce , embora o Astra também seja ótimo.

Obter OceanWP

Para ver outro tema lançado na mistura, você pode conferir nossa comparação de três vias GeneratePress vs Astra vs OceanWP.

Ou você também pode navegar em nossa coleção completa dos temas mais rápidos do WordPress.

Tem alguma dúvida sobre nossa comparação Astra vs OceanWP? Usou um desses temas? Deixe-nos saber nos comentários!