Crie conteúdo estilizado para faixas, bloco/comunicados ou vídeo
Crie faixas, blocos/comunicados ou vídeos usando o tipo de conteúdo estilizado para personalizar configurações como cor do texto, alinhamento do texto, links, cores de plano de fundo e imagens.
Antes de Iniciar
Função necessária: sn_cd.content_manager
Se você estiver criando conteúdo de vídeo, você deve primeiro carregar o vídeo: Adicione ou modifique links para outras fontes de conteúdo
Por Que e Quando Desempenhar Esta Tarefa
- Faixa: Aparece na parte superior da página
- Bloco: Aparece em um widget na página
- Vídeo: Pode aparecer em qualquer lugar em uma página, incluindo na parte superior no lugar de uma faixa
Ao criar ou editar um banner usando conteúdo estilizado, você pode exibir e editar a imagem de fundo em vez de editar sua imagem externamente e importá-la.
) na parte superior esquerda do formulário fornece a capacidade de executar tarefas rapidamente ao criar conteúdo. Selecione o ícone e as seguintes opções serão exibidas:- Clone: Duplique o registro de conteúdo.
- Excluir: Remova o registro de conteúdo e os registros de conteúdo agendado associados.
- Exibir registro de conteúdo: Acesse e exiba o registro de conteúdo.
Procedimento
-
Preencha os campos em Novo conteúdo formulário.
Tabela 1. Criar Campo Descrição Nome do conteúdo O nome que descreve o conteúdo que você está criando ou editando. Ordem O número que indica a ordem em que o portal e o conteúdo com estilo aparecem na lista de conteúdo. Ativo Indica que o conteúdo está ativo e disponível para uso. Estilo de conteúdo Identifica se o seu conteúdo é: - Faixa
- Bloco
- Vídeo
CONTEÚDO Tabela de referência de usuário Determina as variáveis que você pode usar para personalizar o texto do conteúdo do bloco. Selecione Perfil de RH para selecionar variáveis da tabela sn_hr_core_profile.Nota:Somente quando o plug-in App com escopo de recursos humanos: Core (com.sn_hr_core) é ativado Perfil de RH aparece.Selecione Usuário para selecionar variáveis da tabela sys_user.
Título Um título que você deseja que apareça para o seu conteúdo. Este campo não será obrigatório se você quiser que seu banner mostre apenas um gráfico.Nota:Este campo só aparece quando o widget Experiência de conteúdo é usado.Texto do título Texto que fornece informações adicionais ou clareza ao seu título. Corpo do texto A mensagem detalhada que você deseja que apareça sobre a faixa. Coluna do usuário Juntamente com a tabela de perfil de RH [sn_hr_core_profile], filtra os usuários ao avaliar uma condição. Este campo só aparece quando você seleciona Perfil de RH em Tabela de referência do usuário campo.
Cor do texto Indica se você deseja que o texto do corpo apareça escuro ou claro. Nota:Para o estilo de conteúdo Faixa, escuro e claro são compatíveis. Para o estilo de conteúdo de bloco, somente a luz é compatível se Texto sobre plano de fundo o campo está ativo (verde).Alinhamento do texto Indica como você deseja que o texto apareça. Você pode selecionar justificado à esquerda, centralizado ou à direita. Ícone Determina se você deseja que um ícone apareça. Deslize para a direita para escolher um ícone. Aparece somente quando você seleciona Bloco de Estilo de conteúdo .
Escolha um ícone Selecione o ícone que você deseja que apareça. Este campo só aparece quando você transforma o campo do ícone em verde.
Tamanho do ícone Indica o tamanho do seu ícone. Este campo só aparece quando você transforma o campo do ícone em verde.
Os tamanhos recomendados para ícones são:- Ícone de tópico: 56 x 56 px
- Ícone de subtópico: 28 x28px
Interação (CTA) Selecione se você deseja que um botão ou link apareça. Título do botão O texto que aparece sobre o botão. Este campo só aparece quando você seleciona Botão .
Link do botão O link para o qual o usuário acessa ao selecionar o botão. Selecione a seta para baixo para exibir uma lista de links.
Este campo só aparece quando você transforma o campo do ícone em verde.
Título do link O texto que aparece para o link. Este campo só aparece quando você seleciona Link .
Link O link para o qual o usuário acessa ao selecionar o link. Selecione a seta para baixo para exibir uma lista de links.
Este campo só aparece quando você seleciona Link .
Link de vídeo O link para o vídeo que você deseja que apareça no seu portal. Este campo só aparece quando você seleciona Vídeo de Estilo de conteúdo .Nota:No momento, há suporte para vídeos do YouTube e do Vimeo. Certifique-se de usar o link do vídeo incorporado.PLANO DE FUNDO Cor de fundo A cor de fundo do texto da faixa ou bloco. Para definir a cor, você pode usar: - Códigos de cores hexadecimaisNota:Para obter uma lista de códigos de cores hexadecimais, consulte Códigos de cores hexadecimais .
- Valor de cor CSS e inclui palavras-chave, nome, decimal RGB ou número hexadecimal RGB da cor. Nota:Para obter mais informações, consulte Nomes de cores HTML (W3CSchools) .
Imagem em segundo plano Indica que você deseja que uma imagem apareça como plano de fundo. Deslize para a direita para exibir campos de imagem adicionais. Arquivo de imagem [Carregar uma imagem] Selecione o link para adicionar uma imagem. Este campo só aparece quando você ativa Imagem de plano de fundo .
Os tamanhos recomendados para faixas são:- Faixa da página inicial: 1440 x 400 px
- Página de tópico: 1258 x 300px
Permite editar sua imagem de fundo no módulo Biblioteca de conteúdo. Este campo só aparece depois que você carrega uma imagem de plano de fundo. Uma caixa de corte aparece sobre a imagem no formulário Modo Editor de imagens.
Você pode usar a caixa de corte arrastando as bordas para dentro ou para fora para indicar qual parte da imagem você deseja exibir.
Depois de abrir o editor de imagens, o modo padrão é cortar.
Quando você carrega e edita um arquivo .svg, ele é salvo como um arquivo .png.Nota:arquivos .gif não são compatíveis.Os seguintes ícones e botões aparecem para ajudar a editar sua imagem:
Cada ícone permite editar a imagem importada:- Redefina como original
- É ativado depois que você faz edições na imagem.
- Selecione e. Redefinir como original? uma janela pop-up é exibida. Selecione Redefinir imagem botão para reverter todas as edições feitas na imagem.Nota:Depois de selecionar Salvar , você não pode mais redefinir sua imagem. Você deve carregar a imagem novamente se não estiver satisfeito com suas edições.
- Se você não quiser manter suas edições, selecione Cancelar .
- Modo de imagem de movimento
- Selecione sua imagem em qualquer lugar fora da caixa de corte e, com o mouse, mova sua imagem.
- Use os pontos para redimensionar a imagem.
- Mantenha o mouse pressionado para mover a caixa de corte.
- Modo Cortar imagem
- Selecione e o cursor será definido para cortar.
- Para criar uma nova caixa de corte, mantenha o cursor pressionado e arraste-o.
- Mantenha pressionado o mouse para mover a caixa de corte.
- Redimensione a caixa de corte usando os pontos.
- Mais zoom
- Clique para tornar a imagem maior e mais próxima.
- Continue clicando para aumentar o zoom na imagem.
- Menos zoom
- Clique para tornar a imagem menor e mais distante.
- Continue clicando para diminuir o zoom na imagem.
- Mover 10 pixels para a esquerda
- Clique para mover a imagem para a esquerda em 10 pixels.
- Continue clicando para mover a imagem para a esquerda em incrementos de 10 pixels.
- Mover 10 pixels para a direita
- Clique para mover a imagem para a direita em 10 pixels.
- Continue clicando para mover a imagem para a direita em incrementos de 10 pixels.
- Mover 10 pixels para cima
- Clique para mover a imagem para cima em 10 pixels.
- Continue clicando para mover a imagem para cima em incrementos de 10 pixels.
- Mover 10 pixels para baixo
- Clique para mover a imagem para baixo.
- Continue clicando para mover a imagem para baixo em incrementos de 10 pixels.
- Gire 45 graus para a esquerda
- Clique para girar a imagem 45 graus no sentido anti-horário.
- Continue clicando para girar a imagem no sentido anti-horário em incrementos de 45 graus.
- Gire 45 graus para a direita
- Clique para girar a imagem 45 graus no sentido horário.
- Continue clicando para girar a imagem no sentido horário em incrementos de 45 graus.
- Retângulo curto com corte
- Clique para mudar a ferramenta de corte para uma forma de retângulo curto.
- Use os pontos quadrados do retângulo para cortar ainda mais a imagem.
- Retângulo de corte alto
- Clique para mudar a ferramenta de corte para uma forma de retângulo alto.
- Use os pontos quadrados do retângulo para cortar ainda mais a imagem.
- Corte quadrado
- Clique para mudar a ferramenta Corte para uma forma quadrada.
- Use os pontos quadrados do quadrado para cortar ainda mais a imagem.
- Personalizado
- Clique para exibir o. Edição de detalhes pop-up.
- Você pode definir o tamanho da ferramenta de corte e o tamanho da imagem em pixels.
- Você também pode especificar o ângulo em que deseja girar a imagem.
- Visualização
- Selecione para exibir uma visualização da imagem editada.
- Insira informações de local semelhantes às de quando você publica seu conteúdo. Isso permite que você exiba sua imagem onde você deseja que ela apareça. Para obter informações sobre os campos, consulte Crie um plano de publicação para o seu conteúdo.
- Cancelar e salvar
- Selecione Cancelar para sair da edição da imagem e não salvar as mudanças.
- Selecione Salvar para salvar as edições feitas na imagem. Você pode selecionar Corte e continue para continuar editando. Nota:Depois de selecionar Salve e continue suas edições são salvas e você não pode reverter suas edições.
Tamanho da imagem Como você deseja que a imagem apareça. - Largura de preenchimento: Redimensione a imagem para cobrir todo o contêiner, mesmo que a imagem precise ser esticada ou cortada nas bordas.
- Ajustar largura: Redimensione a imagem para garantir que ela esteja totalmente visível.
- Tamanho original: Use o tamanho original da imagem.
Este campo só aparece quando você ativa Imagem de plano de fundo .
Posição da imagem O local em que você deseja que sua imagem apareça. Selecione uma caixa para definir a posição da imagem. Este campo só aparece quando você ativa Imagem de plano de fundo .
Texto acima do plano de fundo Indica que você deseja que o texto apareça sobre a imagem de fundo. Se você deixar desmarcado, o texto aparecerá abaixo da imagem. Deslize para a direita para selecionar um gradiente para o plano de fundo.
Adicionar degradê Indica que você deseja que o texto inclua gradiente de cor para facilitar a leitura do texto. Aparece somente quando você ativa o. Texto sobre plano de fundo campo.
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 do 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 o seu conteúdo.