Como usar o gerenciamento de modelos?

Webayt O gerenciamento de templates em um CMS é usado para criar conteúdo HTML e CSS reutilizável. Isso permite criar um template e adicioná-lo às áreas relevantes usando shortcodes, em vez de escrever repetidamente o mesmo design ou bloco de conteúdo em páginas diferentes.

Os modelos podem ser usados para tabelas de preços, indicativos de chamada, caixas de informações personalizadas, simulações de idiomas, comparações de pacotes, áreas de campanha ou seções de design personalizadas recorrentes.

Para que serve o gerenciamento de modelos?

O gerenciamento de modelos permite que você gerencie centralmente os elementos de design e conteúdo usados com frequência em seu site. Depois de criar um modelo, você pode acessá-lo usando códigos curtos em áreas de conteúdo HTML compatíveis.

Essa estrutura é particularmente útil quando o mesmo conteúdo é usado em várias páginas. Qualquer atualização feita em um modelo pode ser refletida em todas as áreas onde esse modelo é utilizado.

Uma das principais vantagens do Gerenciamento de Templates é que ele torna o processo de tradução mais seguro para estruturas HTML complexas. Quando todo o código HTML é incluído no processo de tradução, a estrutura de tags, os nomes de classes ou o layout do design podem ser corrompidos. Com o Gerenciamento de Templates, no entanto, a estrutura HTML é preservada e apenas os campos de texto definidos como parâmetros são traduzidos.

Por exemplo, estruturas reutilizáveis como as seguintes podem ser preparadas como modelos:

• Tabelas de comparação de pacotes
• Cartões de preço ou serviço
• Áreas CTA
• Caixas de informação
• Seções HTML personalizadas
• Visibilidade do Google ou simulações multilíngues
• Blocos promocionais ou de campanha repetidos

Como posso acessar a página de Gerenciamento de Modelos?

Para gerenciar modelos, você pode acessar a seção Gerenciamento de Modelos no menu à esquerda do painel de administração Webayt.

 Gerenciamento de modelos

Esta página lista os modelos criados anteriormente. Você pode adicionar novos modelos, editar ou excluir modelos existentes ou visualizar seus códigos curtos.

Tela de lista de modelos

Na tela principal de Gerenciamento de Modelos, os modelos criados são listados em uma tabela. Essa tabela exibe o nome do modelo, o código curto, as informações dos parâmetros e o status.

A tela de lista geralmente exibe as seguintes informações:

• Nome do modelo: Este é o nome do modelo exibido no painel e ao selecionar modelos.
• Shortcode: Um código especial usado para chamar o modelo em áreas de conteúdo.
• Parâmetro: Indica o número de variáveis utilizadas no modelo ou o estado do parâmetro.
• Status: Indica se o modelo está aberto ou fechado.
• Editar: Usado para atualizar informações do modelo.
• Excluir: Usado para remover o modelo relevante.

O shortcode do modelo é usado para chamar o modelo relevante dentro do conteúdo da página. Por exemplo, um shortcode de modelo pode ser assim:

 { { template:mock_template_name } }

Como adicionar um novo modelo?

Para criar um novo modelo, acesse a aba Adicionar Modelo . Nessa tela, você define o nome do modelo, o código curto, o conteúdo HTML/CSS, os parâmetros e o status.

1. Faça login no painel de administração Webayt.
2. No menu à esquerda, acesse Gerenciamento de modelos .
3. Clique na aba Adicionar Modelo .
4. Insira o nome do modelo e a chave do código curto.
5. Adicione seu conteúdo HTML ou CSS à área do modelo.
6. Defina os campos de parâmetros, se necessário.
7. Defina o status do modelo como ativado ou desativado.
8. Salve o modelo clicando no botão Adicionar .

Campos de Inserção de Modelo

A tela de adição ou edição de modelos inclui alguns campos-chave que determinam como o modelo funcionará.

Nome do modelo

O Nome do Modelo é o nome que será exibido no painel e nas seleções de modelos. Este campo deve ser escrito de forma descritiva para que você possa identificar facilmente o modelo posteriormente.

Exemplos de nomes de modelos:

 Pacotes CTA
Página de pesquisa do Google
Modelo de gerenciamento de site
Suporte a vários idiomas

Chave de código curto

A chave de código curto é a chave exclusiva usada para chamar o modelo nos campos de conteúdo. Normalmente, esse campo é criado usando letras minúsculas, números, hífens e sublinhados.

Por exemplo, se a chave do shortcode for management_plans , este modelo poderá ser chamado no campo de contexto com o seguinte shortcode:

 { { template:mock_template_name } }

Recomenda-se que o código curto seja claro e explique a finalidade do modelo.

Área do modelo

A área do modelo é onde você escreve a estrutura HTML ou CSS que deseja criar. Esta seção contém o código que determina a aparência do modelo no front-end.

A área do modelo pode conter abas HTML e CSS. A aba HTML é para conteúdo estrutural, enquanto a aba CSS é para edição visual.

Se você deseja usar campos editáveis em seu modelo HTML, pode defini-los dentro de chaves.

 {título}
{descrição}
{button_text}

Essas variáveis podem ser listadas automaticamente no campo de parâmetros do modelo e editadas separadamente para diferentes idiomas.

Parâmetros

A seção "Parâmetros" é onde as variáveis definidas em um modelo HTML são gerenciadas. As variáveis usadas no modelo são listadas nesta seção, e o texto correspondente a essas variáveis pode ser inserido.

Por exemplo, se a variável {title} estiver definida no modelo HTML, o texto do título correspondente a essa variável poderá ser inserido no campo de parâmetro. Da mesma forma, campos de parâmetro separados podem ser criados para variáveis como {description} , {button_text} ou similares.

O principal objetivo dos parâmetros é garantir que apenas o texto inserido nesses campos seja traduzido durante o processo de tradução. Isso impede que todo o código HTML do modelo seja incluído na tradução.

Essa estrutura é particularmente importante em modelos que contêm código HTML complexo. Quando todo o código HTML é enviado para o processo de tradução automática, tags HTML, nomes de classes, códigos personalizados ou a estrutura do design podem ser corrompidos em alguns casos. No entanto, quando parâmetros são usados, a estrutura HTML e CSS permanece inalterada; apenas o conteúdo de texto visível para o usuário é traduzido.

Portanto, para blocos de design personalizados, campos com várias colunas, tabelas de preços, comparações de pacotes, seções de CTA avançadas ou conteúdo com HTML complexo, recomenda-se o uso do Gerenciamento de Modelos.

Situação

O status determina se o modelo pode ser usado no site.

• Claro: Mesmo que seja usado no conteúdo do modelo, ele será exibido no site.
• Desativado: O modelo não será exibido no site, mesmo que seja usado no conteúdo.

Se um modelo precisar ser desativado temporariamente, pode ser mais seguro definir seu status como "desativado" em vez de excluí-lo.

Como usar modelos no conteúdo?

Os modelos criados no Gerenciamento de Modelos podem ser acessados usando códigos curtos em campos de conteúdo onde é possível inserir HTML.

Por exemplo, ao adicionar o seguinte código curto a um editor de conteúdo compatível, o modelo correspondente será exibido automaticamente nesse campo:

 { { template:mock_template_name } }

Essa funcionalidade permite adicionar rapidamente um design previamente criado a diferentes páginas.

Os modelos geralmente podem ser usados em áreas onde é possível inserir conteúdo HTML. Por exemplo, os códigos curtos de modelos são preferíveis em páginas de informações e seções, páginas de categorias, páginas de conteúdo e áreas de conteúdo HTML personalizadas.

Seleção de modelo via editor

Webayt No editor do CMS, os modelos disponíveis podem ser visualizados por meio de uma lista suspensa ou de uma área de seleção de modelos. Você pode selecionar o modelo desejado nessa área para adicionar o código curto ao editor.

Quando um modelo é selecionado, seu código curto é adicionado ao editor. No entanto, quando a página é exibida no front-end, o código HTML real do modelo é mostrado em vez desse código curto.

Como usar a Pré-visualização de Modelos?

Você pode verificar como seu modelo ficará usando a opção de visualização na tela de edição do modelo.

A janela de pré-visualização ajuda você a ver como o modelo ficará na interface do usuário. Isso permite verificar o design, o texto e o layout antes de publicar o modelo.

A pré-visualização de modelos, especialmente aqueles que contêm HTML e CSS, é útil para identificar layouts incorretos ou parâmetros ausentes.

A vantagem de usar parâmetros em modelos

Os parâmetros tornam os modelos mais flexíveis e seguros. Eles são particularmente úteis quando você deseja gerenciar apenas o título, a descrição, o texto do botão ou conteúdo editável semelhante, mantendo a mesma estrutura HTML.

Dentro de um modelo, os campos modificáveis são definidos usando chaves. Por exemplo, campos como {title} , {description} ou {button_text} podem ser usados como parâmetros.

Uma das vantagens mais importantes dos parâmetros é que apenas o conteúdo desses parâmetros é traduzido no processo de tradução automática. Dessa forma, a estrutura HTML completa do modelo não é incluída no processo de tradução.

Isso é especialmente importante em projetos que contêm código HTML complexo. Quando todo o código HTML é enviado para tradução, a estrutura de tags, nomes de classes, códigos personalizados ou o layout podem ser corrompidos em alguns casos. No entanto, quando o Gerenciamento de Modelos é utilizado, a estrutura HTML é preservada e apenas o texto escrito nos campos de parâmetros é traduzido.

Portanto, recomenda-se o uso do Gerenciamento de Modelos para blocos de design personalizados, estruturas HTML avançadas, campos com várias colunas, tabelas de preços, tabelas de comparação ou seções de conteúdo personalizado reutilizáveis.

Por exemplo, digamos que você esteja criando um campo CTA (Chamada para Ação). Se você definir campos como título, descrição e texto do botão como parâmetros, poderá usá-los com textos diferentes sem interromper a estrutura do design e garantir que apenas esses textos específicos sejam traduzidos durante o processo de tradução.

Utilizando modelos em sites multilíngues

Webayt Em um CMS, os textos dos parâmetros usados nos modelos podem ser traduzidos para diferentes idiomas. Isso permite que a mesma estrutura de modelo seja usada com conteúdo em diferentes idiomas em sites multilíngues.

No gerenciamento de modelos, a estrutura HTML e CSS permanece constante; o processo de tradução é realizado utilizando o texto inserido nos campos de parâmetros. Essa estrutura ajuda a evitar que o código HTML complexo seja corrompido durante a tradução.

Portanto, ao criar conteúdo com HTML personalizado para sites multilíngues, pode ser mais vantajoso trabalhar por meio do Gerenciamento de Modelos em vez de adicionar diretamente códigos HTML longos e complexos ao editor de páginas.

Após fazer alterações no modelo, as listas relevantes podem precisar ser atualizadas. Para obter informações detalhadas sobre como atualizar listas e selecionar o idioma de tradução, consulte o guia "Como usar listas para atualizar?" .

O que deve ser levado em consideração ao atualizar o modelo?

Ao atualizar um modelo, a aparência das páginas onde esse modelo é utilizado também pode ser afetada. Portanto, é importante revisar os padrões de uso existentes antes de fazer alterações, especialmente em modelos que estão sendo usados com frequência.

• Verifique em quais páginas o modelo é usado.
• Visualize as alterações após fazer modificações no HTML e no CSS.
• Certifique-se de que não haja texto ausente ou incorreto nos campos de parâmetros.
• Certifique-se de que o status do modelo esteja ativado.
• Atualize as listas relevantes, se necessário.
• Se o armazenamento em cache estiver ativado, atualize o cache dessa página.

O que deve ser levado em consideração ao usar modelos?

O gerenciamento de modelos é uma ferramenta poderosa que facilita a criação de conteúdo repetitivo. No entanto, é crucial que os modelos sejam organizados e fáceis de entender.

• Escolha um nome de modelo no painel que seja fácil de entender.
• Escreva o código curto de forma simples e descritiva.
• Mantenha seu código HTML e CSS organizado.
• Defina os nomes dos parâmetros de forma compreensível.
• Defina o texto a ser traduzido como parâmetros sempre que possível.
• Preste atenção ao uso de parâmetros para evitar que códigos HTML complexos sejam corrompidos durante a tradução automática.
• Evite criar vários modelos desnecessariamente para a mesma finalidade.
• Antes de excluir modelos não utilizados, verifique se eles estão sendo usados em páginas ativas.
• Confira o modelo com uma pré-visualização antes de publicá-lo.

Quando se deve utilizar a gestão de modelos?

Se você precisa usar o mesmo bloco de design em vários locais, ou se estruturas HTML personalizadas se repetem em seu conteúdo, o uso do Gerenciamento de Modelos é bastante útil.

Criar um modelo pode ser uma boa ideia nas seguintes situações:

• Quando você deseja usar o mesmo campo de CTA em páginas diferentes.
• Quando você deseja gerenciar centralmente os campos de pacote, preço ou comparação.
• Quando você não quer digitar repetidamente blocos HTML personalizados
• Quando você deseja usar o mesmo design com textos diferentes em conteúdo multilíngue.
• Quando você deseja evitar que códigos HTML complexos sejam corrompidos durante a tradução automática.
• Quando você quiser adicionar blocos de design prontos ao editor.

Resumo

O gerenciamento de modelos é a área do CMS Webayt usada para criar conteúdo HTML e CSS reutilizável. Os modelos criados podem ser usados em áreas de conteúdo onde o HTML pode ser inserido por meio de códigos curtos.

Ao usar parâmetros em modelos, você pode definir campos editáveis, garantir que apenas o conteúdo desses parâmetros seja traduzido durante o processo de tradução automática e evitar a corrupção de estruturas HTML complexas. Essa estrutura permite usar o mesmo modelo de design com mais segurança em diferentes páginas e em diferentes idiomas.

Após fazer alterações no modelo, lembre-se de atualizar as listas relevantes na seção "Listas a serem atualizadas", se necessário.