Projeto

Geral

Perfil

Configuração de propriedades de uma página

1. Abra uma página nova no front-end e clique no ícone "i", no alto, para editar as propriedades.

ConfiguracaoPropriedadesPagina1.png


2. Clique no ícone do menu de contexto (hambúrguer) e escolha Propriedades.

ConfiguracaoPropriedadesPagina2.png


3. Temos quatro Propriedades básicas:
Title: Título da página - importante para o SEO do Google (aparece como título da página e no código-fonte; tag html title). Veja no Guia de Estilo instruções para preenchimento.
Keywords: Palavras-chave, separadas por vírgulas - importantes para o SEO do Google (só existem no código-fonte da página; tag html keywords)
Description: Descrição da página - importante para o SEO do Google (só existe no código-fonte da página; tag html description). Veja no Guia de Estilo instruções para preenchimento.
Navigation Text: Título da página no breadcrumb e no meu local

ConfiguracaoPropriedadesPagina3.png


4. Nas Propriedades individuais, em Propriedades não usadas, há várias que serão explicadas aqui.

ConfiguracaoPropriedadesPagina4.png


5. Role a barra de rolagem para ver a faixa de propriedades iniciada por almg.

ConfiguracaoPropriedadesPagina5.png


6. As propriedades usadas para a produção de conteúdo serão explicadas aqui.

ConfiguracaoPropriedadesPagina6.png


7. A propriedade almgBreadcrumbActive, quando preenchida com o valor false...

ConfiguracaoPropriedadesPagina7.png

... remove o breadcrumb da página.

ConfiguracaoPropriedadesPagina8.png


8. As propriedades almgBreadcrumbBackLabel e almgBreadcrumbBackLink, nas páginas com menu secundário...

ConfiguracaoPropriedadesPagina9.png

...criam um botão com link para a url preenchida (usado para criar link para a seção logo acima da atual).

ConfiguracaoPropriedadesPagina10.png


9. As propriedades almgBreadcrumbTitle, almgBreadcrumbUndertitle e almgBreadcrumbUppertitle...

ConfiguracaoPropriedadesPagina11.png

...criam os textos central, inferior e superior, respectivamente.

ConfiguracaoPropriedadesPagina12.png


10. Na página há um card de compartilhamento.

ConfiguracaoPropriedadesPagina12.png

A propriedade almgShowShare...

ConfiguracaoPropriedadesPagina13.png

...remove esse card quando preenchida com false

ConfiguracaoPropriedadesPagina14.png


10. Na página o título fica do lado esquerdo, abaixo do menu secundário.

ConfiguracaoPropriedadesPagina16.png

A propriedade almgTopTitle...

ConfiguracaoPropriedadesPagina17.png

...move o título para o alto e o centro quando preenchida com true

ConfiguracaoPropriedadesPagina18.png


(Fim do passo a passo)