Implementando um carrossel de imagem

É possível customizar sua página inicial do Developer Portal para exibir imagens em um carrossel. O carrossel de imagens fornece à sua página inicial do Portal do Desenvolvedor uma apresentação de slides contínua que é customizada para suas especificações.

1. Crie um tipo de conteúdo de Imagem para seu carrossel.
   1. Clique em Estrutura > Tipos de conteúdo > Adicionar tipo de conteúdo.
   2. Insira o nome do tipo de conteúdo no campo Nome.
      Por exemplo, Figura da Exibição de slides.
   3. Opcional: especifique a descrição do tipo de conteúdo no campo Descrição.
      Por exemplo, Uma imagem a ser mostrada na exibição de slides.
   4. Clique em Salvar e gerenciar campos para seu tipo de conteúdo recém-criado..
   5. clique em Incluir campo.
   6. Selecione Imagem para Incluir um novo campoe insira um rótulo para seu campo..
      Por exemplo, Imagem do slide.
   7. Clique em Salvar e continuar.
      A página Configurações de campo para o seu novo campo é exibida
   8. Na seção IMAGEM PADRÃO , clique em Escolher arquivo para designar a imagem que você deseja como sua imagem padrão para a sua apresentação de slides se nenhuma outra imagem for localizada
   9. Opcional: conclua os campos Texto alternativo e Título .
   10. Clique em Salvar configurações de campo
   11. Na guia Gerenciar campos para seu tipo de conteúdo recém-criado de Figura de apresentação de slides, exclua oBodyclicando em Excluir no menu suspenso OPERATIONS .. Clique em Excluir novamente para confirmar.
2. Faça upload das imagens que você deseja que apareçam no carrossel.
   1. Clique em Content > Add content e, em seguida, clique no tipo de conteúdo que você adicionou na etapa 1.
   2. Insira um título para a imagem no campo Título.
      Por exemplo, se você tinha uma imagem de um farol, é possível rotular o conteúdo como Farol
   3. Clique em Escolher arquivo em Imagem do slide e selecione uma imagem para sua apresentação de slide. Conclua o campo Texto alternativo com algum texto a ser usado quando a imagem não puder ser carregada.
   4. Clique em Salvar.
   5. Repita as subetapas 2.a para 2.d até estar satisfeito com o conteúdo dos slides para seu carrossel.
3. Criar uma visualização para o carrossel.
   1. Clique em Estrutura > Visualizações > Adicionar nova visualização.
   2. Conclua Visualizar nome.
      Por exemplo, Exibição de slides.
   3. Selecione a caixa de seleção Criar um bloco na seção CONFIGURAÇÕES DE BLOCO .
   4. Selecione Carrossel Slick para o formato de exibição
   5. Insira o número de slides que você tem para seu carrossel no campo Itens por bloco e, em seguida, clicar em Salvar e editar.
      A página Editar para a sua visualização de apresentação de slides é exibida
   6. Clique no título da visualização e insira <none> no campo de texto Clique em Apply.
   7. Na seção FIELDS clique em Incluir, selecione a caixa de seleção para imagem do slidee clique em Incluir e configurar campos.
   8. Certifique-se de que a caixa de seleção para Criar um rótulo não esteja marcada e clique em Aplicar
   9. Na seção CAMPOS, clique em Conteúdo: Título > Remover.
   10. Na seção FORMAT , clique em Configurações para o Slick Carousel e, em seguida, configure Skin Main como Padrão
   11. role para baixo até a seção CAPTION FIELDS e marque as caixas de seleção Content: slide image e Substituir conjunto de opções principal .
   12. Na seção OPÇÕES SUBSTITUÍVEIS , marque as caixas de seleção Autoplay, Dotse Draggable .
   13. Clique em Aplicar.
   14. Na seção CRITÉRIOS DE FILTRO, clique em Conteúdo: Publicado > Remover.
   15. Clique em Salvar para salvar a visualização Slide show.
4. Configure a página inicial para hospedar o carrossel.
   1. Clique em Estrutura e, em seguida, clique em Páginas.
   2. Clique em editar para a página de boas-vindas , em seguida, clique em conteúdo na seção Painéis .
   3. Para remover o banner de boas-vindas atual, clique na seta para baixo na coluna OPERATIONS para o Banner de Boas-vindase selecione Excluir Clique em Excluir novamente para confirmar.
   4. Para incluir seu carrossel, clique em Incluir novo bloco e selecione a visualização de apresentação de slides criada na etapa 3. Cancele a seleção de Exibir título e clique em Incluir bloco.
   5. Clique em Atualizar e salvar.