gomymobi.com: Base de conhecimentos

Como criar / converter tema do site

- Basicamente, um tema do site é apenas um modelo HTML padrão, mas é embeded um pequeno JavaScript (HTML Builder) desenvolvido por nós, para tornar todos os elementos HTML editáveis. Portanto, você pode converter qualquer modelo HTML para um site.

- Neste tutorial, vamos mostrar-lhe as etapas muito simples para criar um tema de site com o nosso HTML Builder.

- Remember, test your theme pages by loading in browsers with parameter: ?live_edit=true.

Watch quick video to create a website theme

1. Carregar HTML Builder

- Na parte inferior de cada arquivo HTML, você deve adicionar o código abaixo para carregar o HTML Builder.

<script id="GMM-Editable-HTML-Builder" type="text/javascript" src="/app/GMM-Editable-HTML-Builder/core.init.min.js"></script>

id="GMM-Editable-HTML-Builder" É necessário e não pode ser alterado

- Se você quiser alterar a largura de sobreposição do elemento clonable, adicione o atributo data-gmm-clonable-width Para esta tag de script. O valor aceitável está em pixel ou porcentagem.

2. Adicionar script para rastrear o tráfego do site

- Para acompanhar o tráfego do website, em cada página da web, você deve inserir o código abaixo em head Tag

<script type="text/javascript" src="//www.gomymobi.com/app/tracking/"></script>

3. Definir o contêiner de raiz para toda a página

- O recipiente de raiz é required Por HTML Builder, para determinar estruturas de todos os elementos em uma página. Por padrão, body É definido como contêiner de raiz automaticamente.

- Obviamente, você também pode alterar esse contêiner de raiz para outra tag interna, adicionando class="GMM_editable_sortable_container" Para o elemento desejável.

CUIDADO Cada página tem apenas um recipiente raiz

4. Criar elementos classificáveis ​​de arrastar e soltar

- Após o contêiner de raiz incorporado para a página, para classificar os elementos usando o recurso de arrastar e soltar, você precisará adicionar class="GMM_editable_sortable" Nesses elementos desejáveis.

- Para definir a posição da barra de ferramentas editável, adicione um atributo data-gmm-toolbar-position Para o elemento. Valores aceitáveis: top, botom

- Lembrar: GMM_editable_sortable É uma classe de criança "GMM_editable_sortable_container.

5. Elementos classificáveis ​​de arrastar e soltar internos

- Em cada criança GMM_editable_sortable, Você ainda pode converter seus filhos para arrastar-e-soltar elementos classificáveis, adicionando class="GMM_sortable_custom" Com um atributo data-gmm-sortable-handle=".GMM_sortable_handler" Ao pai sortable e adicionando class="GMM_sortable_handler" Para cada filho do pai sortable feito sob encomenda.

- Por essas classes, você pode ter ilimitado drag-and-drop classificáveis ​​elementos.

6. Criar elementos clonáveis

- Para dar algum elemento ao recurso clonável, adicione class="GMM_clonable_object" Para ele.

- Lembre-se: definir valor para o atributo data-gmm-clonable-width Se você precisar alterar a largura da camada de clonagem.

7. Criar elementos editáveis ​​personalizados

- Por padrão, o Construtor HTML detectará e converterá automaticamente todas as tags HTML comuns em elementos editáveis. Eles são: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'iframe', 'a', 'button', 'img', 'i.fa', 'span.fa', 'p', 'span', 'em', 'address', 'video'.

- Mas você pode facilmente converter quaisquer tags HTML personalizadas em elementos editáveis, adicionando seu nome a $theme_settings['Editable_Tags'] dentro theme-settings.php Arquivo.

Fim

- Sim, isso é toda a informação que você necessitará compreender para converter um molde do HTML ao tema do Web site, é tão super simples e fácil!

- Remember, test your theme pages by loading in browsers with parameter: ?live_edit=true.

- Please follow our example to master these details..



Não hesite em contactar-nos se a sua coisa está fora desta seção
Usando o botão de contato acima ou envie diretamente para hello@gomymobi.com Com assunto: [contactgmm]
Se não poderia receber nossa resposta dentro de 24 horas, por favor reenvie o bilhete novamente