Hub de Artigos

• Cadastro de Capa: Caso o artigo não tenha uma capa cadastrada, será exibido um card com fundo padrão, ícone default e título da página.
• Bloco Adicional: Deve ser criado um bloco específico para exibir o Web Story Cover Item dentro do hub.
• Campo de Data: Se o artigo tiver uma data cadastrada, ela será usada para definir a ordem de exibição no hub. Caso contrário, será utilizada a data de publicação.
• Data Futura: Artigos e web stories com data futura não devem ser exibidos no hub até que a data cadastrada seja atingida.
• Flag de Identificação: Todo artigo deve conter uma flag que define se a página cadastrada é um artigo para que seja exibida corretamente no hub.
• Ordem Cronológica: Os artigos e web stories são organizados sempre de forma cronológica no hub, com os mais recentes no topo.
• Categorização: Os artigos podem ser classificados em categorias predefinidas, como "Empresas", "Internet", "Celular", entre outras.
• Uso de Tags: Subcategorias futuras serão gerenciadas por meio de tags associadas ao conteúdo, facilitando a segmentação.
• Ícones Diferenciados: O ícone de um Web Story deve ser diferente do ícone de um artigo no hub, garantindo uma distinção visual clara.
• Atualização da Ordem de Exibição: Se um artigo ou web story for atualizado, ele não deve automaticamente se tornar o primeiro item no hub. Caso seja necessário alterar sua posição, a área de conteúdo pode definir uma data personalizada para ajustá-lo.
  
  

1. Criar o Componente Hub de Artigos

1. Acesse o Storyblok e navegue até a pasta do projeto.
2. Vá até a página e insira um novo bloco.
3. Selecione o componente "Hub de Artigo".
4. No cadastrado preencha os campos, adicione os seguintes elementos:
   • Tipo do Hub*: Campo do tipo "Multi-Option" para selecionar artigo ou Web Stories, selecione Artigos.
   • Tamanho dos Cards*: Campo para selecionar entre Md ou Sm.
   • Filtro por Tags: Campo para inserir as Tags criadas anteriormentes e serve para filtrar quais Artigos vão ser exibidos no Hub.

2. Criar o Bloco de Capa do Artigo

1. Crie uma página com o componente Artigo.
2. Na aba Settings no campo "Tipo de Página" Adicione os seguintes campos:
   • Tipo de página*: Artigos
   • Hub de Artigos: Imagem Capa, Título, Subtitulo, Texto, Link e Data de exibição no Hub.
   • Imagem de Capa (Orientamos para cadastrar, mas pode ser substituído por um padrão se não for preenchido).
   • Título do Artigo (se não for preenchido, usa o título da página).
   • Descrição Curta (opcional, aparece no Hub se cadastrado).
   • Link para o Artigo (obrigatório, aponta para a página do artigo).

3. Configurar a Data do Artigo

1. No componente Artigo, preencher o campo de Data.
2. Configure as regras de exibição:
   • Se a data cadastrada for futura, o artigo não aparecerá no Hub.
   • Se não houver data cadastrada, assume-se a data de publicação.
   • Caso o artigo precise ser reposicionado no Hub, o campo de Data Personalizada pode ser ajustado.

4. Adicionar Categorias ao Hub

1. No componente Hub de Artigos, adicione um campo para categorizar os artigos.
2. Exemplo de algumas categorias existentes do SmartContent, como:
   • Empresas
   • TV
   • Internet
   • Celular (Pós, Pré, Controle)
   • Atendimento
   • Campanhas
3. As categorias futuras podem ser gerenciadas via Tags.

5. Publicação e Validação

1. Após criar os Artigos, faça um teste adicionando ao Hub na página.
2. Valide a exibição dos itens cadastrados.
3. Confirme que os artigos estão sendo ordenados corretamente.