Criação de elementos controláveis

1. Introdução

É 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.

2. Identificação dos elementos no template

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, subtítulo. Assim, o gestor de conteúdo, mesmo sem ver como os elementos estão dispostos no website, consegue, mais facilmente, saber o que os mesmos representam na sua estrutura.

3. 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.

4. Criação dos restantes elementos

Terminada a criação do primeiro elemento, falta-nos, então, criar os restantes cinco:

2. Título