...
| Índice |
|---|
| outline | true |
|---|
| exclude | .*ndice |
|---|
| style | none |
|---|
|
Falando de
...
desenhador de páginas...
Esse recurso permite ao usuário configurar os elementos que devem ser apresentados na página, no que se refere à ordenação e às propriedades de cada elemento.
...
A seguir serão apresentados os componentes que podem ser incluídos nas páginas, bem como suas configurações.
...
Parágrafo
...
Image Modified Veja a imagem
Referente a esse componente são apresentadas as seguintes configurações:
Banner: Geral: configura as propriedades gerais do componente.
| Painel |
|---|
- Setas: indica se as setas devem ser apresentadas nas laterais dos banners.
- Bullets: indica se as bullets devem ser apresentadas na parte inferior dos banners.
- Máscara: indica se o efeito máscara deve ser empregado, para passar maior destaque ao texto do banner.
- Altura: configura a altura dos banners. Caso as imagens sejam maiores do que a altura reservada para os banners, elas são automaticamente redimensionadas para se adequarem à altura definida.
|
Composição de banner: configura os banners que devem ser apresentados.
| Painel |
|---|
Para cada banner é necessário configurar: - Conteúdo: indica se o conteúdo do banner será de imagem ou vídeo. Tanto a imagem quanto o vídeo devem ser arquivos da galeria ou do próprio dispositivo.
- Título: título do banner.
- Subtítulo: descrição que deve ser apresentada abaixo do título.
- Alinhamento: indica o alinhamento do título e do subtítulo. Pode ser alinhado à esquerda, centralizado ou à direita.
- Adicionar item: essa opção permite adicionar botões ao banner, e esses botões direcionam para outros endereços web. Cada item tem a seguinte configuração:
- URL: endereço web que será aberto ao acionar o botão.
- Abrir em uma nova aba?: indica se o endereço deve ser aberto em uma nova aba ou na atual.
- Texto: configura o label do botão.
- Cor do texto: configura a cor do label do botão.
- Cor do botão: configura a cor que deve ser apresentada para o botão.
|
...
- Título: título do parágrafo.
- Descrição: descrição que deve ser apresentada abaixo do título.
- Cor do texto: configura a cor do texto do parágrafo.
- Habilitar container?: Configuração de largura do componente. Se estiver desabilitado o container, o componente será redimensionado conforme a largura da tela, independentemente do dispositivo. Se o container foi habilitado, a largura máxima irá obedecer às medidas apresentadas nesse quadro.
- Mostrar imagem?: indica se deve ser apresentada a imagem referente ao parágrafo.
- Alinhar imagem à direita?: indica se a imagem será alinhada à direita. Por padrão, ela é alinhada à esquerda.
- Imagem: imagem que deve ser apresentada no parágrafo
|
Image Removed Veja a imagem
Referente a esse componente são apresentadas as seguintes configurações:
Geral: configura as propriedades gerais do componente.
| Painel |
|---|
- Logotipo: imagem de logo que deve ser apresentada no rodapé. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.Mensagem de Copyright: texto apresentado abaixo da logo e dos ícones.
- Cor do texto: configura a cor da mensagem de Copyright.
- Cor de fundo: configura a cor de fundo do rodapé.
|
Itens: configura os itens que devem ser apresentados no rodapéparágrafo.
| Painel |
|---|
Adicionar item: essa opção permite adicionar ícones ao rodapéparágrafo, e esses ícones itens direcionam para outros endereços web. Cada item tem a seguinte configuração: - Imagem: imagem que deve ser apresentada no link do rodapé. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.
- Título: configura o título do link.
- URL: endereço web que será aberto ao acionar o item.
- Cor do texto: configura a cor do texto do item.
- Cor do fundo: configura a cor que deve ser apresentada para o item.
- Abrir em uma nova aba?: indica se o endereço deve ser aberto em uma nova aba ou na atual.
|
Seção
...
Veja a imagem
Referente a esse componente são apresentadas as seguintes configurações:
...
| Painel |
|---|
- Imagem de fundo: imagem que deve ser apresentada como fundo na seção. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.
- Título: título da seção.
- Tamanho do título: tamanho da fonte para o título da seção.
- Subtítulo: descrição que deve ser apresentada abaixo do título.
- Tamanho do subtítulo: tamanho da fonte para o texto seção.
- Cor do texto: configura a cor do texto da seção.
- Altura: altura da página que será dedicada a essa seção.
- Alinhamento: indica o alinhamento do título e do subtítulo. Pode ser alinhado à esquerda, centralizado ou à direita.
- Parallax: indica se o efeito parallax deve ser empregado , para passar paralisar a impressão de profundidade na imagemimagem enquanto a página está sendo percorrida.
- Máscara: indica se o efeito máscara deve ser empregado, para passar maior destaque ao texto da seção.
- Habilitar container?:
|
Conteúdo externo
Image Removed Veja a imagem
...
...
| Painel |
|---|
- URL: endereço web do conteúdo da ser adicionado. Algumas URL's podem não ser carregadas por motivos de permissão.
- Altura: configura a altura da área reservada ao conteúdo externo. Caso o conteúdo seja maior do que a área reservada para o conteúdo externo, será cortado para se ajustar a uma altura menor, ou redimensionado para se adequar a uma altura maior?
- Habilitar container?: Configuração de largura do componente. Se estiver desabilitado o container, o componente será redimensionado conforme a largura da tela, independentemente do dispositivo. Se o container foi habilitado, a largura máxima irá obedecer às medidas apresentadas nesse quadro.
|
...
Banner
...
Image Modified Veja a imagem
Referente a esse componente são apresentadas as seguintes configurações:
Banner: Geral: configura as propriedades gerais do componente.
| Painel |
|---|
- Título: título do parágrafo.
- Descrição: descrição que deve ser apresentada abaixo do título.
- Cor do texto: configura a cor do texto do parágrafo.
- Habilitar container?:
- Mostrar imagem?: indica se deve ser apresentada a imagem referente ao parágrafo.
- Alinhar imagem à direita?: indica se a imagem será alinhada à direita. Por padrão, ela é alinhada à esquerda.
- Imagem: imagem que deve ser apresentada no parágrafo. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.
|
Itens: configura os itens que devem ser apresentados no parágrafo.
- Setas: indica se as setas devem ser apresentadas nas laterais dos banners.
- Bullets: indica se as bullets devem ser apresentadas na parte inferior dos banners.
- Máscara: indica se o efeito máscara deve ser empregado, para passar maior destaque ao texto do banner.
- Altura: configura a altura dos banners. Caso as imagens sejam maiores do que a altura reservada para os banners, elas são automaticamente redimensionadas para se adequarem à altura definida.
|
Composição de banner: configura os banners que devem ser apresentados.
| Painel |
|---|
Para cada banner é necessário configurar: - Conteúdo: indica se o conteúdo do banner será de imagem ou vídeo. Tanto a imagem quanto o vídeo devem ser arquivos da galeria ou do próprio dispositivo.
- Título: título do banner.
- Subtítulo: descrição que deve ser apresentada abaixo do título.
- Alinhamento: indica o alinhamento do título e do subtítulo. Pode ser alinhado à esquerda, centralizado ou à direita.
|
panel- Adicionar item: essa opção permite adicionar
ícones parágrafo itens - botões direcionam para outros endereços web. Cada item tem a seguinte configuração:
- Título: configura o título do link.
- URL: endereço web que será aberto ao acionar
o item- o botão.
- Abrir em uma nova aba?: indica se o endereço deve ser aberto em uma nova aba ou na atual.
- Texto: configura o label do botão.
- Cor do texto: configura a cor do
texto item fundo- botão: configura a cor que deve ser apresentada para o
item - Abrir em uma nova aba?: indica se o endereço deve ser aberto em uma nova aba ou na atual.
|
Galeria de imagens
...
Veja a imagem
...
| Painel |
|---|
- Título: título da galeria.
- Subtítulo: descrição que deve ser apresentada abaixo do título.
- Espaços: indica se devem ser apresentados espaços ao redor das imagens.
- Máscara: indica se o efeito máscara deve ser empregado nas imagens.
- Colunas: Quantas quantas colunas de imagens devem ser apresentadas.
- Cor da máscara: diferentemente dos demais componentes, nesse caso pode ser escolhida a cor da máscara a ser incluída.
|
Imagens: configura as imagens que devem ser apresentadas na galeria.
...
Geral: configura as propriedades gerais do componente.
| Painel |
|---|
- Logotipo: imagem que deve ser apresentada no logotipo do menu. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.
- URL do logotipo: endereço a ser acessado ao clicar na logo.
- Cor do texto: configura a cor do texto do menu.
- Realce do texto: configura a cor que deve ser apresentada no texto ao passar o mouse sobre o item de menu.
- Cor do fundo: configura a cor que deve ser apresentada no fundo do menu.
- Realce do fundo: configura a cor de fundo que deve ser apresentada ao passar o mouse sobre o menu.
- Alinhar à direita?: indica se os itens de menu devem ser alinhados à direita. Por padrão, eles são alinhados à esquerda.
- Habilitar container?: Configuração de largura do componente. Se estiver desabilitado o container, o componente será redimensionado conforme a largura da tela, independentemente do dispositivo. Se o container foi habilitado, a largura máxima irá obedecer às medidas apresentadas nesse quadro.
- Tamanho do texto: tamanho da fonte dos itens de menu.
|
Itens: configura os itens que devem ser apresentados no menu. É possível inserir até 10 itens de menu.
...
| Painel |
|---|
- Conteúdo: indica se o conteúdo do texto deve ter imagem ou ícone. Tanto a imagem quanto o ícone devem ser arquivos da galeria ou do próprio dispositivo.
- Título: título da galeria.
- Texto: conteúdo de texto que deve ser apresentado abaixo do título.
- Adicionar item: essa opção permite adicionar botões ao conteúdo de texto, e esses botões direcionam para outros endereços web. Cada item tem a seguinte configuração:
- URL: endereço web que será aberto ao acionar o botão.
- Abrir em uma nova aba?: indica se o endereço deve ser aberto em uma nova aba ou na atual.
- Texto: configura o label do botão.
- Cor do texto: configura a cor do label do botão.
- Cor do botão: configura a cor que deve ser apresentada para o botão.
|
Rodapé
...
Image Added Veja a imagem
Referente a esse componente são apresentadas as seguintes configurações:
Geral: configura as propriedades gerais do componente.
| Painel |
|---|
- Logotipo: imagem de logo que deve ser apresentada no rodapé. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.
- Mensagem de Copyright: texto apresentado abaixo da logo e dos ícones.
- Cor do texto: configura a cor da mensagem de Copyright.
- Cor de fundo: configura a cor de fundo do rodapé.
|
Itens: configura os itens que devem ser apresentados no rodapé.
| Painel |
|---|
Adicionar item: essa opção permite adicionar ícones ao rodapé, e esses ícones direcionam para outros endereços web. Cada item tem a seguinte configuração: - Imagem: imagem que deve ser apresentada no link do rodapé. A imagem deve ser um arquivo da galeria ou do próprio dispositivo.
- Título: configura o título do link.
- URL: endereço web que será aberto ao acionar o item.
- Abrir em uma nova aba?: indica se o endereço deve ser aberto em uma nova aba ou na atual.
|
Conteúdo externo
...
Image Added Veja a imagem
Esse componente foi elaborado, essencialmente, para fazer um link com o recurso de Forms, para possibilitar o uso de formulários na sua página. Isso permite que sejam incluídos formulários de contato, de avaliação ou sugestões, por exemplo.
Referente a esse componente são apresentadas as seguintes configurações:
Conteúdo Externo: configura as propriedades gerais do componente.
| Painel |
|---|
- URL: endereço web do conteúdo da ser adicionado. Algumas URL's podem não ser carregadas por motivos de permissão.
- Altura: configura a altura da área reservada ao conteúdo externo. Caso o conteúdo seja maior do que a altura configurada nesse campo, o conteúdo deve ser automaticamente redimensionado para se adequar à altura definida.
- Habilitar container?: Configuração de largura do componente. Se estiver desabilitado o container, o componente será redimensionado conforme a largura da tela, independentemente do dispositivo. Se o container foi habilitado, a largura máxima irá obedecer às medidas apresentadas nesse quadro.
|
| Informações |
|---|
|
Esta documentação é válida a partir da atualização 1.6.5 - Liquid. Se você utiliza uma atualização anterior, ela pode conter informações diferentes das quais você vê na sua plataforma. |
