Acabado de sair: Conheça o Astra 4.0, um design completamente novo para melhorar o seu UX

Publicados: 2023-01-12

2023 acabou de começar e nós da Brainstorm Force estamos começando o ano novo com força.

Temos o orgulho de anunciar a versão mais recente do nosso tema WordPress - Astra 4.0.0!

Esta nova versão inclui uma variedade de novos recursos e aprimoramentos interessantes projetados para aprimorar sua experiência no site.

Alguns dos destaques desta versão incluem um novo painel de administração redesenhado e um novo painel de gerenciamento de mega menu que tornará o Astra ainda mais fácil de usar.

Também adicionamos alguns novos recursos que certamente irão melhorar a experiência do usuário, incluindo um layout mais estreito redesenhado e uma funcionalidade de rolagem suave.

Embora alguns dos novos recursos estejam disponíveis apenas na versão Pro do Astra, temos um tratamento especial para os usuários do tema gratuito.

Fique de olho no final da lista de novidades!

Adoraríamos que você se juntasse à família de usuários do Astra Pro! Esperamos que os novos recursos o encorajem a atualizar.

Vamos ver agora o que há de novo no Astra 4.0.0 e como você pode usá-lo em seus sites ou nos sites de seus clientes.

Índice
  1. Astro em 2022
  2. Astra 4.0.0 – Prepare-se para todos os novos recursos!
    • Configurações rápidas
    • Gerenciamento de módulos Pro
    • Configurações Gerais
    • Outros atalhos úteis
    • E alguns recursos extras do mega menu
    • Um novo estilo de banner
  3. Empacotando

Astro em 2022

Astra é um tema que está em constante atualização para lhe proporcionar a melhor experiência e os recursos mais recentes.

Até agora, o tema recebeu centenas de atualizações.

O que há de novo no Astra

Dois dos recursos mais relevantes que foram adicionados em 2022 foram:

  • A experiência aprimorada do editor de blocos que permitiu que você fizesse mais no editor do WordPress.
  • Vários novos recursos do WooCommerce para melhorar a experiência de compra.

Dezenas de correções e pequenas melhorias também foram feitas no Astra para torná-lo mais rápido e eficiente!

Astra 4.0.0 – Prepare-se para todos os novos recursos!

Vamos dar uma olhada nas atualizações e melhorias nas quais a equipe do Astra está trabalhando.

Você os receberá automaticamente quando atualizar o tema no painel de administração do WordPress.

Característica Disponível no plano gratuito Disponível com Pro
Painel administrativo redesenhado Sim. Mas os módulos Pro estão desativados Sim
Mega menu de administração redesenhado Não. O menu Mega só está disponível com o Astra Pro Sim
Layout de largura estreita Sim Sim
Melhor suporte de layout para tipos de postagem personalizados e novo estilo de banner Sim Sim
Nova página inicial padrão Sim Sim
Rolagem suave para ID Sim Sim
Links de edição rápida (cabeçalhos e layouts personalizados) Não. Layouts personalizados e cabeçalhos personalizados estão disponíveis apenas com o Astra Pro Sim
Novas cores e tipografia padrão Sim Sim
Role para cima Sim Sim

Para aproveitar ao máximo o Astra, recomendamos o uso do Astra Pro.

Nós nos esforçamos para continuar agregando valor ao Astra, portanto, considere ingressar ou atualizar para uma licença vitalícia para continuar recebendo essas atualizações vitalícias.

Preços do Astra Pro

Painel administrativo redesenhado

Anteriormente, o painel do Astra estava localizado no submenu Aparência > Opções do Astra .

Isso tornou difícil para novos usuários encontrar essas opções.

Antigo Painel Astra

Na última atualização , o novo painel de administração do Astra pode ser encontrado diretamente na barra lateral .

Um local mais acessível para um elemento tão importante do seu site.

Novo painel de controle e guia de boas-vindas do Astra 4.0

Configurações rápidas

Dentro da guia de boas-vindas, você encontrará um botão de acesso rápido ao personalizador.

O personalizador do WordPress oferece tantas opções, algumas delas escondidas em submenus.

É por isso que este painel agora inclui uma seção de configurações rápidas para levá-lo à área em que deseja trabalhar mais rapidamente.

Configurações rápidas do Astra

Essa ferramenta economizará seu tempo toda vez que você precisar fazer pequenos ajustes em seu site.

Se você é uma agência que usa o Astra para clientes, esse novo layout também deve reduzir o número de solicitações de suporte.

Os usuários poderão localizar facilmente o que precisam mudar sem perguntar a você!

Gerenciamento de módulos Pro

Você encontrará outra seção que permite ativar ou desativar facilmente seus módulos Pro preferidos de uma maneira muito direta.

Cada módulo inclui um link direto para sua documentação e painel de configurações.

Configurar e descobrir novos módulos que podemos adicionar no futuro ou que você pode ter perdido agora é uma brisa.

Módulos Astra Pro
  • Você precisa da versão Pro do Astra para usar esses módulos.
  • Algumas opções podem precisar de plugins adicionais para funcionar, como WooCommerce, Easy Digital Downloads, LearnDash e LifterLMS.

Configurações Gerais

As opções que antes estavam espalhadas pelo antigo painel agora estão convenientemente localizadas e organizadas na guia de configurações gerais.

Configurações gerais Astra 4.0

Um exemplo disso é o recurso Pro que permite personalizar o Astra com sua própria marca, conhecida como etiqueta branca.

Outros atalhos úteis

A última guia no menu superior deste painel o levará ao assistente de modelos iniciais. Aqui você pode alterar rapidamente a aparência do seu site usando um de nossos centenas de modelos de aparência profissional.

Você também pode encontrar links para instalar plugins que podem te ajudar ainda mais com o seu negócio.

Astra Starter Templates e plugins úteis

Esses plugins incluem:

  • Spectra – Nosso construtor de páginas gratuito.
  • SureCart – Transforme seu WordPress em uma poderosa plataforma de comércio eletrônico.
  • CartFlows Crie funis de vendas eficazes no WordPress.

Mega menu de administração redesenhado

O mega menu é um recurso do Astra Pro que você pode ativar com o módulo Nav Menu (agora você sabe onde encontrar esse módulo rapidamente!)

Este addon permite criar grandes menus com múltiplas opções.

Muito útil para sites com grande quantidade de conteúdo ou muitas seções ou categorias.

Exemplo do mega menu Astra

Você pode abrir as configurações do mega menu em WordPress Admin Panel > Appearance > Menus > Astra Menu Settings .

Como configurar o mega menu Astra

Ao pressionar este botão:

  • Antes: Apareceu uma janela modal cobrindo todo o conteúdo.
Configurações do mega menu do antigo Astra
  • Agora: um pequeno menu fora da tela é exibido.
Novas configurações do mega menu Astra

O espaço visual é melhor otimizado e você terá mais contexto sobre o que está trabalhando.

E alguns recursos extras do mega menu

Além de facilitar a criação desses menus, também adicionamos 4 opções extras para que você possa personalizar os menus mais ao seu estilo:

  • Suporte e estilo de posição de ícone personalizado para itens de mega menu: Se você adicionar ícones personalizados a seus menus, agora poderá modificar sua posição na guia geral.

NOTA:

As opções de estilo podem ser encontradas na guia de design.

Suporte de posição de ícone personalizado e estilo para itens de menu mega
  • Cor do cabeçalho adicionada para mega itens de menu: agora você pode adicionar cores a este elemento também para os estados normal e de foco.
Itens de mega menu de cor de cabeçalho
  • Gradiente de plano de fundo adicionado para mega itens de menu: crie menus mais atraentes usando gradientes lineares ou radiais como planos de fundo.
Gradiente de plano de fundo adicionado para itens de menu mega
  • Cor e estilos do divisor para itens de mega menu: Enfatize ainda mais as distinções entre as seções com estilos sólidos, pontilhados, tracejados ou duplos.
Cor e estilos do divisor para itens de menu mega

Um novo layout de largura estreita

Astra permite que você escolha entre muitos layouts para suas postagens e páginas.

A partir de agora você encontrará uma opção chamada layout de largura estreita que permitirá exibir o conteúdo de uma forma mais minimalista e elegante.

Novo exemplo de largura estreita

Além de postagens e páginas, você também pode modificar a largura das páginas do blog, arquivar páginas e tipos de postagem personalizados .

Você pode modificar essa largura individualmente para cada elemento ou globalmente em Customizer > Global > Containers .

Modificar largura estreita do contêiner

Melhor suporte de layout para tipos de postagem personalizados

Anteriormente, tínhamos suporte para layout de conteúdo e layout de barra lateral apenas para tipos de postagem limitados: postagem, páginas e alguns tipos de postagem personalizados (CPT) de WooCommerce, EDD e alguns LMS.

A partir de agora, você poderá usar layouts diferentes para cada tipo de postagem personalizada que usar .

Digamos que você criou um site para sua igreja.

  • Antes você era obrigado a usar o mesmo conteúdo e layouts de barra lateral para os “sermões” do CPT e para os artigos do seu blog, pois tudo era considerado o mesmo elemento.
  • Agora você pode usar um layout para seus artigos e outro diferente para seus sermões CPT.

Basta ir em Personalizador > Tipos de postagem personalizados > Selecione seu CPT (único ou arquivo) e escolha o layout que deseja usar.

Recipiente personalizado e layout da barra lateral para tipos de postagem personalizados

Um novo estilo de banner

Há também uma nova configuração de banner no Astra 4.0.

Opções de título de postagem do Astra

Você chegará a um novo painel onde poderá escolher um layout de banner diferente para o tipo de postagem que está personalizando.

Astra Novo layout de banner

Dependendo se você escolher o primeiro layout ou o segundo, você verá diferentes opções abaixo:

  • Largura do contêiner: Completo ou personalizado. Disponível apenas no segundo layout.
  • Ordem e visibilidade de alguns elementos da estrutura e meta: como o título, breadcrumbs ou o trecho.
  • Alinhamento horizontal e vertical desses elementos.

Não se esqueça de visitar a guia de design, pois você encontrará ainda mais opções para personalizar totalmente o tipo de postagem.

Lembre-se de que essa atualização funciona para postagens, páginas ou qualquer tipo de postagem personalizada e será comumente conhecida como Customizador dinâmico.

Nova página inicial padrão

Se você estiver instalando o Astra pela primeira vez, terá que ativá-lo no painel de administração do WordPress > Aparência > Temas .

Você encontrará 2 opções lá:

Como ativar a página inicial do Novo Astra
  • Se você clicar em Ativar sua página inicial, sua última postagem será exibida como sua página inicial.
Blog Astra como página inicial
  • Se você abrir a visualização ao vivo , verá a nova e renovada página inicial do Astra 4.0. Você pode ativá-lo a partir daí.
Nova página inicial do Astra

Mais tarde, se você quiser exibir a postagem mais recente em vez da página inicial padrão, poderá fazê-lo navegando para Configurações > Leitura .

Em seguida, selecione a opção: Sua página inicial exibe > Suas postagens mais recentes .

Rolagem suave para ID

Anteriormente, navegar para uma seção (uma parte específica da mesma página) não era visualmente atraente, pois você simplesmente pulava para lá sem nenhuma animação.

Agora você pode ativar a rolagem suave para fazer uma transição suave para a seção desejada, em vez de pular imediatamente para ela.

por que escolher Astra

Você pode ativar esse recurso com apenas um clique em Personalizador > Global > Diversos > Ativar rolagem suave para ID .

Como ativar a rolagem suave para ID no Astra

Links de edição rápida para layouts personalizados e cabeçalho de página

Se você usa layouts personalizados, um dos recursos mais poderosos do Astra Pro, achará esta pequena atualização realmente interessante.

Para lhe dar mais informações sobre qual layout personalizado ou cabeçalho personalizado uma página está usando, um pequeno ícone Astra aparecerá no frontend exibindo os layouts ativos e um link direto para editá-los.

Links de edição rápida para layouts personalizados e cabeçalho de página

Novas cores e tipografia padrão

No Astra, você pode modificar facilmente a tipografia e as cores do seu site.

Dica profissional:

No plano Pro, você pode ativar o módulo de cores e plano de fundo e o módulo de tipografia para fazer alterações ainda mais avançadas.

Se você não gosta de design, a fonte e as cores padrão que o tema usa fornecerão um design de site limpo e minimalista, adequado aos gostos modernos.

Nova tipografia e cores Astra 4.0

Nosso presente para você: Rolar para o topo torna-se um recurso gratuito!

O botão que permite aos usuários retornar ao topo da página com um único clique agora é um recurso gratuito do Astra!

Você pode encontrar essa opção em Personalizador > Global > Rolar para cima .

Você pode modificar facilmente sua posição, visibilidade por dispositivo, tamanho e cor como achar melhor.

Role até o recurso gratuito superior

Empacotando

A equipe do Astra se esforçou muito para oferecer melhorias significativas que tornam o trabalho com o tema mais fácil do que nunca.

  • O painel redesenhado e o mega menu, juntamente com a capacidade de ver e editar rapidamente layouts personalizados, melhorarão sua eficiência no gerenciamento de sites.
  • O layout estreito, rolagem para cima, rolagem suave e a nova tipografia farão com que seus usuários tenham uma melhor experiência de navegação.

Mal podemos esperar para que você experimente todos esses novos recursos!

Embora improvável, se algo não estiver funcionando como você esperaria, o Astra tem uma opção de reversão para retornar rapidamente a uma versão anterior.

Recurso de reversão Astra

Nossa equipe de suporte terá prazer em ajudá-lo com qualquer dúvida que você possa ter sobre esta atualização.

Obrigado por todo o seu apoio ao longo desta jornada.

Esperamos que goste do novo Astra 4.0!

Não se esqueça de deixar um comentário abaixo nos dizendo o que você gostaria de ver em futuras atualizações!