Como usar blocos de Gutenberg no Oxygen Builder

Publicados: 2023-07-06

O Oxygen Builder é um plugin WordPress exclusivo com recursos incrivelmente poderosos. No entanto, possui uma curva de aprendizado mais alta em comparação com outros criadores de páginas.

O Oxygen Builder não funciona com blocos, módulos ou layouts. Em vez disso, ele opera com elementos como seções, divs, colunas e outros HTML com os quais você pode estar familiarizado.

O PostX, por outro lado, é um plug-in dinâmico de criação de sites com enorme capacidade de personalização e facilidade de uso.

Vendo os post blocks e modelos pré-fabricados do PostX, muitos usuários estão interessados ​​em usá-los no Oxygen Builder. Para atender a essa demanda, o PostX introduziu o Oxygen Builder Integration, que simplifica o processo de uso de blocos Gutenberg no Oxygen Builder.

Continue lendo para saber mais sobre como usar os blocos Gutenberg no Oxygen Builder.

Esconder conteúdo
1 Por que usar blocos de Gutenberg no Oxygen Builder
2 Como usar blocos de Gutenberg em oxigênio
2.1 Vídeo Tutorial
2.2 Passo 1: Instalar e Ativar o PostX
2.3 Passo 2: Habilitar o Oxygen Builder e o addon de modelo salvo
2.4 Etapa 3: Criar um modelo salvo com PostX
2.5 Etapa 4: Use o modelo PostX no Oxygen Builder
2.6 Etapa 5: Personalização (opcional)
3 perguntas frequentes
3.1 O Oxygen Builder é compatível com o Gutenberg?
3.2 Posso usar Gutenberg Blocks no Oxygen Builder?
3.3 O Oxygen Builder é melhor que o Gutenberg?
4 recursos que você vai adorar
5 Conclusão

Por que usar blocos de Gutenberg no Oxygen Builder

O construtor Oxygen oferece recursos avançados para desenvolvedores e designers da Web qualificados para criar sites exclusivos. É diferente de outros construtores como Elementor, Divi ou Beaver. O Oxygen Builder é mais adequado para web designers experientes e desenvolvedores familiarizados com CSS, JS e HTML.

E se você estiver usando o Oxygen Builder, já sabe que não pode usar blocos Gutenberg no Oxygen Builder com o plano básico. É aí que entra o PostX.

Como você já sabe, o PostX oferece uma variedade de post blocks, que são basicamente blocos do Gutenberg com opções de personalização aprimoradas. A plataforma também oferece uma vasta biblioteca de modelos pré-fabricados e pacotes iniciais fáceis de usar.

Se você deseja usar blocos Gutenberg no Oxygen Builder sem problemas e criar um site mais avançado, a integração do PostX Oxygen Builder é a sua solução. É incrivelmente amigável e fácil de usar.

Como usar blocos de Gutenberg em oxigênio

O PostX agora oferece integração com o Oxygen Builder, que permite usar blocos Gutenberg no Oxygen Builder sem esforço. Essa integração permite que você use blocos Gutenberg de uma maneira muito amigável e fácil.

Vamos ver como você pode usar Gutenberg Blocks no Oxygen Builder com PostX.

Vídeo tutorial

Aqui está um tutorial em vídeo para usar blocos Gutenberg no Oxygen Builder para explorá-lo visualmente.

Tutorial em vídeo: como usar os blocos de Gutenberg no Oxygen Builder

Passo 1: Instale e ative o PostX

Para começar, você deve primeiro instalar e ativar o plugin PostX. Depois de ativado, você pode ativar o complemento Oxygen Builder para usar blocos Gutenberg no Oxygen Builder.

Installing PostX
Instalando o PostX

Etapa 2: ativar o Oxygen Builder e o complemento de modelo salvo

Depois de ativar o PostX com sucesso, todos os seus recursos e complementos serão desbloqueados e prontos para uso.

Enabling Oxygen Builder Addon
Ativando o complemento Oxygen Builder

Você deve primeiro habilitar dois addons, Oxygen Builder e Saved Templates, através da seção PostX Addons. Use a barra de alternância adjacente para ativar esses complementos.

Etapa 3: criar um modelo salvo com PostX

Para usar os blocos Gutenberg no Oxygen Builder, é essencial criar um Saved Template através do PostX. Siga esta etapa para evitar possíveis problemas.

Para criar novos modelos salvos no PostX, vá para a seção “Modelos salvos” e clique no botão “Adicionar novo modelo”. Você também pode editar qualquer modelo existente neste mesmo local.

PostX Saved Template Section
Seção de Modelo PostX Salva

Clique no botão "Adicionar novo modelo". Isso o levará ao editor do Gutenberg, onde você pode criar facilmente seu modelo usando blocos padrão do Gutenberg, blocos PostX ou modelos/pacotes iniciais pré-criados pelo PostX.

Creating New Saved Template
Criando um novo modelo salvo

Para simplificar o processo, vamos usar a biblioteca de modelos pré-fabricados PostX. Basta clicar no botão Template Kits para acessar a biblioteca PostX Premade.

Selecting Template Kits for Oxygen Builder Template
Selecionando Kits de Modelo para o Modelo do Construtor de Oxigênio

O PostX oferece uma opção de importação com um clique para modelos e pacotes iniciais pré-fabricados para simplificar a criação de layout. Escolha a opção desejada e clique em “Importar”. Por exemplo, vamos usar NFT & Crypto News Layout.

Importing Layout for Oxygen Template
Importando layout para modelo de oxigênio

Para acessar este modelo nos elementos do Oxygen Builder, certifique-se de fornecer um nome a ele.

Naming Saved Template for Oxygen
Modelo salvo de nomeação para oxigênio

Depois de terminar de criar seu modelo, clique no botão "Publicar". Isso permitirá que você use o modelo imediatamente no Oxygen Builder.

Publishing PostX Oxygen Template
Publicando modelo PostX Oxygen

Etapa 4: Use o modelo PostX no Oxygen Builder

Na etapa anterior, demonstramos como criar um PostX Saved Template. Agora, vamos orientá-lo sobre como usá-lo no Oxygen Builder.

Primeiro, você deve criar uma nova página. No Painel, navegue até a seção Páginas. Em seguida, clique na opção “Adicionar nova página”.

Creating New Page
Criando nova página

Quando estiver no editor de página, o Oxygen Builder exibirá um pop-up solicitando que você “Edite com o Oxygen”. Clique nele e você será redirecionado para o Oxygen Builder.

Launching Oxygen Builder
Iniciando o Oxygen Builder

Uma vez no Oxygen Builder, clique no ícone “+” (Adicionar Elemento) para ver todos os Elementos de Oxigênio.

Adding Element in Oxygen
Adicionando Elemento no Oxigênio

Agora, na seção Elementos básicos, você verá “Modelos PostX” na seção Básico ou poderá pesquisar “Modelos PostX” na barra de pesquisa.

Selecting PostX Templates Element in Oxygen
Selecionando elemento de templates PostX no Oxygen

Depois de clicar em “PostX Template”, ele permitirá que você selecione seu modelo. Agora, em “Selecione seu modelo”, escolha o modelo que deseja usar.

Selecting Saved Template in Oxygen
Selecionando o modelo salvo no Oxygen

Por fim, para publicar a página, clique no botão “Salvar alterações” e pronto.

Publishing Page with Oxygen Builder
Página de publicação com Oxygen Builder

Etapa 5: personalização (opcional)

Você pode usar a seção PostX Saved template para modificar ou atualizar seu Template.

Para personalizar um modelo salvo no PostX, basta ir até a seção “Modelos salvos” e selecionar aquele que deseja editar. Clique no botão “Editar”, faça as alterações necessárias e, em seguida, clique em “Atualizar” para salvar suas alterações.

Customizing Saved Template for Oxygen
Personalizando o modelo salvo para oxigênio

Suas alterações serão sincronizadas automaticamente no Oxygen Builder, poupando-lhe o trabalho de repetir cada etapa.

Perguntas frequentes

O Oxygen Builder é compatível com o Gutenberg?

Sim, o Oxygen Builder é totalmente compatível com o Gutenberg por padrão. No entanto, você não pode usar o Gutenberg com o plano de preços básico.

Posso usar Gutenberg Blocks no Oxygen Builder?

Sim, você pode usar qualquer Gutenberg Blocks no Oxygen Builder com PostX.

Veja como usar Gutenberg Blocks no Oxygen Builder:

  • Passo 1: Instale e ative o PostX
  • Etapa 2: ativar o Oxygen Builder e o complemento de modelo salvo
  • Etapa 3: criar um modelo salvo com PostX
  • Etapa 4: Use o modelo PostX no Oxygen Builder

O Oxygen Builder é melhor que o Gutenberg?

Se você está procurando um sistema de layout de blocos com mais opções, Gutenberg Blocks pode ser uma boa escolha para você. No entanto, o Oxygen Builder pode ser uma alternativa melhor se você deseja mais flexibilidade e possibilidades de personalização.

Recursos que você vai adorar

  • Como adicionar carrossel de postagens no WordPress
  • Maneiras mais fáceis de usar blocos de Gutenberg no Divi Builder
  • Integração do PostX Beaver Builder: Use Gutenberg Blocks no Beaver Builder
  • Como adicionar fontes personalizadas do WordPress: assuma o controle total da tipografia
  • Apresentando o bloco de linha/coluna PostX: mostre seu conteúdo perfeitamente

Conclusão

Em conclusão, a integração de blocos Gutenberg no Oxygen Builder pode melhorar muito a funcionalidade e as opções de design dos desenvolvedores e designers da Web. Embora o Oxygen Builder seja conhecido por seus recursos avançados, a introdução do Oxygen Builder do PostX permite que você use blocos Gutenberg no Oxygen Builder de uma maneira mais acessível e amigável.

A flexibilidade e a capacidade de personalização oferecidas pelos blocos Gutenberg, combinadas com os recursos avançados do Oxygen Builder, tornam essa integração uma ferramenta valiosa para a construção de sites exclusivos e avançados.

Resumindo, a integração do PostX Oxygen Builder preenche a lacuna entre os blocos Gutenberg e o Oxygen Builder, permitindo que os usuários desbloqueiem novas possibilidades de design e agilizem o processo de criação de sites.

Você pode conferir os tutoriais em vídeo do WordPress em nosso canal do YouTube. Além disso, encontre-nos no Facebook e Twitter para atualizações regulares!

Gostou deste artigo? Espalhe a palavra
  • How To Display WordPress Video as Featured Image With PostX

    Como exibir o vídeo do WordPress como imagem em destaque com o PostX

  • WooCommerce Single Product Page Template

    Modelo de página de produto único WooCommerce (3 maneiras de criar e personalizar)

  • Create Your Online Store Using Gutenberg Product Blocks for WooCommerce 1

    Crie sua loja online usando blocos de produtos Gutenberg para WooCommerce

  • How to add Categories to Sidebar in WordPress

    Como adicionar categorias à barra lateral no WordPress