Avançar para o conteúdo principal

Como criar e editar blocos master?

1. Criação de Blocos Master

Para começar a criar blocos master, deverá clicar no ícone do Gestor CMS (1) e depois em Websites (2) e, finalmente, em Blocos Master (3).

image-1663088952636.jpgimage-1663149312017.png

A página dos Blocos Master deverá aparecer como a imagem em baixo.

image-1663089242385.pngimage-1663149350707.png

Para criar um bloco, deverá clicar no botão verde image-1663145438844.png. De seguida, no painel que abre, dê um título ao bloco. Pode também dar um subtítulo e uma descrição.

Deverá sempre carregar uma imagem que representa a secção à qual o bloco de refere. Faça um screenshot da secção e carregue-a como imagem do bloco. Este é um passo importante, porque a imagem serve de referência no momento de importação dos blocos. Caso não tenha imagem, poderá ser díficl saber a que secção o bloco se refere, principalmente quando podem existir vários blocos semelhantes.

image-1663149518504.png

 

2. Edição de Blocos Master

Vamos agora proceder à edição dos Blocos Master. Isto é, a criação dos elementos necessários e a sua introdução no código.

Após criar um Bloco Master, deverá clicar na barra do título para abrir o painel desse mesmo bloco. De seguida, cole o código do template referente à secção do bloco no painel à direita. 

Neste caso, como vamos criar o Header, vamos colocar todo o código que queremos que se repita no topo das páginas do website, como mostra a imagem em baixo.

NOTA: Caso não saiba como criar um header, e os cuidados a ter na criação do mesmo, veja os tutoriais na seguinte página: https://suporte.ebsss.info/books/implementar-html/chapter/header

image-1663096513578.png

Para criar elementos dentro de um bloco, basta clicar no botão verde image-1663145438844.png (agora dentro do bloco). Ao fazê-lo, irá aparecer o painel de criação de elementos, com mostra a imagem em baixo.

image-1663145894236.png

Após criar os elementos pretendidos, estes aparecerão dentro do bloco, abaixo do título. Pode clicar no título do bloco para visualizar os seus elementos e código.

image-1663148552790.gif