O Website Builder suporta duas versões de editor para melhor atender às suas necessidades:
-
Editor 2.0
-
Editor clássico com modo flexível opcional
Cada versão do editor é explicada nas seções a seguir, juntamente com as limitações e desenvolvimentos futuros do Editor 2.0.
A loja de terceiros não é compatível com o Editor 2.0.
O Editor 2.0 integra funcionalidades avançadas, mantendo a interface intuitiva do Editor Clássico. No entanto, ele introduz uma infraestrutura aprimorada, aumentando sua experiência de edição com recursos e eficiência aprimorados:
-
Capacidades de edição modernas: utiliza tecnologias flexíveis e de grade para aprimorar o processo de edição e melhorar o resultado final.
-
Ajuste facilmente o alinhamento ou o espaçamento de vários elementos ao mesmo tempo (controle com um clique ou controle deslizante).
-
Ajuste facilmente as configurações das colunas com precisão, vertical e horizontalmente.
-
Colocar até 8 colunas em uma seção.
-
Fazer com que um número desigual de colunas tenha o mesmo tamanho.
-
-
Aninhe e sobreponha elementos perfeitamente para projetos dinâmicos usando colunas internas e grades avançadas.
-
-
Design responsivo: garante total capacidade de resposta em todos os tamanhos de tela, reduzindo a necessidade de personalização manual e mantendo a opção.
-
Edição específica por tamanho de tela: Edite em desktop, tablet e dispositivos móveis, com opções de personalização adaptadas a cada tamanho de tela.
-
Edite por tamanho de tela e não por dispositivo, por exemplo, se você visualizar um site no celular, o site reconhecerá o tamanho da tela e exibirá os elementos que você definiu para exibir nesse tamanho de tela.
-
A edição por tamanho de tela permite a continuidade em todos os tamanhos de tela, minimizando a personalização por dispositivo. Com menos pontos de interrupção, o Editor 2.0 simplifica o gerenciamento de estilos, garantindo uma combinação mais suave de estilos e simplificando a complexidade da base de código. Além disso, os tamanhos de tela de desktop e tablet apresentam maior independência em comparação com o Editor Clássico.
-
-
Design de cabeçalho consistente: mantém as características do cabeçalho em todos os tamanhos de tela, como o logotipo, facilitando atualizações contínuas. O senhor pode atualizar o cabeçalho no desktop e ele será atualizado em todos os dispositivos.
-
widget Acessibilidade: Suporta todos os widget do Editor Clássico.
-
Gerenciamento de seções flexíveis: apresenta um novo sistema de gerenciamento de seções flexíveis centralizando a reutilização de seções flexíveis no Editor 2.0, incluindo seções flexíveis criadas no Editor Clássico, para agilizar ainda mais a criação de sites.
-
Aprimoramentos na interface do usuário e na edição:
-
Localização do painel de design: reside no lado direito da interface no Editor 2.0, fornecendo um ambiente de edição mais limpo. Os usuários também têm a opção de fechar o painel quando não estiverem em uso.
-
Controle do painel de camadas: gerencie o painel de camadas facilmente fechando-o e reabrindo-o conforme necessário para facilitar a navegação na estrutura do site.
-
Navegação em barra flutuante: permite retroceder perfeitamente usando breadcrumbs, introduzindo uma barra de navegação flutuante.
-
Opção de duplicação: permite a conveniência de duplicar elementos no Editor 2.0 introduzindo uma opção duplicada.
-
Redimensionamento de imagens em linha: Redimensione imagens diretamente na interface do editor, eliminando a necessidade de edição externa tool.
-
Controles aprimorados de alinhamento e espaçamento: os controles aprimorados de alinhamento e espaçamento vertical e horizontal, incluindo um controle deslizante de espaçamento, simplificam o processo de ajuste do layout. Essas melhorias eliminam a necessidade de linhas e colunas adicionais no Editor Clássico.
-
-
Compatibilidade com a loja de comércio eletrônico: É compatível com a loja nativa, mas não com as lojas de terceiros.
O Editor 2.0 é um conjunto de recursos dinâmico e em evolução, incorporando melhorias contínuas para aprimorar a experiência do usuário. Embora a plataforma esteja em constante evolução, vários recursos estão sendo considerados ou em desenvolvimento. Atualmente na fase de avaliação e planejamento:
-
Store externa
-
Linhas globais (localizadas no Tema no Editor Clássico).
-
Novo tipo de ação de personalização de linhas.
Como posso começar a compilar com o Editor 2.0?
Para começar a construir, clique em "Criar site" e você verá uma opção para alternar para os modelos do Editor 2.0. Escolha um modelo para começar a construir e pronto!
O que é o Editor 2.0 e por que ele é único?
O Editor 2.0 é um editor de design inovador, inteiramente construído com a tecnologia Flexbox, apresentando cabeçalhos, seções, páginas e rodapés baseados em Flex. Apresenta uma nova e poderosa plataforma que aprimora as capacidades e a eficiência do design. Isso permite que você crie o site desejado rapidamente, mantendo a compatibilidade com todos widget, aplicativos, complementos e tool existentes.
Benefícios de usar o Editor 2.0 para você e sua equipe
-
Aumento da produtividade: Reduz significativamente o tempo entre a concepção e a publicação.
-
Melhoria no desempenho do site: Obtém pontuações mais altas nos Core Web Vitals, contribuindo para uma melhor ranking nos motores de busca.
-
Experiência de design aprimorada: Oferece um design responsivo e com precisão de pixels que se ajusta automaticamente a diferentes tamanhos de tela.
Como o Editor 2.0 difere do editor clássico do Website Builder? Terei acesso às mesmas funcionalidades do editor clássico?
Todos os componentes familiares da plataforma, como widget, blogs, lojas, aplicativos e outras tool , permanecem inalterados no Editor 2.0. A principal diferença reside na tela de design, onde você arrasta e solta elementos e personaliza seu design.
Quais são as vantagens da Tela de Design do Editor 2.0?
-
Design de sites mais rápido: Oferece amplas possibilidades de layout, reorganização automática de elementos durante o redimensionamento e controle absoluto sobre os pontos de interrupção.
-
Experiência Flex completa: Oferece uma experiência Flex perfeita em cabeçalhos, seções, páginas e rodapés, sem a necessidade de alternar entre os modos Flex.
-
Personalização aprimorada widget : Facilita a personalização do alinhamento, redimensionamento e ordenação widget diretamente na tela de design.
Por que Website Builder está introduzindo este novo editor?
O Website Builder visa capacitar profissionais da web a criar sites de última geração, e o Editor 2.0 aproveita a tecnologia de ponta em design e desenvolvimento web para oferecer uma experiência de criação de sites poderosa e intuitiva, sem a necessidade de qualquer código.
O que acontecerá com o editor atual do Website Builder quando o Editor 2.0 for lançado?
Continuaremos a dar suporte ao editor clássico, permitindo o uso de recursos personalizados existentes e mantendo os fluxos de trabalho familiares de criação de sites.
Como o novo Editor 2.0 afetará os sites que já criei com o editor atual do Website Builder?
Os sites existentes permanecerão inalterados e o editor atual continuará funcionando com modelos regulares (não Flex). Recomendamos explorar o Editor 2.0 devido às suas funcionalidades abrangentes de criação de sites.
Ainda poderei criar sites que incluam seções Flex e não-Flex após o lançamento do Editor 2.0?
Com o lançamento do Editor 2.0, as seções Flex usadas anteriormente estarão acessíveis no Editor 2.0, mas as seções não-Flex não estarão disponíveis no novo editor.
Poderei voltar a usar o editor atual quando o Editor 2.0 for lançado?
Sim, você terá a opção de alternar entre o editor atual e o Editor 2.0 através da página de modelos.
Como o Editor 2.0 lidará com recursos personalizados criados com o editor atual?
O Editor 2.0 foi construído inteiramente com a tecnologia Flexbox, tornando quaisquer recursos baseados em Flex que você ou sua equipe tenham criado compatíveis com o novo editor.
O Editor 2.0 suporta estes recursos de design personalizados:
-
Widgets personalizados
-
Seções Flex personalizadas
-
Modelos Flex personalizados (por exemplo, modelos com um cabeçalho Flex)
O Editor 2.0 não suporta estes recursos de design personalizados:
-
Modelos personalizados com um cabeçalho não flexível.
-
Seções personalizadas não flexíveis
Quais opções você tem para modelos e seções personalizados que não sejam Flex?
Você pode continuar usando esses recursos no editor atual, pois Website Builder continuará oferecendo suporte a eles. Como alternativa, considere criar novos recursos personalizados usando o Editor 2.0, que oferece um processo de criação simplificado.
O Editor 2.0 suportará personalizações de HTML e CSS?
Você ainda terá a possibilidade de personalizar arquivos CSS usando o Modo de Desenvolvimento do Website Builderno Editor 2.0. No entanto, personalizações em HTML não serão suportadas. A infraestrutura tecnológica aprimorada e os recursos de design do Editor 2.0 reduzem a necessidade de extensa personalização de código. Ações como sobreposição de elementos e adição de mais de quatro colunas podem ser realizadas diretamente na tela de design do Editor 2.0.
O Classic Editor tem sido um site confiável tool conhecido por sua simplicidade e eficiência na criação de sites. Você pode criar belos sites usando apenas o Editor Clássico ou também pode aprimorar sua experiência de design usando o modo flexível no Editor Clássico.
-
Criação fácil e rápida de sites: O Editor Clássico oferece uma interface amigável, permitindo que os usuários criem sites rapidamente.
-
Flexibilidade com Flex Sections: Incorpore Flex Sections e Team Sections pré-projetadas para aumentar a flexibilidade do layout.
-
Cabeçalho personalizável: Personalize os cabeçalhos por dispositivo, com exceção dos tablets que espelham layouts de desktop. Observe que as seções flexíveis não são suportadas no cabeçalho.
-
Compatibilidade com a loja de comércio eletrônico: Suporta a loja nativa e a loja de terceiros.
A seguir, explicamos os diferentes rótulos de seção e modo flexíveis e como eles se relacionam com as diferentes versões do editor:
-
Seções flexíveis: são semelhantes às linhas no Editor Clássico e também representam o modo de edição principal no Editor 2.0. Flex foi como chamamos de seções flexíveis ou modo flexível fora do Editor 2.0.
-
Modo Flex: relevante para seções flexíveis no Editor clássico, não é aplicável no Editor 2.0.
-
Flex: relevante para as seções Flex, é aplicável tanto ao Editor 2.0 quanto ao Editor Clássico.
-
Editor All-Flex (agora conhecido como Editor 2.0): anteriormente referido ao editor antes de sua transformação na versão atualizada conhecida como Editor 2.0.
Para clientes preocupados com a transição gradual do All-Flex para o Editor 2.0 e seu impacto no Editor Clássico, aqui estão algumas notas importantes:
-
Suporte contínuo para o Editor Clássico: Os sites criados com o Editor Clássico permanecem totalmente suportados, com recursos de edição contínuos.
-
Migração entre versões do editor: se você fizer uma redefinição completa do site, poderá alternar entre as versões do editor.