Adicione uma tabela com o editor de conteúdo avançado

Adicione uma tabela ao seu conteúdo para organizar informações em linhas e colunas.

Antes de Iniciar

Função necessária: sn_cd.content_manager

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

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

• Os módulos são layouts de conteúdo predefinidos compostos por cabeçalho, texto de parágrafo e imagens. Veja Adicione layouts de conteúdo predefinidos com o Editor de conteúdo avançado
• As colunas são contêineres que permitem definir um layout personalizado. Veja Adicione colunas com o Editor de conteúdo avançado

Procedimento

1. Navegue até a tela selecionando Editor aberto botão do Design . Novo conteúdo formulário.
2. Arraste e solte o componente da tabela na tela.
3. Em Criar nova tabela , insira o número de colunas e linhas.
4. Crie uma linha de cabeçalho da tabela navegando até Configurações > Propriedades e selecionando Habilitar cabeçalho .
5. Para formatar o texto do título do cabeçalho, clique na caixa de texto na linha do cabeçalho e defina as seguintes configurações:

   Tabela 1. Configurações do cabeçalho da tabela

   Campo de configurações	Descrição
   Estilização
   Estilo de texto	Permite que você mude rapidamente a aparência do seu texto selecionando uma opção pré-formatada. Você pode selecionar títulos ou estilos de parágrafo diferentes. O título 1-6 corresponde a marcadores HTML h1 - h6.
   Cor do texto	Use este menu suspenso para mudar a cor do seu texto. Suas escolhas são: Primária: A cor primária definida pelo tema do portal. Mudo: A cor definida pelo tema do portal. Branco: Muda a cor do texto para branco. Isso é útil ao usar uma cor de fundo diferente do branco. A cor do texto atribui classes CSS predefinidas para a cor do texto.
   Exibição	Configura a aparência de vários componentes na mesma coluna, como uma imagem e um componente de texto. Nota: Esta configuração se aplica somente no caso de você adicionar outro componente ao lado da caixa de texto do título. Selecione uma das seguintes opções: Lado a lado (Padrão): O texto aparece com o outro componente ao lado dele. Superior e Inferior : A imagem aparece acima do outro componente. 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 apareça à direita, altere Exibição configurações de ambos os componentes para Lado a lado .
   Alinhar	Determina o alinhamento horizontal do texto. Escolha entre: Justificar à esquerda Justificar Direita justificar Justificar (o texto está alinhado com as duas margens)
   Estilo avançado
   Preench.	O preenchimento é o espaço entre o conteúdo e a borda de um elemento. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número.
   Margem	A margem é o espaço entre uma linha e outro elemento/o limite da tela. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número.
   Nome da fonte	Define a face da fonte usada para renderizar caracteres. Clique na seta suspensa para selecionar uma fonte diferente.
   Tamanho da fonte	Define o tamanho da fonte.
   Peso da fonte	Determina como o texto será exibido 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.

Clique em uma célula para definir as configurações dessa célula, como a cor de fundo ou borda. Para definir as configurações de uma linha ou de todas as células da tabela, clique na seta para cima até que o contêiner desejado seja selecionado.

6. Definir configurações de estilo de tabela:
   As opções de configurações variam, dependendo se você selecionou uma célula, linha ou a tabela inteira.

   Tabela 2. Configurações de estilo

   Campo de configurações	Descrição
   Estilização
   Cor de fundo	Use o seletor de cores (quadrado quadriculado) para selecionar uma cor ou insira o código de cor que representa a cor de fundo que você deseja exibir. Todas as cores HTML são compatíveis. Para obter mais informações, consulte Nomes de cores HTML .
   Alinhar	Determina o alinhamento horizontal do texto. Escolha entre: Justificar à esquerda Justificar Direita justificar Justificar (o texto está alinhado com as duas margens)
   Estilo avançado
   Largura Altura	Ajuste a largura e a altura do componente usando Largura e. Altura campos. Você também pode escolher a unidade de medida de sua preferência selecionando a única tecla de seta para baixo à esquerda das setas para cima e para baixo. As opções são: automático: O tamanho é baseado no conteúdo na guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente. px: Use pixels como medida. %: Use uma porcentagem como sua medida.
   Preench.	O preenchimento é o espaço entre o conteúdo e a borda de um elemento. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número.
   Margem	A margem é o espaço entre uma linha e outro elemento/o limite da tela. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número.
   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 única à 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 seu botão usando a paleta de cores e as barras deslizantes semelhantes a como você seleciona a cor do plano 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 única à esquerda das setas para cima e para baixo.

7. Com uma célula selecionada, use Configurações > Propriedades para adicionar ou excluir colunas ou linhas, mesclar células e mover linhas para cima ou para baixo.
   
8. Selecione Salvar ou Salve e conclua .
   Selecionando Salvar salva seu conteúdo e você permanece no Editor de conteúdo avançado tela. Selecionando Salve e conclua salva seu registro e retorna para Novo conteúdo formulário.

O que Fazer Depois

• (Opcional) Traduza seu conteúdo.

  Solicite a tradução do idioma para o seu conteúdo. Para obter mais informações, consulte Suporte multilíngue na Biblioteca de conteúdo.

  Nota:

  Apenas traduza o conteúdo depois de terminar de modificar o conteúdo. Para obter melhores resultados, não recomendamos adicionar ou remover componentes ou alterar a formatação após a tradução.

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

• Visualize seu conteúdo do Publicar .
  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 parecer diferente depois de publicado devido a variações na resolução do dispositivo, diferença de tema ou configuração de estilo de app para celular.
• Configure um plano de publicação para controlar onde o conteúdo será entregue, o público e o período de tempo em que ele estará disponível: Crie um plano de publicação para seu conteúdo.