Crie mídia personalizada com conteúdo estilizado
Crie faixas, blocos/comunicados ou vídeos usando o tipo de conteúdo estilizado para personalizar configurações como cor do texto, alinhamento de texto, links, cores de fundo e imagens em Central do funcionário - Pro.
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 do lugar de uma faixa
Ao criar ou editar uma faixa 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 realizar tarefas rapidamente ao criar conteúdo. Selecione o ícone e as seguintes opções serão exibidas:- Duplicar o registro de conteúdo.
- Excluir: Remova o registro de conteúdo e os registros de conteúdo programado 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. Design 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 estilizado 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ítulos Um título que você deseja que apareça para o seu conteúdo. Este campo não será necessário se você quiser que sua faixa mostre somente um gráfico.Nota:Este campo aparece somente 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 Junto com a tabela Perfil de RH [sn_hr_core_profile], filtra os usuários ao avaliar uma condição. Este campo aparece somente quando você seleciona Perfil de RH em Tabela de referência do usuário campo.
Cor do texto Indica se você deseja que o corpo do texto 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 será 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 para verde.
Tamanho do ícone Indica o tamanho do seu ícone. Este campo só aparece quando você transforma o campo do ícone para verde.
Os tamanhos recomendados para ícones são:- Ícone de tópico: 56 x 56px
- Ícone de subtópico: 28 x28px
Plano de ação Selecione se quiser que um botão ou link apareça. Título do botão O texto que aparece sobre o botão. Este campo aparece somente 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 para verde.
Título do link O texto que aparece para o link. Este campo aparece somente 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 aparece somente 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 aparece somente quando você seleciona Vídeo de Estilo de conteúdo .Nota:Apenas vídeos do YouTube e do Vimeo são compatíveis no momento. Certifique-se de usar o link de vídeo incorporado.PLANO DE FUNDO Cor de fundo A cor de fundo da faixa ou do texto do 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 aparece somente quando você ativa Imagem 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 aparece somente depois que você carrega uma imagem 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:- Redefinir como original
- Ativa depois que você faz edições na sua imagem.
- Selecione e Redefinir para original? aparece um pop-up. 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 .
- Mover modo de imagem
- 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
- E o cursor será definido para cortar.
- Mantenha o cursor pressionado e arraste para criar uma nova caixa de corte.
- Mantenha pressionado o mouse para mover a caixa de corte.
- Redimensione a caixa de corte usando os pontos.
- Ampliar
- Clique para tornar a imagem maior e mais próxima.
- Continue clicando para ampliar a imagem de forma incremental.
- Reduzir
- Clique para tornar a imagem menor e mais distante.
- Continue clicando para reduzir a imagem em incrementos.
- 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 10 pixels para cima.
- 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.
- Girar 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.
- Girar 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 sua 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 sua imagem.
- Corte-quadrado
- Clique para mudar a ferramenta de corte para uma forma quadrada.
- Use os pontos quadrados do quadrado para cortar ainda mais sua imagem.
- Personalizado
- Clique para exibir 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 a 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 seu conteúdo.
- Cancelar e Salvar
- Selecione Cancelar para sair da edição da sua imagem e não salvar suas mudanças.
- Selecione Salvar para salvar as edições feitas na sua 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 aparece somente quando você ativa Imagem 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 aparece somente quando você ativa Imagem 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 degradê 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 tradução de idioma para o seu conteúdo. Para obter mais informações, consulte Suporte multilíngue na Biblioteca de conteúdo.
Nota:Traduza o conteúdo somente 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 diferentes idiomas, 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 guia. Nota:A Visualização de conteúdo foi projetada para fornecer uma ideia geral da aparência do seu conteúdo. Depois de publicado, o conteúdo pode ter uma aparência diferente devido a variações na resolução do dispositivo, na diferença do tema ou na configuração do estilo do aplicativo para celular.
- 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: Crie um plano de publicação para seu conteúdo.