Avançar para o conteúdo principal

Como criar e editar 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-1663852191521.png

 

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

 

image-1663844710284.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-1663844760700.png

 

Após criado o bloco, devemos clicar junto ao nome do mesmo para expandi-lo. Isto fará com que, por baixo, apareçam dois botões ( image-1663852304707.png Clonar elemento e novo.png Criar novo elemento), bem como, do lado direito, o espaço para inserirmos o código referente ao bloco que se criou. 

 

vlc-stppsdfpqh.gif

 

Para eliminar um bloco, basta clicar no ícone do caixote do lixo lixo.png do lado direito no nome do mesmo para fazê-lo.

ATENÇÃO: apagar um bloco é uma ação permanente. Não é possível retroceder.

 

 

3. Inserção dos elementos no código

Para inserir um elemento no código, basta posicionar o cursor do rato no locar onde quer colocar o elemento e clicar no ícone de inserção de elementos junto ao elemento que pretende colocar image-1663851025826.png.

Caso o elemento a inserir tenha variáveis, como em listas, imagens, links, entre outros, deverá primeiro clicar no ícone image-1663851007441.png para expandir as mesmas.

image-1663172422616.gif

Após feitas as alterações, grave o código clicando no botão ou através do atalho de teclas image-1663851768221.png .

 

4. Clonar elementos

Para inserir um elemento no código, basta posicionar o cursor do rato no locar onde quer colocar o elemento e clicar no ícone de inserção de elementos junto ao elemento que pretende colocar image-1663851025826.png.