Documentação Layer Slideshow

Introdução

O Layer Slideshow fornece uma experiência única, porém simples, para criar apresentações de slides com vários slides e camadas no Joomla.

 

Camada-Slideshow-main

 

I. LAYER SLIDESHOW INSTALAR

1.1 Instale

Nosso componente é compatível com o Joomla 3.x. Todos os recursos e integrações de terceiros estão incluídos em todas as associações.
Para instalar nosso componente, você precisa baixar o arquivo .zip de extensão e usar o instalador padrão do Joomla.

 

joomla-install

 

Em seguida, clique em Navegar> Upload e instalação botão, componente, módulos e plugins serão instalados ativados por padrão.

 

1.2 Atualização e atualizador automático

Para atualizar a extensão, você pode instalar uma nova versão sobre a antiga baixando o arquivo ZIP do JoomUnited ou use o atualizador automático (recomendado).

 

atualização de classificação de item

 

O atualizador automático, que envia a notificação de atualização, está embutido na extensão do Joomla que você instalou. Assim, você será notificado como qualquer outra extensão no painel ou usando o menu: Extensão> Gerenciar> menu Atualizar.

Entre na sua conta para atualizar

Você precisa fazer o login na sua conta JoomUnited para atualizar todas as suas extensões do JoomUnited Joomla. Para acessar a configuração principal do componente, clique no botão Guia de atualização ao vivo. Na parte inferior, você encontrará um botão de login.

 

atualização ao vivo

 

Digite suas credenciais JoomUnited, o mesmo que você usa para fazer o login aqui @ www.joomunited.com

 

login-joomunited

O botão ficará laranja, parabéns! Agora você pode atualizar todas as extensões do JoomUnited neste site! Se sua assinatura expirar, você receberá um link de renovação e um texto explicando isso.

 

conta vinculada

Nota: um único login permitirá que você atualize todas as extensões do JoomUnited (referentes à sua associação). O login não expira a menos que você o desconecte.

 

II. TEMAS DE SLIDESHOW

2.1 Criação de slides

A idéia principal do Layer Slideshow é ser capaz de criar uma bela apresentação de slides com camadas sem complexidade.
Na interface principal, no lado esquerdo você tem acesso a um Novo botão. Cada nova apresentação de slides contém opções de slides e camadas.

 

image7

 

Se você não tiver nenhum tema, consulte nossos temas de amostra. Existem 5 temas disponíveis no total, por favor clique Carregar tema botão para ver.

 

image8

 

Depois de escolher uma, a parte central será recarregada com fundo de tema, links e camadas. As camadas são agrupadas no painel direito.

 

image9

 

Note que cada tema tem um número de layout diferente, o tema 1 tem 1 camada, o tema 2 tem 2 camadas ...


Sob o slide, você pode ver Visualizar todos os slides botão e existem 3 dispositivos (laptop / desktop, tablet, celular) para você verificar como será a sua apresentação de slides.

Você também pode usar Slide duplicado ou Adicionar novo slide botão à direita.

 

botão deslizante

 

Cada slide contém Editar e Remover ícone

 

image11

 

Se você quiser criar sua própria apresentação de slides, poderá usar os botões no painel direito. Por favor, veja o próximo capítulo abaixo.

2.2 Configurações de layout

Você pode definir um layout específico para cada apresentação de slides. É melhor definir o layout antes de iniciar a edição da camada, pois ela determinará a largura da imagem, o tamanho do texto, a posição dos itens ...

 

image12

 

As opções de layout da apresentação de slides são as seguintes:

  • Responsivo: Faça seu slideshow com elemento adaptável para dispositivos móveis, todo o texto, imagens serão redimensionadas dinamicamente em relação a dispositivos móveis
  • Alinhar Slideshow: Alinhar todo o slideshow
  • Largura / altura: definir a largura / altura da apresentação de slides. Este é o parâmetro mais importante, porque uma vez definido, todas as imagens que você colocar na apresentação de slides podem ser redimensionadas com a nossa ferramenta de recorte para essa dimensão. Se você alterar o tamanho, talvez seja necessário atualizar suas imagens.
  • Duração: Definir a duração de cada slide
  • Estilo do botão: definir o estilo do elemento de navegação
Para fazer uma apresentação de slides com largura total, você tem duas opções: definir a largura como “100%” ou definir um tamanho fixo, por exemplo, algo como 1900px de largura.

2.3 Adicione uma apresentação de slides em seu conteúdo

Para adicionar uma apresentação de slides em seu conteúdo e colocá-lo on-line, você precisa usar o botão do editor. Carregue um artigo, um módulo personalizado ou qualquer outra coisa e clique no Layer Slideshow botão.

 

image13

 

Em seguida, escolha uma apresentação de slides para inserir

 

image14

 


III EDIÇÃO DE SLIDE

3.1 Fundo do Slide

Cada diapositivo tem um fundo, pode carregar o seu próprio da sua biblioteca de imagens ou usar a nossa Biblioteca Online.

 

image15


o Selecione botão irá abrir uma mesa de luz com um gerenciador de mídia, esta é uma versão melhorada do gerenciador de mídia Joomla.

 

image16


Oferece-lhe opções para arrastar e soltar novas imagens, selecionar, remover, ajustar ou aplicar efeitos nas imagens.

image17


O mais importante é a função de colheita. A função de recorte carregará uma janela com sua imagem e um quadro que aceita o tamanho da apresentação de slides definida no layout.

 

image18


Clique no Cortar imagem botão para inserir a imagem cortada como fundo.

3.2 Editor da camada de botões

Você pode criar uma nova camada de botão clicando + Camada botão no painel direito.

 

criar botão

 

Depois de preencher o formulário, clique em Criar camada botão. Um novo botão aparece no seu slide.

 

image19

 

O gerenciador de botões permitirá que você crie seu próprio estilo de botão, armazene-o e reutilize-o mais tarde. Normalmente, os botões são definidos para todos os slides e devem ser reutilizados.

 

image20


Você poderá criar um estilo usando a ferramenta da janela do lado esquerdo e, em seguida, Inserir / Salvar / Editar. Você tem opções para definir o plano de fundo, os estilos de borda e o efeito de foco do mouse.

 

image21

 

Para inserir um botão no conteúdo, você tem a opção de clicar no botão Inserir ou no símbolo + de um botão salvo.

 

image22

 

Você também pode editar e salvar um estilo existente, basta clicar na caneta e alterar os parâmetros.

 

image23

 

Finalmente, você pode definir um link personalizado para o botão.

 

image24

 

3.3 editor da camada de imagem

Você pode criar uma nova camada de imagem clicando + Camada botão no painel direito.

 

criar imagem

 

Você pode inserir seu próprio ícone ou imagem na camada Imagem clicando em Botão Editar para mudá-los.

 

image26

 

Em seguida, você poderá escolher sua própria imagem ou usar uma imagem de nossa biblioteca JU ou um ícone do Localizador de ícones.

É claro que você pode definir a posição de cada elemento da pré-visualização usando o método de arrastar e soltar.

3.4 Editor de camada de vídeo

Você pode adicionar uma nova camada de vídeo clicando + Camada botão no painel direito.

 

criar vídeo

 

Clicando em Editar ícone da camada de vídeo, você pode alterar o URL do vídeo para a camada. Suporta URL de vídeo do Youtube, Vimeo, Dailymotion.

 

edit-video-layer

 

3,5 transições

Você pode definir as transições para um slide ou todos os slides da apresentação de slides. Existem dois tipos de transições: 2D e 3D.

 

transições selecionadas

 

Cada camada tem Transições de Camada guia para que você possa escolher o estilo para eles.

 

transição de camada

 

IV. BIBLIOTECAS DE IMAGEM

4.1 Biblioteca JoomUnited


JU Library é uma biblioteca externa que estamos hospedando para dar a você um jeito legal e livre de usar imagens. Todas as imagens da nossa biblioteca serão baixadas e armazenadas no seu servidor. Então você pode, contanto que você quiser.
A biblioteca está acessível desde que sua assinatura seja válida.

 

image27


A biblioteca JU contém imagens de traçado de recorte (com fundo transparente) e imagens de fundo. Use o cheque para selecionar um ou ambos.

 

image28

 

Você também pode fazer uma pesquisa de tags.

 

image29


Depois de selecionar uma imagem, você poderá baixá-la no servidor e editá-la.

 

image30

 

4.2 Integração do localizador de ícones

Uma integração do localizador de ícones também está disponível para carregar, por exemplo, ícones de redes sociais.

 

image31


Um mecanismo de pesquisa será então aberto

 

image32

 

Você pode fazer uma solicitação e também usar o sistema de filtragem de tamanho.

 

image33

 

Então, como na ferramenta JU Library, você poderá fazer o download do seu ícone no seu servidor. Você também tem opções de download de tamanho relacionadas à filtragem definida anteriormente.

 

image34