Divi Layout Pack for MemberMouse - Dicas de instalação e edição

Divi é um dos temas mais populares do WordPress, e criamos esse pacote de layout para facilitar o uso conjunto do Divi e do MemberMouse.

A instalação do pacote de layout leva apenas alguns minutos e, quando terminar, você poderá apontar, clicar e editar seu site MemberMouse com um dos mais populares criadores de temas do tipo apontar e clicar disponíveis.

Este artigo explicará como você pode instalar esse pacote gratuito de layouts da Divi e começar a personalizá-lo facilmente.

Por que a Divi?

Sabemos que a criação de um belo site de associação leva tempo. E sabemos que tempo é dinheiro. Quando você escolhe Divi como tema, você pode editar suas páginas com facilidade e obter rapidamente uma boa aparência. Além disso, esse pacote de layout torna as páginas principais do MemberMouse responsivas, o que melhora a experiência do usuário para os visitantes móveis.

Conceito importante:

O "Divi Layout Pack for MemberMouse" substitui suas páginas principais padrão do MemberMouse por páginas modernas e responsivas compatíveis com Divi que ficam bem em qualquer estilo de site de associação. Depois de importar o Layout Pack para a Divi, você importa cada layout para sua respectiva página principal.

O que está incluído 

O pacote inclui layouts para cada página principal, bem como um layout adicional para uma página de opções de produto ou associação.

• Página de checkout
  
• Página de confirmação / agradecimento
  
• Página de erro
  
• Página Esqueci minha senha
  
• Página de login
  
• Página de logout
  
• Página inicial do membro
  
• Página Minha conta
  
• Página de resgate do presente
  
• Página Redefinir senha
  
• Página de salvamento da venda/cancelamento
  
• Página de opções de associação (página não essencial)

[ BAIXAR PACOTE DE LAYOUT DIVI PARA MEMBERMOUSE ]

Instruções de configuração

Aqui estão as etapas exatas que você precisa para começar a trabalhar com esse Divi Layout Pack: 

1.) Para usar o Divi Pack, o tema Divi precisa ser comprado e instalado em seu site. Se você ainda não tiver o Tema Divi, ele está disponível em Elegant Themes aqui.


2.) Baixar e descompacte o Divi Layout Pack for MemberMouse.


3.) Nos arquivos descompactados, localize, copie e cole o conteúdo do arquivo custom.css arquivo em Divi > Opções do tema > CSS personalizado. Isso fornece estrutura e design para as páginas de modelo.


4.) Copie e cole a seguinte linha de código em Divi > Opções do tema > Integração > Adicionar código ao cabeçalho:

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">


5.) Importe o arquivo JSON para Divi > Biblioteca Divi > Importar e exportar.

Observe que esse é um arquivo grande e, dependendo da configuração do seu servidor, o servidor pode parar durante a importação. Se a sua tentativa de importação resultar em um tempo limite do servidor, entre em contato com o seu host ou verifique a documentação dele para aumentar o upload_max_filesize e/ou post_max_size.

6.) Em seguida, você deve tomar uma medida preventiva para encontrar seu Páginas principais do MemberMouse antes de prosseguir para a etapa 7. Para identificar facilmente suas páginas principais, navegue no administrador do WordPress até Páginas. Usando os filtros suspensos próximos à parte superior da tela, selecione Mostrar somente páginas principais, e isso fornecerá uma lista de todas as páginas principais do MemberMouse necessárias na etapa 8.

7.) Desativar o plug-in MemberMouse. Essa etapa é necessária para interromper a funcionalidade de algumas das páginas principais ao usar o editor Divi.


8.) Vá para cada MemberMouse Core Page da etapa 6 e importe o respectivo Divi Layout Template usando o botão Divi builder > Procurar layouts > Seus layouts salvos.


9.) Depois de concluir a importação de cada página da etapa 8, reative o MemberMouse Plugin.


10.) Use um usuário de teste para verificar se as páginas ainda funcionam como esperado com os novos layouts aplicados.

Como editar ou remover um modelo 

Este vídeo o orienta em três exemplos de edição que você pode querer fazer nos modelos:

1. Como editar, remover ou adicionar blocos de modelos
   
2. Como editar, remover ou adicionar SmartTags™ usando o Divi Builder
   
3. Como remover modelos de pacotes de layout

Depois de carregar o layout da página, você pode continuar a fazer quaisquer edições nessa página como faria normalmente com a Divi. Por exemplo, se quiser alterar as SmartTags™ ou outro texto em uma seção, basta clicar duas vezes no texto e fazer as edições. Quando terminar de carregar o pacote de layout e fazer as edições, clique no botão "Salvar" no canto inferior direito da tela.

Se você voltar ao código original de uma página principal e quiser remover a formatação do pacote de layout, poderá usar o padrão MemberMouse Modelos de página principal. Para inserir um modelo, você pode copiar e colar o código encontrado na seção Pasta de modelosou acesse o Modelos MM acima do editor de conteúdo do WordPress, selecione o modelo de página principal que você gostaria de usar e clique no ícone "mais verde".

Recursos adicionais

Elegant Themes: Importação e exportação de layouts do Divi Builder e coleções de bibliotecas

Importação e exportação de layouts do Divi Builder e coleções de bibliotecas

Elegant Themes: Primeiros passos com o Divi Builder

Primeiros passos com o Divi Builder