Comece por aqui!

Bem-vindo ao Manual do Site do Sindicato! Aqui está uma visão geral da interface do usuário e das principais seções disponíveis para navegação. Esta seção oferece um panorama completo do sistema. Se desejar realizar um procedimento específico, você poderá consultar as outras páginas do manual para obter instruções detalhadas.

À esquerda, você verá um menu lateral, que serve como sua principal ferramenta de navegação. Este menu contém ícones e etiquetas para diferentes seções, cada uma numerada de 1 a 9 para facilitar a referência.

As seções incluem:

1. Busca: Uma ferramenta poderosa para encontrar rapidamente o que você precisa.
2. Páginas: Aqui você pode gerenciar e visualizar todas as suas páginas.
3. Imagens: Esta seção permite que você gerencie suas imagens.
4. Documentos: Aqui você pode acessar e gerenciar todos os seus documentos.
5. Fragmentos: Esta seção é onde você pode trabalhar com fragmentos de código ou texto que o ajudará a compor alguns elementos do site.
6. Relatórios: Aqui você pode gerar e visualizar relatórios.
7. Configurações: Esta seção permite que você personalize o aplicativo de acordo com suas necessidades.
8. Ajuda: Se você precisar de assistência, esta seção fornece recursos úteis.
9. Conta: Altere seu nome, senha, idioma e até mesmo a o tema da aplicação (aplica-se apenas ao admin).

No topo do menu lateral, você verá nosso logotipo, um lembrete constante de nossa dedicação em fornecer a você uma experiência de usuário excepcional.

Esperamos que você aproveite a exploração do aplicativo e descubra como ele pode facilitar e aprimorar seu trabalho diário. Se tiver alguma dúvida, não hesite em visitar nossa seção de Ajuda ou entrar em contato conosco diretamente. Estamos aqui para ajudar!

Ao acessar o menu "Páginas" na barra lateral, você obterá uma lista das páginas existentes, começando pela Home/Início, permitindo um acesso rápido às páginas principais.

1. Abrir o menu de páginas.
2. Ao clicar na página, você terá acesso a um detalhamento mais completo das subpáginas, com opções para editar, excluir, publicar/despublicar ou reordená-las.
3. Acesse o modo de edição da página desejada.
4. Expanda o menu para mostrar as subpáginas (veja exemplo na imagem a seguir).

Ao clicar em "Editar", você entrará no modo de edição da página, onde poderá personalizar a sua página de acordo com suas necessidades.

1. Na maioria das páginas, serão apresentadas apenas duas abas: "Conteúdo" e "Promover". Na aba "Conteúdo", compomos a parte visual da página, incluindo título, blocos, descrições, hero, entre outros. Na aba "Promover", preenchemos as informações de SEO do site, conhecidas como "meta tags", e definimos se a página será exibida ou não no menu principal.
2. Aqui escolheremos um título atraente para nossa página que seja coerente com o conteúdo, evitando títulos longos e de difícil entendimento. É importante destacar que o título influencia a URL da página, pois ao acessar a aba "promover", há um campo chamado "slug" (obrigatório e preenchido automaticamente) que define a URL da página. Deve-se notar também que algumas páginas têm nomes e títulos pré-definidos para manter a uniformidade do site, como por exemplo: O Sindicato, Notícias, Eventos e Cursos, entre outros.
3. Título e Descrição do Hero definem como será o banner no topo da sua página, lembrando que algumas páginas podem ou não ter um hero e configurações especificas e quando isso ocorre haverá instruções claras de como proceder com caixas de ajuda ao longo da página.
4. Esta barra foi projetada para tornar a tarefa de diagramação de conteúdo mais prazerosa, com o objetivo de criar âncoras pela página que permitam uma navegação mais rápida e organizada pelos campos.
5. Clicando "colapsar tudo" ou "expandir tudo" você poderá recolher ou expandir todos os campos do formulário.
6. Nesta seção, estão disponíveis alguns controles avançados da página, que serão detalhados em outro tópico. Por agora, concentre-se no segundo controle, marcado com um ícone de tablet. Utilizando-o, você pode conferir como sua página está sendo exibida em tempo real em dispositivos móveis, tablets e computadores.
7. Este é o núcleo do nosso CMS; sempre que você vir um campo denominado "conteúdo", isso indica que você pode escolher entre uma variedade de blocos para montar sua página. Algumas páginas possuem blocos exclusivos relacionados ao tema, como as páginas Institucionais. O processo de uso é muito simples: clique no botão de adicionar (o botão verde com um +) e um menu flutuante com os blocos disponíveis aparecerá, ou simplesmente digite a barra (/) no seu teclado para uma navegação mais ágil. Cada bloco tem suas características e detalhes únicos, com campos minuciosamente descritos. Quando necessário, um texto destacado orientará você pelo processo de preenchimento.
8. Nesse botão combinado você encontra algumas opções para lidar com o conteúdo sendo editado, sendo eles: Despublicar, Publicar, Enviar para moderador aprovar e Salvar rascunho.
   1. Despublicar uma página a tornará inacessível para o público geral, mas permanecerá visível para você. Isso é ideal para páginas que são temporárias ou que precisam ser retiradas temporariamente enquanto passam por atualizações ou repaginações.
   2. Publicar, como o nome indica, tornará o conteúdo acessível a todos os usuários que possuem o link, incluindo motores de busca como Google, Bing, entre outros.
   3. Enviar para o moderador aprovar se faz necessário quando o seu Sindicato tiver um ou mais responsáveis por publicar conteúdo na plataforma e esse conteúdo precisar passar por um moderador, mais adiante na seção Configurações eu explico como configurar as permissões necessárias.
   4. Não deixe de salvar seu progresso; ao escrever um artigo extenso ou se precisar pausar e retomar mais tarde, use a função "Salvar rascunho". Assim, você pode continuar exatamente de onde parou ou pré-visualizar a página para conferir o andamento.

Tópicos relacionados

• Como criar páginas Institucionais
• Como criar Notícias
• Como criar páginas Flexíveis
• Como criar páginas de Cursos e Eventos
• Como criar páginas de Formulários
• Como criar Galerias de Fotos e Vídeos

A gestão de imagens é crucial para um CMS eficiente, e nesta seção, você descobrirá tudo o que precisa saber para implementar as técnicas mais eficazes.

1. Gerencie suas imagens clicando no menu lateral esquerdo Imagens.
2. Nomeie e marque todas as imagens de forma intuitiva, facilitando a localização e reutilização em diferentes seções do site. Tenha cautela ao excluir uma imagem; atente-se aos avisos e, se estiver associada a outros conteúdos, faça as alterações necessárias antes de remover permanentemente.
3. Utilize o botão "Adicionar uma imagem" para fazer upload de uma nova imagem.
4. Aprimore sua pesquisa usando os filtros de classificação e ajuste a quantidade de resultados que deseja ver, que pode variar de 10 a 250 imagens.
5. Aqui você encontrará as tags ou marcadores mais populares usados em suas imagens, ou aqueles que são mais relevantes. Isso facilitará a busca por imagens relacionadas a temas específicos.
6. Você poderá selecionar uma ou mais imagens para: Editar Tags, Adicionar na coleção ou Excluir.
7. Pré-visualização (thumbnail) da imagem.
8. Ações a serem tomadas
   1. Tag: um método eficiente para aplicar uma tag específica a várias imagens simultaneamente, economizando tempo.
   2. Adicionar na coleção: Coleções são "categorias globais" que abrangem variados tipos de conteúdo e que podem ser usadas, ou não, no futuro em componentes para apresentar conteúdos específicos com base nessa classificação. Atualmente, é possível criá-las acessando o menu Configurações e depois Coleções.
   3. Excluir: Ao tentar remover uma imagem, será exibido um alerta se ela estiver em uso em algum lugar do site. Se optar por ignorar esse alerta e prosseguir, a imagem será removida dos conteúdos listados. Por isso, é importante ter cautela ao deletar imagens.

Ao clicar em uma imagem, você poderá editar a mesma, como mostrado na imagem a seguir.

1. Título/Nome da imagem: escolha nomes intuitivos, legíveis e fáceis de ler, pois serão utilizados em todo o site para melhorar a acessibilidade.
2. Se desejar modificar o arquivo de uma imagem de modo que a mudança seja aplicada em todos os locais onde ela foi utilizada, basta selecionar o novo arquivo e confirmar a alteração.
3. Utilize Tags para organizar suas imagens e facilitar a busca posteriormente.
4. Pré-visualização da imagem
5. A área focal ou de interesse será empregada no site para cortes em imagens visando a criação de miniaturas ou otimização. Assim, é essencial definir uma área de interesse sempre que a imagem contiver um elemento importante, garantindo que a ferramenta busque um enquadramento que posicione o elemento centralmente.
6. Use o botão "remover área focal" quando precisar reiniciar o processo de criação ou quando ele não for mais relevante para você.
7. Ao clicar no link, você será redirecionado para uma página que lista todo o conteúdo associado à imagem, permitindo um maior controle sobre o uso da mesma.
   1. Nessa área, também é possível acessar informações detalhadas da imagem, incluindo suas dimensões e o tamanho do arquivo.
8. Ações:
   1. Salvar: Qualquer alteração realizada na imagem deve ser replicada para manter a consistência.
   2. Apagar imagem: Ao tentar apagar uma imagem, será exibido um alerta se ela estiver em uso em algum lugar do site. Se optar por ignorar esse alerta e prosseguir, a imagem será apagada dos conteúdos listados. Por isso, é importante ter cautela ao apagar imagens.

Assim como discutido anteriormente com as imagens, os documentos apresentam comportamentos e importâncias similares, com poucas variações no comportamento geral.

1. Gerencie seus documentos clicando no menu lateral esquerdo Documentos.
2. Nomeie seus documentos de forma amigável e intuitiva, assim facilitará a busca por eles.
3. Clique no botão "Adicionar um documento" para fazer upload de um novo arquivo.
4. Localize seus arquivos por meio das coleções (já mencionado no tópico anterior).
5. Lista de documentos carregados que podem ser classificados por nome (em ordem alfabética) ou por data de criação.

Ao clicar em um documento, você poderá editar o mesmo, como mostrado na imagem a seguir.

1. Nome do documento.
2. Se desejar modificar o arquivo de modo que a mudança seja aplicada em todos os locais onde ela foi utilizada, basta selecionar o novo arquivo e confirmar a alteração.
3. Adicione ou remova o arquivo de uma coleção existente.
4. Gerencie as tags do arquivo, lembrando que é muito importante a inserção de tags intuitivas para auxiliar na busca.
5. Visualize informações sobre o arquivo, como: tamanho e conteúdo onde o mesmo está sendo utilizado.
6. Ações:
   1. Salvar: Qualquer alteração realizada deve ser replicada para manter a consistência.
   2. Apagar documento: Ao tentar apagar um documento, será exibido um alerta se ela estiver em uso em algum lugar do site. Se optar por ignorar esse alerta e prosseguir, o documento será removida dos conteúdos listados. Por isso, é importante ter cautela ao apagar um documento.

Fragmentos são pedaços de conteúdo que não precisam de uma página inteira para serem exibidos. Eles são úteis para tornar partes secundárias do site, como cabeçalhos, rodapés, blocos e barras laterais, editáveis através do painel administrativo.

Observação: Blocos são um conceito que abordaremos na criação de páginas em outro tópico, por hora entenda que cara parte do seu site editável consiste em um bloco, ex: bloco de notícias, banners, anúncios, etc.

1. Gerencie seus fragmentos clicando no menu lateral esquerdo Fragmentos (snippets).
2. Listagem de fragmentos suportados atualmente (junho/2024)

Como já foi dito, os fragmentos são dinâmicos e não seguem um padrão fixo, servindo a diversos propósitos que exigem a organização de dados de forma não convencional. Por exemplo, o fragmento "Associados" destina-se a armazenar os cadastros feitos através do botão "Associe-se" localizado no topo do site. Com isso, é possível decidir se os novos membros serão publicados na lista de associados do sindicato, além de permitir a inclusão de informações adicionais.

Já os fragmentos Diretoria, Serviços e Vantagens de ser associado serão empregados em blocos que compõem páginas internas e home do site.

Esse site em questão é construído utilizando as mesmas ferramentas que você terá acesso, e para exemplificar ainda mais vou anexar abaixo duas imagens que utilizam esse recurso:

Aqui utilizamos o Fragmento > Serviços associado ao bloco Serviços Ofertados para criar uma seção em nosso site chamada "Faça parte", já que os blocos permitem a personalização dos textos.

Já nesse outro bloco utilizamos o Fragmento > Vantagens associado ao bloco Vantagens de ser um Associado para criar uma seção em nosso site chamada "Tecnologia".

Abaixo um print de como fizemos para montar a nossa home page.

Observe que não é preciso procurar pelos dados cadastrados no menu "Fragmentos", já que o bloco está configurado para listar o que foi registrado, permitindo sua replicação em várias páginas que contêm esse bloco, sem a necessidade de cadastrá-los novamente.

Nos relatórios, você pode encontrar as principais ações executadas no seu site durante um período específico por um ou mais usuários. O propósito deste conjunto de ferramentas é proporcionar um controle aprimorado sobre a ferramenta e seus usuários, funcionando como um histórico detalhado.

Um tópico dedicado estará disponível para detalhar todas as funções desta seção no futuro.

1. Gerencie seu site clicando no menu lateral esquerdo Relatórios.
2. Itens que são salvos ou que trazem configurações avançadas do Site.
   1. Páginas bloqueadas são condições ativadas no menu "Status" (ícone de informação no topo da página) por um usuário que deseja editar uma página ou prevenir que outros façam alterações até que sua edição esteja completa. Frequentemente, o usuário pode esquecer-se de desbloquear a página, impedindo que outros editem. Como administrador, você pode identificar essas páginas e desbloqueá-las ou solicitar ao usuário que realizou o bloqueio que o remova.
3. Filtre e exporte o conteúdo para formatos XLSX e CSV.

Esta seção oferece todas as ferramentas necessárias para ajustar os recursos avançados do seu site, incluindo configurações de usuários, grupos de permissões e personalização visual. A seguir, uma breve descrição de cada item.

1. Clique no menu Configurações para expandi-lo e ter acesso a todas as configurações.
2. Nos Fluxos de Trabalho, é possível configurar rotinas variadas para a aprovação de conteúdo. Por padrão, o sistema possui um fluxo pré-definido chamado "Enviar para o moderador aprovar". Isso significa que, antes de uma página ser publicada, ela deve ser enviada para um responsável realizar a análise e autorizar a publicação. Esta funcionalidade é perfeita para equipes médias e grandes que seguem uma linha editorial.
3. Nas "Tarefas de Fluxo de Trabalho", você define qual grupo de permissões será responsável por aprovar uma tarefa. Por padrão, o grupo designado é chamado de "Moderador", e você pode adicionar usuários a este grupo (conforme será visto nos itens 4 e 5) para que eles desempenhem essa função.
4. Na seção Usuários, é possível executar várias ações, tais como adicionar ou remover usuários, alterar senhas, editar nomes e e-mails, além de atribuir permissões (papéis). Já na seção Papéis, é crucial atribuir os grupos corretamente e evitar conceder acesso de administrador a usuários que não sejam plenamente confiáveis, pois esse nível de acesso permite controle total sobre o site.
   1. Administrador: Tem acesso total, podendo inclusive excluir o site.
   2. Moderador: permissão para aprovar ou desaprovar publicação de páginas.
   3. Editor: permissão apenas para editar páginas, porém não poderá publicá-las ou apaga-las.
   4. Na lista de usuários, ao selecionar um ou mais deles, é possível também alterar seu estado para "Ativado" ou "Desativado". Essa funcionalidade é particularmente útil em várias situações, como: suspender temporariamente o acesso de um usuário (por desligamento, férias, licença, etc.), além de preservar o histórico de atividades realizadas no site por um usuário específico, entre outros motivos.
5. Nos Grupos, é possível gerenciar o acesso a diferentes áreas do site para grupos específicos de usuários. Isso permite definir como os usuários interagem com o site, por exemplo, se podem criar, excluir ou modificar páginas, entre outras ações. Essa funcionalidade é crucial e afeta diretamente o funcionamento do site, portanto, deve-se alterá-la apenas com plena certeza das implicações e não hesitar em contatar o suporte para esclarecer quaisquer dúvidas.
6. Como observado na seção de Imagens e Documentos, as coleções são categorias universais que servem para agrupar certos tipos de dados no site, permitindo assim a classificação e filtragem por meio dessa característica. Atualmente, o Site dos Sindicatos não utiliza essa funcionalidade de maneira prática, mas planejamos fazê-lo no futuro e informaremos todos os usuários quando isso acontecer.
7. Mudou a URL de um conteúdo para simplificá-la ou o site sofreu alterações e os usuários não encontram mais a página? Sem problemas, basta estabelecer um redirecionamento. Nesta seção, é possível configurar um redirecionamento para que uma URL antiga aponte para o novo endereço, prevenindo o erro 404. É possível também redirecionar usuários para um site externo.
8. Personalize seu site para que ele seja a sua cara! Aqui, você encontra todas as configurações necessárias para dar vida à sua página: desde o Logo até as Cores, passando por Nome, Sigla, Informações de Contato e Redes Sociais. Tudo organizado em categorias fáceis de entender, com instruções claras que acompanham você em cada etapa do caminho.
   1. É essencial configurar o nome do sindicato, o logotipo, a sigla e a cor característica (as opções disponíveis atualmente são: azul, amarelo, verde, magenta e vermelho).
   2. Encorajamos a explorar essa área do site e preencher com a maior quantidade de informações possíveis, pois utilizamos elas em diversas funcionalidades, como links, endereço e redes sociais para construir o rodapé.

Se você precisa atualizar alguma informação da sua conta de usuário, fique tranquilo, é um processo muito simples.

1. Navegando até o canto inferior esquerdo e clicando em expandir (ícone ^), você terá acesso a ao menu Conta e Sair.
2. Altere seu Nome, Sobrenome e E-mail.
3. Carregue uma nova foto de perfil ou escolha uma que já tenha sido carregada previamente na seção Imagens.
4. Ao alterar o idioma e o fuso horário do seu usuário, lembre-se de que essa mudança será aplicada a todas as ações subsequentes, como a data de publicação de conteúdo, menus, etc., mas somente para o seu usuário.
5. Alterne entre o tema escuro e claro do painel de controle, ou permita que o sistema operacional decida por você...
6. Se sua senha foi comprometida ou parece não ser suficientemente segura, não se preocupe, é recomendável alterá-la regularmente. Utilize um gerador de senhas robustas e nunca compartilhe sua senha com outros usuários para manter sua segurança online.
7. Lembre-se de salvar as alterações quando concluir.

Utilize o menu de ajuda sempre que precisar, seja para consultar o manual ou para entrar em contato com o suporte. Estaremos sempre disponíveis para atendê-lo da melhor maneira possível.

1. Acesso o menu Ajuda.
2. Link para o manual interativo completo, dividido por tópicos e subtópicos.
3. Fale o suporte sempre que surgir uma dúvida.

Espero que esta introdução tenha sido útil, abrangendo todas as seções importantes do nosso painel administrativo. Para tópicos específicos relacionados a cada área, consulte o manual disponível em: https://sitedosindicato.com.br/manual/.

Se restar alguma dúvida ou se não encontrar um tópico específico que esclareça suas questões, não hesite em entrar em contato com o suporte.