Adicionar identidades visuais e componentes ao site

Nota

Deseja aprender em português (Brasil)? Comece o desafio em um Trailhead Playground de português (Brasil) e use as traduções fornecidas entre parênteses para navegar. Copie e cole somente os valores em inglês porque as validações dos desafios dependem de dados em inglês. Se você não passar no desafio em sua organização de português (Brasil), recomendamos que (1) mude o local para os Estados Unidos, (2) mude o idioma para inglês, seguindo as instruções aqui, e (3) clique novamente no botão “Validar o desafio”.

Consulte o emblema Trailhead no seu idioma para saber mais sobre como aproveitar a experiência de Trailhead em outros idiomas.

O site Category 1 Biking está em ótima forma. Nesta etapa, adicione uma identidade visual personalizada, atualize componentes e dê os toques finais no site. Comece adicionando uma identidade visual ao site e atualizando o menu de navegação. 

Atualizar o título

1. Clique no seletor e selecione Builder (Criador).
   
2. Clique no componente Headline (Título).
   
   
3. Atualize o título da seguinte forma.
   

• Título: Category 1 Biking
• Texto do banner: Welcome to the community! (Bem-vindo à comunidade!)

4. Clique em X para fechar o editor de títulos.
   

Atualizar o tema

A seguir, use o menu Theme (Tema) para selecionar cores e imagens para o site. Baixe este arquivo compactado para acessar imagens que você pode usar para este projeto. Não se esqueça de descompactar o arquivo.

1. Selecione o ícone Theme (Tema).
   
   
2. Clique em Colors (Cores) para expandir o menu.
   
3. Ajuste as cores conforme você achar melhor.
   
4. Clique na seta para a esquerda ao lado de Colors (Cores) para contrair o menu.
   
5. Clique em Images (Imagens) para expandir o menu.
   
6. Clique no ícone Upload Image (Carregar imagem) em Header Image (Imagem de cabeçalho).
   
7. Clique em Upload Image (Carregar imagem) e escolha header.jpg na pasta que você baixou anteriormente.
   
8. Clique em X para fechar o editor de temas.
   

Atualizar o menu de navegação

1. Clique na barra cinza na parte de cima para revelar o componente Navigation Menu (Menu de navegação).
   
   
2. Clique em Edit Default Navigation (Editar navegação padrão) no menu à direita.
   
3. Clique em + Add Menu Item (Adicionar item do menu).
   
4. Insira esses detalhes.
   

• Atualizar o nome para Cases (Casos)
• Type (Tipo): Salesforce Object
  
• Object Type (Tipo de objeto): Case (Caso)
  
• Default List View (Modo de exibição de lista padrão): My Open Cases (Meus casos abertos)
  

5. Clique em Save Menu (Salvar menu).
   
6. Clique em X para fechar o menu de navegação.
   

Adicionar os componentes de snap-in de bate-papo e de artigo

1. Selecione o ícone Components (Componentes).
   
   
2. Insira Embedded Service Chat (Bate-papo do serviço incorporado) na barra de pesquisa de componentes.
   
3. Selecione Embedded Service Chat (Bate-papo do serviço incorporado) e arraste-o para a barra lateral direita, abaixo do componente Ask a Question (Fazer uma pergunta).
   
4. A janela pop-up Can’t Access Resources (Não é possível acessar recursos) aparecerá. Você ajustará a política de segurança de conteúdo mais tarde. Clique em OK.
   Nota: Não vê o pop-up? Verifique seu navegador. Se você está usando o Mozilla Firefox, tente mudar para o Google Chrome.
   
5. Clique em X para fechar a caixa de diálogo Embedded Service Chat (Bate-papo do serviço incorporado).
   
6. Clique no ícone Components (Componentes) para reabrir o menu.
   
7. Insira Trending Articles by Topic (Artigos principais por tópico) na barra de pesquisa de componentes.
   
8. Selecione Trending Articles by Topic (Artigos de tendência por tópico) e arraste-o para a barra lateral abaixo do componente Embedded Service Chat (Bate-papo do serviço incorporado).
   
   
9. Clique em X para fechar o editor de Trending Articles by Topic (Artigos principais por tópico).
   

Ajustar a política de segurança do conteúdo

A política de segurança do conteúdo (CSP) é um padrão da Web que define regras para controlar a origem do conteúdo que pode ser carregado em uma página. Todas as regras de CSP funcionam no nível da página e se aplicam a todos os componentes e bibliotecas. Ajuste a CSP para permitir que o agente de bate-papo seja executado neste site.

1. Selecione o ícone Settings (Configurações).
   

2. Selecione Security & Privacy (Segurança e privacidade).
   
3. Clique na lista suspensa Strict CSP e selecione Relaxed CSP: Permit Access to Inline Scripts and Allowed Hosts (CSP relaxado: Permitir acesso a scripts inline e hosts autorizados).
   
4. Clique em Allow (Permitir).
   
5. A janela pop-up Can’t Access Resources (Não é possível acessar recursos) aparecerá novamente. Copie a parte https até .com da URL listada. Você adicionará essa URL a seus Trusted Sites for Scripts (Sites confiáveis para scripts).
   
6. Depois de copiar a URL, clique em OK.
   
7. Clique em +Add Trusted Site (Adicionar site confiável).
   
8. Cole a URL que você acabou de copiar na caixa de texto de URL.
   
9. Insira Chat (Bate-papo) na caixa de texto Name (Nome).
   
10. Certifique-se que a opção Active (Ativo) está marcada.
    
11. Clique em Add Site (Adicionar site).
    
12. Clique no X para fechar a janela Settings (Configurações).
    

Publicar seu site

1. Clique em Publish (Publicar).
   
2. Na tela de confirmação Publicar seu site, clique em Publish (Publicar), depois em Got It (Entendi).
   

Você recebe uma confirmação por email quando o seu site é publicado. Clique no link em seu email para ver seu site em ação!