Adicionar um botão com o Editor de conteúdo avançado

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 6 min. de leitura

    • Adicione um botão para acionar ações ou redirecionar usuários para um conteúdo diferente.

    Antes de Iniciar

    Função necessária: sn_cd.content_manager

    Preencha os campos de formulário Novo conteúdo. Veja Criar conteúdo avançado

    Crie o layout da página usando módulos ou colunas.

    Procedimento

    1. Navegue até a tela selecionando o botão Abrir editor na guia Design do formulário Novo conteúdo.
    2. Na tela do Editor de conteúdo avançado, você pode usar um método de arrastar e soltar para adicionar um botão.
    3. Navegue até a guia Configurações.
    4. Use qualquer uma das seguintes configurações de estilo:
      Campo de configurações Descrição
      Estilização
      Tipo de botão Define que tipo de botão você está adicionando. Suas opções são:
      • Primário (padrão)
      • Secundário(a)
      • Somente link

      Selecionar um tipo de botão extrai das configurações do tema do portal para sincronizar com ele. Para obter mais informações, consulte Configuração do portal.
      Tamanho do botão Define o tamanho do botão.

      Selecionar um tamanho de botão extrai das configurações do tema do portal para sincronizar com ele. Para obter mais informações, consulte Configuração do portal.

      Suas opções são:
      • Extrapequeno
      • Pequeno
      • Médio (padrão)
      • Grande
      Exibição Configure a aparência de vários componentes na mesma coluna, como uma imagem e um componente de texto. Selecione uma das seguintes opções:
      • Superior e inferior (padrão): a imagem aparece acima do outro componente.
      • Lado a lado: a imagem aparece com o outro componente ao lado.
      Nota:
      Para obter melhores resultados, defina a mesma exibição para os componentes. Por exemplo, se você tiver uma imagem e componentes de texto em uma coluna e quiser que a imagem apareça à esquerda e o texto à direita, altere as configurações de exibição de ambos os componentes para Lado a lado.
      Alinhamento horizontal Define o alinhamento do botão. Escolha entre a esquerda, o centro ou a direita.
      Estilo avançado
      Cor do botão Altere a cor do botão.
      1. Insira o código de cor que representa a cor de fundo que você deseja exibir.
        Nota:
        Todas as cores HTML são compatíveis. Para obter mais informações, consulte Nomes de cores HTML.
      2. Ou você pode selecionar o seletor de cores (quadrado cinza) à direita do campo Cor de plano de fundo.
      3. Clique na paleta de cores exibida.
      4. Depois de selecionar uma cor na paleta de cores, use a barra deslizante no lado direito para ajustar a cor.
      5. Deslize a barra para cima e para baixo.
      6. Use a barra deslizante inferior para clarear ou escurecer a cor.
      Largura

      Altura

      		 Ajuste a largura e a altura de um botão selecionando-o e usando os menus suspensos Largura e Altura para inserir o número ou usando as setas para cima e para baixo.
      Você também pode escolher a unidade de medida de sua preferência, selecionando a tecla de seta para baixo à esquerda das setas para cima e para baixo. As opções são:
      • auto: o tamanho é baseado no conteúdo da guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente.
      • px: use pixels como sua medição.
      • %: use uma porcentagem como sua medida.
      Margem Ajuste as margens ou o espaço fora e ao redor do botão.

      Use as listas suspensas na seção Margem para ajustar as margens nos lados superior, inferior, direito e esquerdo. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo à esquerda das setas para cima e para baixo.
      Borda Edite a borda ao redor da parte externa do botão.
      Nota:
      A borda é o contorno ao redor do botão.

      Largura: use as setas para cima e para baixo para ajustar a largura da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo à esquerda das setas para cima e para baixo.

      Estilo: o formato da borda ao redor do botão. Selecione o menu suspenso para selecionar o tipo de borda desejado ao redor do botão.

      Cor: a cor da borda ao redor do botão. Selecione a cor do botão usando a paleta de cores e as barras deslizantes de forma semelhante à seleção da cor de fundo.
      Raio da borda Use as setas para cima e para baixo para ajustar o raio da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo à esquerda das setas para cima e para baixo.
      Nome da fonte Define o tipo de fonte usado para renderizar caracteres.

      Clique na seta suspensa para selecionar uma fonte diferente.
      Tamanho da fonte Define o tamanho da fonte.
      Peso da fonte Determina a aparência do texto em negrito ou claro.

      Clique na seta suspensa para selecionar um peso diferente.
      Altura da linha Define a distância vertical entre duas linhas de texto.
      Cor da fonte Substitui a cor da fonte do tema do portal.

      Para selecionar uma cor, insira o código hexadecimal ou clique no seletor de cores (quadrado cinza à direita da cor da fonte) e selecione uma cor na paleta de cores.
      Propriedades
      Rótulo de botão Texto que aparece no botão.
      Título Texto que aparece quando um usuário passa o mouse sobre o botão.
      URL Localização de uma página da web ou conteúdo. Insira o endereço URL completo que você está direcionando quando um usuário selecionar o botão.
      Destino Indica para onde o botão direciona o usuário. Suas opções são:
      • Esta janela: a seleção do botão abre o conteúdo na mesma janela exibida.
      • Nova janela: a seleção do botão abre o conteúdo em uma nova janela.
    5. Selecione Salvar ou Salvar e concluir.
      Selecionar Salvar salva seu conteúdo e você permanece na tela do Editor de conteúdo avançado. Selecionar Salvar e Concluir salva seu registro e retorna para o formulário Novo conteúdo.

    O que Fazer Depois

    • Visualize seu conteúdo no formulário Novo conteúdo.
      Nota:
      A Visualização de conteúdo foi projetada para fornecer uma ideia geral da aparência do seu conteúdo. O conteúdo pode ter uma aparência diferente depois de publicado devido a variações na resolução do dispositivo, diferença de tema ou configuração de estilo do aplicativo para celular.
    • (Opcional) Traduza seu conteúdo.

      Selecione um idioma diferente para exibir sua sessão ou solicite uma tradução de idioma para o conteúdo que você está criando. Para obter mais informações, consulte Suporte de idioma para Experiências de conteúdo e Publicação de conteúdo.

      Use o menu suspenso Configurações de idioma para selecionar um idioma diferente para exibir sua sessão ou solicitar uma tradução de idioma para o conteúdo que você está criando.
      • Alternar idioma: permite alternar o idioma das configurações do sistema para um idioma diferente. Isso é semelhante à mudança de idioma no login. Para obter mais informações, consulte Alternar idioma para Publicação de conteúdo.
      • Traduzir conteúdo: quando você ativa a propriedade do sistema sn_cd.enable_localization_framework_integration, o conteúdo criado da Biblioteca de conteúdo exibe a seleção de conteúdo Traduzir no menu suspenso Configurações de idioma. Isso permite que você solicite a tradução do conteúdo para o idioma selecionado. Para obter mais informações, consulte integração com Framework de localização.
        Nota:
        Traduza o conteúdo somente depois de terminar de modificar o conteúdo. Para obter melhores resultados, não recomendamos que você adicione ou remova componentes ou altere a formatação após a tradução.

        Para criar conteúdo avançado com formatação diferente em idiomas diferentes, duplique o conteúdo e modifique a formatação conforme necessário. Em seguida, use Audiences para direcionar o conteúdo para usuários por idioma. Veja Públicos

    • Configure um plano de publicação para controlar onde o conteúdo é entregue, o público e o período de tempo em que ele está disponível: Criar um plano de publicação para seu conteúdo.