Criação de elementos controláveis

1. Identificação dos elementos

É através da criação de elementos que se conseguem criar campos que depois poderão ser editados pelo gestor de conteúdo.
Para exemplo, vamos utilizar o template abaixo.

https://template.hasthemes.com/julie/julie/index.html

Esta é o topo da a página "index.html". Por enquanto, iremos ignorar o header e editar o slider.

Em primeiro lugar, devemos identificar no template os elementos que deverão ser editáveis pelo gestor de conteúdos. Por vezes, pode haver elementos estáticos, em que não há necessidade de dar a possibilidade de edição dos mesmos ao gestor de conteúdo. Contudo, tal ficará à sua escolha.

Vejamos uma possível identificação dos elementos a editar.

Uma das coisas a ter em atenção ao criar os elementos é o nome. O nome do elemento deverá permitir, de forma rápida, que o gestor de conteúdo identifique o que está a representar no website.

Ou seja, título 1, título 2, título 3 não seria uma boa prática de nomear os elementos, pois o gestor de conteúdo não consegue diferenciar uns dos outros.
Um exemplo melhor será antetítulo, título, descrição. Assim, o gestor de contéudo, mesmo sem ver como os elementos estão dispostos no website, consegue, mais facilmente, saber o que os mesmos representam na sua estrutura.

2. Criação do primeiro elemento

Para criar um elemento, deverá aceder a:
Gestor CMS -> Estrutura -> Websites -> Alterar estrutura

Nesta página, deverá clicar na aba "Elementos da Página" e clicar no símbolo + (criar novo elemento)

O sistema abrirá em modal o seguinte painel:

Vamos, então, criar o primeiro elemento. Neste caso, começaremos pelo Antetítulo e iremos preencher o modal de "novo elemento" com a seguinte informação.

Item pai - Nenhum pai
Este campo é utilizado para listas de repetição. Um tipo de elemento muito útil para a criação de elementos em que o código HTML é igual em todos. Abordaremos isto mais tarde.
Nome do elemento - Antetítulo
O nome do elemento como irá aparecer para o gestor de conteúdos. Tal como indicado anteriormente, deve ter-se alguma cuidado em como nomear um elemento, para que seja fácil o gestor de conteúdos compreender a sua relação na estrutura do website.
Selecione a secção - Nenhum
As secções são úteis para organizar o conteúdo em abas individuais no CMS e para ativar/desativar porções do HTML sem ser necessário apagar ou comentar o mesmo. Abordaremos isto mais tarde.
Grupo de elementos - (deixar vazio)
Grupos de elementos são úteis para a organização do conteúdo no CMS. Abordaremos isto mais tarde.
Texto de ajuda - Este texto aparece no slider em primeiro lugar, com um tamanho pequeno e a negrito
O texto de ajuda serve para indicar ao gestor de conteúdo qualquer informação que possa ser útil no momento de criação de conteúdo. Pode deixar o espaço vazio ou utilizar um texto como o que colocamos em exemplo.
Tipo de elemento - Texto Curto
Existem vários tipos de elementos, cada um com a sua função específica. Abordaremos os vários tipos ao longos dos tutoriais. Como o antetítulo é um texto curto, iremos utilizar este tipo de elemento. Na página da gestão de conteúdos, este elemento aparecerá como um pequeno campo para introdução de texto.
Ordenação - 1
Esta é a ordem em que os elemento estão dispostos nas páginas de inserção de conteúdos. A nossa plataforma ordena os elementos automaticamente consoante são criados. É possível, contudo, alterar a ordem dos mesmos.
Comprimento mínimo do texto - (deixar vazio)
Comprimento máximo do texto - (deixar vazio)
O comprimento mínimo e máximo de texto é utilizado para criar restrições ao número de caracteres que se pode inserir no tipo de elemento "Texto Curto". Por enquanto, vamos deixá-lo vazio.

Clica em "guardar"

Pode confirmar que agora, na aba "Elementos da página" aparecerá o elemento que acabou de criar.

Pode clicar no botão azul (com o ícone de lápis) para abrir o modal de edição do elemento e efetuar alterações no mesmo.
Caso deseje eliminar o elemento, clique no botão vermelho (com o ícone de caixote do lixo)
ATENÇÃO: apagar um elemento é uma ação permanente. Não é possível retroceder.

2. Criação dos restantes elementos

Criação dos re