Pular para o conteúdo principal

Droppics: Galerias

A ideia principal do Droppics é definir parâmetros de imagens e galerias no componente e, em seguida, gerenciá-los diretamente do seu editor. Droppics funciona em todos os editores WYSIWYG padrão do Joomla, tanto para o front-end quanto para o back-end. Por exemplo, você pode adicionar uma galeria em um módulo Joomla personalizado.
 


Após a instalação Droppics , você verá um botão de plugin do editor exibido abaixo ou dentro do seu editor (dependendo do editor em uso).


 editor-gerente de galeria

 

Clique para abrir a janela principal Droppics . Em seguida, clique no "Inserir esta galeria" para inserir a galeria selecionada em seus artigos.

 

galeria-lightbox

 

2. Gerenciar galerias

Para criar uma galeria, clique em Novo Álbum na coluna da esquerda.

 

nova-galeria

 

Observação: uma galeria padrão já é criada após a instalação do componente.


Para adicionar novas imagens à sua galeria, você pode arrastar e soltar os arquivos na parte central ou clicar no Selecionar arquivos .

 

enviar-imagens

 

Uma janela de notificação será exibida no canto superior direito após o usuário carregar, ordenar, mover, remover ou editar imagens.

 

arquivo-pop-up-de-notificação

 

Selecione uma ou mais imagens para fazer o upload. O sistema de upload utiliza HTML5, permitindo o envio de imagens grandes. Elas serão redimensionadas automaticamente para os tamanhos definidos nos parâmetros globais (o padrão é 1200px).


Você pode reordenar suas imagens após o upload, usando o recurso de arrastar e soltar. A ordem é salva automaticamente, por isso não há botões para salvar

 

ordem de arrastar e soltar imagens

 

Para inserir a galeria no seu artigo, clique no Inserir esta galeria" na coluna da direita.

 

inserir-conteúdo-da-galeria


 
A galeria aparecerá no seu artigo com um ícone Droppics .

 

galeria-materializada

 

Salve seu conteúdo e pronto! Sua primeira galeria já está online! Se você clicar na imagem da galeria Droppics no artigo e, em seguida, no botão Droppics , a galeria selecionada será recarregada.

Nota: se ativado na configuração, você pode definir os parâmetros de exibição em cada galeria a partir do menu à direita.

 

O tema padrão permite que você defina:

  • Tamanho da borda
  • raio da fronteira
  • Cor da borda
  • Cor e tamanho da sombra da imagem
  • Margem esquerda, margem superior, margem direita, margem inferior
  • Carregar ou não as subgalerias
  • Alguns parâmetros adicionais estão disponíveis no tema de apresentação de slides, como atraso de transição, efeito...

 

3. Subgalerias

No Droppics você pode gerenciar galerias com vários níveis. Para adicionar um subnível à galeria, basta arrastar e soltar as categorias de imagens para classificar ou alterar os níveis.

 

ordem-galeria-de-imagens

 

Para ativar a navegação entre subgalerias, você precisará configurar o parâmetro na categoria principal, a partir do menu à direita.

 

subgalerias

 

Se você desativou as configurações e a configuração da galeria na configuração global, use o menu Componentes > Droppics > Opções > Selecione o tema para configurar .

 

configurações-subgalerias

 

Como você possui subgalerias, poderá navegar entre elas no frontend. Todas as suas subgalerias gerarão miniaturas de navegação automaticamente.

 



 
subgalerias-frontendA miniatura da subgaleria é gerada automaticamente usando a primeira imagem da categoria. Depois de acessar uma subgaleria, você também pode escolher uma imagem para usar como botão de voltar no Opções > Parâmetros Principais .

 

categoria de fallback

 

É possível definir um estado padrão para a galeria nas opções globais do painel de administração: abrir Droppics com todas as categorias de imagens abertas ou fechadas. Isso pode economizar espaço se você tiver um grande número de galerias.

 

categoria-de-imagem-fechada

 

5. Copiar - Recortar - Colar imagens

Depois de carregar uma imagem no Droppics, você pode selecionar uma ou várias imagens clicando nela. Para selecionar várias imagens, pressione e segure a tecla CTRL. O primeiro método para mover ou copiar imagens é usar o recurso de arrastar e soltar. Arrastar e soltar move a imagem, enquanto arrastar e soltar e manter pressionada a tecla Shift copia a imagem.

 

imagem de arrastar e soltar

 

Você também pode usar os botões no canto superior direito.

 

botões de copiar e colar