Como importar um layout Theme Builder no Divi Builder

Desde a versão 4.0, Divi Builder vem com um recurso de criação de tema que permite criar modelos personalizados para o seu tema. Você pode, por exemplo, criar um modelo de cabeçalho personalizado para substituir o modelo de cabeçalho padrão do seu tema. Uma desvantagem do recurso de criador de temas do Divi Builder é a ausência de modelos predefinidos na biblioteca de modelos. Como comparação, o Elementor oferece modelos predefinidos na biblioteca de modelos para agilizar seu fluxo de trabalho na criação de um modelo personalizado.

Mesmo assim, isso não significa que Elegant Themes (o desenvolvedor do Divi Builder) não ofereça nenhum modelo predefinido. Eles regularmente lançam novos modelos predefinidos por meio de postagens de blog. Se você encontrar um modelo personalizado adequado no blog Elegant Themes, pode simplesmente baixá-lo e importá-lo para o seu site. Aqui está como importar um modelo de construtor de tema no Divi Builder.

Como importar um layout Theme Builder no Divi Builder

Antes de começarmos, uma coisa que você precisa saber primeiro. Elegant Themes usa o termo “layout” em vez de “template”. Nesse contexto, os dois termos se referem à mesma coisa, então você não precisa se confundir.

No Divi Builder, o layout é dividido em três tipos de acordo com seu contexto.

• Layouts exportados de uma página individual (et_builder)
• Layouts exportados da Biblioteca Divi (et_builder_layouts)
• Layouts exportados do criador de temas (et_theme_builder)

Você só pode importar um layout de acordo com seu contexto. Por exemplo, um layout de construtor de tema (com o “context et_theme_builder”) só pode ser importado por meio do construtor de tema. Você não pode importar um layout de construtor de tema em uma página. Para verificar o contexto do layout que deseja importar, você pode abrir o arquivo JSON do layout associado usando um editor de texto (por exemplo, Bloco de notas). O contexto é descrito na seção inicial do arquivo, como você pode ver na captura de tela abaixo.

Neste exemplo, demonstraremos como importar um layout de cabeçalho personalizado que baixamos da postagem do blog Elegant Themes .

Depois de baixado, descompacte o arquivo ZIP para obter o arquivo JSON do layout. Em seguida, vá para Divi -> Theme Builder no painel do WordPress. Na página do criador de temas, clique no ícone de duas setas no lado direito.

Na janela que aparece, clique na guia Importar e selecione o arquivo JSON do layout que deseja importar clicando em NENHUM ARQUIVO SELECCIONADO . Termine clicando no botão Import Divi Theme Builder Templates para iniciar a importação do layout.

Espere um momento até que o Divi Builder termine de importar o layout.

Por padrão, o layout de cabeçalho personalizado que você importou será aplicado a todo o site, mas apenas nas partes que usam os modelos padrão do seu tema. Se você, digamos, criou um modelo personalizado para postagens de blog, o layout de cabeçalho personalizado não será aplicado a postagens de blog, a menos que você o atribua. Para atribuir um layout de cabeçalho personalizado que você acabou de importar para um modelo de postagem de blog personalizado (e outros modelos personalizados), você pode clicar em Adicionar cabeçalho personalizado no modelo personalizado associado e selecionar Usar cabeçalho global .

Não se esqueça de clicar no botão Salvar alterações para aplicar as alterações feitas.