Categorias de widgets: Mídia
O widget Shape é uma ferramenta de design que pode ser usada para destacar mensagens importantes. Crie botões e banners, divulgue prêmios e destaque os preços de venda. Você pode adicionar uma imagem, cor de fundo e texto, controlar o tamanho e adicionar sombras. O widget pode ser colocado em qualquer local para total flexibilidade
-
Selecione uma forma.
-
Para adicionar um link à forma, clique em Adicionar link (para obter mais informações sobre links, consulte Seletor de links.
-
Digite um título e uma descrição para a forma. Para ocultar o título e a descrição, clique em olho (
) ícone.
-
Digite o texto alternativo e uma dica de ferramenta para a forma.
Nota
Digite seu próprio texto alternativo ou clique no Brilho (
) ícone para usar o AI Assistant para gerar texto alternativo.
texto alternativo gerado pelo AI Assistant está no mesmo idioma do idioma atual da página. Para obter mais informações sobre o AI Assistant, consulte Visão geral das ferramentas de IA.
-
Para mudar de uma cor para um plano de fundo de imagem, clique em Layout .
-
Para alterar a imagem padrão, navegue até Estilo aba e selecione o Imagem aba.
Nota
Se o Mantenha proporções está desativada, as proporções da imagem serão ajustadas aos widgets (Somente editor clássico).
-
-
Ajuste a largura, a altura e o efeito de foco (para desktop) no Estilo aba.
Nota
Nas seções Flex e no Editor 2.0, as proporções da forma são mantidas por padrão, mesmo se a opção Manter proporções estiver desativada.
-
Para colocar o widget sobre ou sobrepor uma imagem ou outro widget, clique no Espaçamento tab e configure as margens para serem um número negativo (por exemplo, -50px).
-
Para transformar o ícone em um widget flutuante, ative o Flutuação alterne e selecione uma posição para o widget. Para exibir o widget flutuante somente na página atual, ative Mostrar somente nesta página alternar.
Certifique-se de que as configurações de design definidas estejam corretas por dispositivo. Configurações como espaçamento (de todo o widget e itens individuais), largura e muito mais são definidas por dispositivo Para obter mais informações, consulte Tamanhos de tela e dispositivos.
Para criar um layout interessante com uma forma amórfica:
-
Crie uma linha com duas colunas.
-
Escolha uma forma amórfica e adicione-a à coluna do lado direito.
-
Faça a forma tão grande quanto a coluna.
-
No Editor de design, selecione o layout com a imagem de fundo e substitua a imagem pela que você deseja.
Para usar uma forma como botão adicionando um link e um efeito de foco:
-
Selecione a forma do círculo e adicione um título e uma descrição.
-
Selecione cores para a forma e os textos.
-
Para posicionar a forma no canto de uma imagem, use uma margem negativa no lado esquerdo da forma (espaçamento > margem > -50px esquerda e margem superior).
Para usar formas para destacar um plano ou serviço específico:
-
Escolha a forma da bandeira e adicione um título e uma breve descrição.
-
Desativar Mantenha a proporção para que você possa ajustar somente a largura.
Nota
Nas seções Flex e no Editor 2.0, as proporções da forma são mantidas por padrão, mesmo se a opção Manter proporções estiver desativada.
-
Selecione cores para a forma e os textos.
-
Para posicionar a forma de forma que ela se sobreponha à parte superior de uma coluna, use uma margem superior negativa (espaçamento > margem superior > margem superior de -30 px).
Para usar uma forma para criar um botão de rolagem:
-
Escolha a forma do diamante e adicione um título.
-
Desativar Mantenha a proporção para que você possa ajustar somente a largura.
Nota
Nas seções Flex e no Editor 2.0, as proporções da forma são mantidas por padrão, mesmo se a opção Manter proporções estiver desativada.
-
Selecione cores para a forma e os textos.
-
Para posicionar a forma na parte superior de uma imagem, use uma margem superior negativa (espaçamento > margem > margem superior de -50 px).