widget Categorias: Mídia
O widget Forma é uma ferramenta de design que pode ser usada para destacar mensagens importantes. Crie botões e banners, anuncie prêmios e realce os preços em promoção. Você pode adicionar uma imagem, fundo de cor e texto, controlar o tamanho e adicionar sombras. O widget pode ser colocado em qualquer local para flexibilidade total.
-
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 no ícone do olho ().
-
Digite o texto alternativo e uma dica sobre a forma.
Nota
Digite seu próprio texto alternativo ou clique no ícone Sparkle () para usar o AI Assistant para gerar texto alternativo.
O 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 e recursos do AI Assistant.
-
Para mudar de uma cor para um plano de fundo de imagem, clique em Layout .
-
Para alterar a imagem padrão, navegue até a guia Estilo e selecione a guia Imagem.
Nota
Se a opção Keep Proportions estiver desativada, as proporções da imagem serão ajustadas às do widget (somente no editor Classic).
-
-
Ajuste a largura, a altura e o efeito hover (para desktop) na guia Style (Estilo ).
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 em cima ou sobreposto a uma imagem ou a outro widget, clique na guia Spacing (Espaçamento ) e configure as margens como um número negativo (por exemplo, -50px).
-
Para tornar o ícone um widget flutuante, ative o botão de alternância Floating (Flutuante ) e selecione uma posição para o widget. Para exibir o widget flutuante somente na página atual, ative a opção Show on this page only (Mostrar somente nesta página ).
Certifique-se de que as configurações de design definidas estejam corretas por dispositivo. Configurações como espaçamento (de todo o widget e de itens individuais), largura e outras 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 amorfa e adicione-a à coluna do lado direito.
-
Faça a forma tão grande quanto a coluna.
-
Na aba Editor de design, selecione o layout com a imagem de fundo e substitua a imagem pela que você deseja colocar.
Para usar uma forma como botão adicionando um link e o efeito do mouse sobre ela:
-
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.
-
Desative a opção Manter 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 se sobreponha à parte superior de uma coluna, use uma margem superior negativa (espaçamento > margem > 30px margem superior).
Para usar uma forma para criar um botão de rolagem:
-
Escolha a forma do diamante e adicione um título.
-
Desative a opção Manter 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 no topo de uma imagem, use uma margem superior negativa (espaçamento > margem > -50 px margem superior).