Por que html – não é um shortcodes clássicos aninhados?
Na maioria dos casos de sites do WordPress – seções e elementos de página não recebe conteúdo dinâmico do banco de dados do WordPress – e se os implementarmos via HTML estático, isso nos permite fazer a edição de página ao vivo wysiwyg Trabalho rápido e confiável para qualquer design complexo (e sem grandes investimentos). Para outros casos, o Builder suporta os códigos de shortpress – ele não terá edição ao vivo do Wysiwyg, mas pode ser editado via caixa de diálogo pop -up.
Muitos outros construtores de front-end do WordPress fornecem apenas edição de código de short-que é complexo e não muito intuitivo.
O principal alvo deste projeto – o usuário deve editar o conteúdo:
- e não investigar muitos botões em torno do conteúdo
- e não investigar as configurações pop -up (painel, página etc.)
- e não leia a documentação (a documentação para elementos triviais da interface do usuário também é inaceitável)
- E não faça experimentos com o seu tema – altere as configurações aqui e ali, então veja o resultado
Ele pode ser perfeitamente resolvido apenas pelo editor HTML front-end. O navegador já tem tudo para a edição Wysiwyg DOM (modelo de objeto de documento) – só precisa adicionar poucas limitações para projetos complexos – e funcionará como o Microsoft Word.
O formato da biblioteca é independente do CMS/Platform/Builder e linguagem do servidor
O formato de seções/elementos foi projetado para Independência da plataforma/construtor Tanto quanto possível – é trivial e armazenado em arquivos html/menos/js/json. Nosso construtor Faça uma estrutura de análise HTML para conexão rápida com API CMS de elementos/seções que exigiam conteúdo dinâmico. Se você estiver desenvolvendo seu próprio construtor para qualquer CMS ou plataforma, poderá integrar facilmente nosso Biblioteca muito grande de blocos – ver Formato da biblioteca.
Nossa abordagem aumenta a vida útil de HTML/CSS por porta de várias plataformas, porta rápida para novas plataformas e diminuindo os gastos com os recursos para o suporte de código.
Como bônus – Desenvolvimento de temas simples e rápidos do CMS – Você não precisa conhecer JavaScript (se você gosta da nossa estrutura JavaScript), API do CMS e linguagem do servidor (PHP se falarmos sobre o WordPress). Além disso, é fácil implementar a demonstração de tema de exportação por um clique do WordPress a qualquer CMS – se ele já possui construtor com a mesma arquitetura.
Guia do desenvolvedor – veja como o desenvolvimento do tema simples pode ser
Como os códigos de curta duração suportados
- Você pode adicionar qualquer código de atalho de terceiros via construtor de front-end ou back-end. No construtor de front-end, será exibido HTML e o construtor renderizados bloquearão qualquer clique nele-nesse caso, você pode editar atributos apenas no modo de texto.
- Você pode integrar o shortcode ao construtor com o suporte à janela de diálogo do editor de atributos – Para isso, você precisa registrá -lo via função do construtor AZH_ADD_ELEMENT ($ Configuration), que pega a configuração do código de atalho em formato muito semelhante com o VC_MAP do plug -in Visual Composer. Nesse caso, você pode editar atributos via diálogo pop -up.
Modelos de geração automática baseada em HTML estático de seções/elementos
Por que HTML-Coder tem tão grande liberdade e fornecer código tão não estruturado em abordagens clássicas? O desenvolvimento de temas contém peças repetidas e ele pode ser otimizado – tentamos padronizar o código HTML em nosso processo de desenvolvimento – isso permite automatizar a conversão em modelos de PHP (neste construtor escolhemos códigos de short para modelos de loja). Como resultado, isso aumentou nossa velocidade de desenvolvimento.
Todas as seções com menus, lista de postagens, títulos de página, farinha de rosca etc – Convertido automaticamente (após a salva de página) em código de atalho dinâmico que obtém informações necessárias do banco de dados do WordPress. Isso é implementado adicionando poucas classes CSS a tags html de elemento/seção como: AZ-PAGE-TITLE, AZ-Breadcrumbs etc. No primeiro momento da página de salvamento-o construtor pare HTML Encontre essas aulas de CSS, corte as peças HTML e as use como modelo de breto-que é colocado em vez disso, em vez disso. Depois deste construtor, permita alterar os atributos do código de atalho. Veja como ele implementou aqui.
Você pode estender facilmente os códigos de atalho com a nossa estrutura de análise HTML-se você precisar de 100% de programação de php e repetição de codificação HTML/CSS em sua empresa
Exportar da demonstração do tema do WordPress para o modelo HTML
Você pode exportar da demonstração do WordPress para o modelo HTML Formulário pronto para temestes enviar por um clique. Como fazer isso:
- Remova as páginas com modelos fornecidos pelo tema do menu principal – você deve exportá -lo manualmente (ou pode usar nossa estrutura temática para exportar páginas de blog automaticamente)
- Faça todas
- Faça cabeçalho, menu e rodapé via widgets especiais para construtor de páginas
- Escolha o menu principal como lista de páginas que precisam ser exportadas e exportar a exportação
- Após a exportação de todas as páginas, será armazenado como arquivos HTML em uma pasta com todos os ativos necessários. O código HTML terá URLs corretos e sem estilos embutidos.
Padrões de codificação
Cada elemento ou seção tem um lugar em um código menos (e html) – Assim, você pode encontrá -lo facilmente, personalizar e pode ter certeza absoluta de que isso não afetará outras seções/elementos. Todas as partes de menos estilos podem ser facilmente removidas para fornecer apenas os estilos para seções/elamentos necessárias em seu projeto.
Independente ao ambiente CSS
- Todas as aulas de CSS têm prefixo da biblioteca “Azen” – para evitar a penetração dos estilos de bibliotecas para o ambiente CSS.
- Apenas 4 tags permitidas na biblioteca: div, span, img, a (e poucas tags relacionadas a formas). Todas as tags usadas no elemento/seção redefiniram os estilos CSS por seletor de alto peso ”.azen.azen1.azen2.Azen3.Azen4”-para evitar a penetração de estilos do ambiente CSS.
Os conflitos zero CSS permitem que você sempre pense apenas em uma seção/elemento durante o desenvolvimento – não sobre todo o projeto. Veja nosso menos padrão aqui.