Passo 4: Alterar / Modificar configurações do controle deslizante.



Para acessar as configurações que você deve ir para Slider WD >Sliders > Guia Settings.


4.1 Configurações globais. Você pode alterar as definições principais aqui. As alterações afetarão somente o controle deslizante atual e aqueles não previamente criados.
Dimensões. Defina as dimensões máximas do slider. A dimensão é ajustado ao máximo, pois com telas menores o controle deslizante serão exibidos em dimensões menores, devido à característica de resposta. Este será constante, independentemente da dimensão das imagens.
Largura total. Escolha se quer ter o controle deslizante global estendeu por toda a largura da página, onde é publicado ou não. O comprimento será dado, correspondente à razão original, por exemplo se você tem que definir a 480x300 e a largura da página é de 960, em seguida, a altura será de 600. Além disso, você pode alterar a razão manualmente, apagar o número fornecido e substituindo-a por outra opção.
Background ajuste. Há três opções para inserir a imagem em um slide. Você pode escolher a opção que melhor lhe convier. No caso de você ter imagens menor ou maior do que o seu slide as vistas vai mudar em conformidade. Vamos examinar as alterações separadamente.
Cubra. A imagem vai ficar cortado da parte do meio e vai se ampliada para se ajustar o fundo inteiro.
Preencha. A imagem irá ficar esticado ou comprimido para as dimensões da barra.
Conter. A imagem vai ficar em sua forma original, e no resto da área de conteúdo do controle deslizante será coberto pelo sliderbackground.
Alinhar. Com esta opção você pode alinhar seu controle deslizante para a esquerda, direita ou ao centro. Se a sua largura de área de conteúdo tema é pequeno ou seja, se você tem uma coluna no lado esquerdo ou direito da sua página você pode não ser capaz de ver essa opção no trabalho. Além disso, se a dimensão está definido para 800x300px, que é o tamanho máximo para uso com o recurso de resposta, você não vai ver nenhuma diferença ao tentar alinhar seu slide para qualquer direção.
Effect. Selecione o efeito que será aplicado quando mudando de um controle deslizante para outro. Nota , Que é diferente dos efeitos de camada e não afeta os efeitos de camada.
Duração do efeito. Definir o calendário para o efeito deslizante em ms.
Intervalo De Tempo. Defina o intervalo de tempo para a mudança dos controles deslizantes.
Reprodução Automática. Escolha se a autoplay os controles deslizantes ou não.
Shuffle. Escolha se quer ter os slides alterar de forma aleatória ou para manter a seqüência original.
Comece com slide. Por padrão o slide vai começar com o primeiro slide. Usando a opção que você pode selecionar o slide, que será exibido pela primeira vez. Você pode usar 0 para randomização a opção.
Music. Escolha se quer ter a reprodução de música / faixa de áudio com o controle deslizante ou não.
URL Music. Forneça o link completo para a faixa de áudio, que será usado com o controle deslizante.
Smart Load. Escolha se quer ter o recurso de carga inteligente, que vai ajudar a ter carga mais rápido para as primeiras imagens e processará o resto entretanto.
A cor do fundo. Selecione uma cor de fundo para o controle deslizante, bem como o seu nível de transparência.
Border. Definir a largura da borda, tipo, bem como a cor.
Raio de Fronteira. Defina o raio das fronteiras utilizando valores de tipo CSS.
Margin. Defina uma margem para o controle deslizante em pixels.
Shadow. Definir uma sombra deslizante usando valores de tipo CSS.
Clique direito a proteção. Escolha se quer ter a proteção do botão direito para evitar o download da imagem ou não.
Camada fora em seguida. Escolha se quer ter o efeito de camada fora, independentemente do tempo entre o hit para o próximo controle deslizante ou ignorar o efeito e obter para a próxima imagem.
Vire Deslize WD mídia Upload. Escolha se deseja usar a opção Slider WD mídia Carregar ou utilizar o padrão WordPress mídia Upload.
Publicado. Escolha se quer publicar o controle deslizante mencionados ou não.

4.2 carrossel. Você pode exibir as imagens do slider em uma exibição de carrossel, que exibe uma imagem maior dentro as imagens em tamanho centrais e de descendentes antes e depois da imagem principal.
Carrossel. Escolha se usar a tela da carrossel de imagens ou não.
Número de imagens para carrossel. Definir o número de imagens visíveis sempre que utilizar exibição carrossel.
Rácio imagem Carrossel. Definir as proporções entre a imagem principal e as imagens anteriores e posteriores a imagem principal.
Container ajuste. Se activar a opção a distância entre as imagens serão idênticos para que as imagens encher o recipiente, de outro modo a distância entre as imagens irá depender da relação.
Largura fixa. Definir a largura máxima do visor carrossel.

4.3 Navegação. Você pode mudar o estilo, cores e dimensões para os botões de navegação ou remover completamente os botões de navegação.
Próximo / botões Anterior . Escolha se quer exibir botões Anterior e Próximo ou não.
Próximo / botões Anterior . Escolha se quer exibir botões Reproduzir e Pausar ou não.
Mostrar botões de navegação. Escolha entre a opção de sempre exibir os botões de navegação ou apenas quando pairava.
Imagem para o próximo botões / anterior. Há uma oportunidade para usar o conjunto padrão de botões de navegação, upload de imagens para serem usados ​​como botões de navegação ou para usar fontes de estilo.

  • Padrão. Aqui você deve escolher o grupo de botão, opção de cor. Você pode usar o recurso reverso.
  • Personalizado. Aqui você deve fazer upload de imagens para cada botão de ação, clicando sobre ela e adicionando a imagem correspondente. Você pode usar o recurso reverso.
  • Denominado. Aqui você deve selecionar o estilo de botão usando a lista drop-down.

Próximo botões / style Anterior . Escolha o estilo do botão que você prefere ter como botões de navegação.
Seguinte / Anterior tamanho botões.
Defina as dimensões para os botões / Esquerda Direita.
Botão Play / Pause. Escolha se quer exibir botões Reproduzir e Pausar ou não.
Imagem de botões Play / Pause. Há uma oportunidade para usar o conjunto padrão de botões play / pause, fazer upload de imagens ou para usar fontes denominado.

  • Padrão. Aqui você deve escolher o grupo de botão, opção de cor. Você pode usar o recurso reverso.
  • Personalizado. Aqui você deve fazer upload de imagens para cada botão de ação, clicando sobre ela e adicionando a imagem correspondente. Você pode usar o recurso reverso.

Play / Pause tamanho do botão . Defina as dimensões para os botões de play / pause.
cor Botões (para Styled apenas).
Selecione uma cor para os botões de navegação.
cor Hover (para Styled apenas).
Selecione uma cor pairo para os botões de navegação.
Border.
Selecione o tipo, tamanho, bem como a cor da borda para os botões de navegação. raio Border
.
Definir raio fronteira para os botões de navegação que utilizam valores de tipo CSS. A cor do fundo
.
Selecione a cor de fundo para os botões de navegação usando o seletor de cores. Além disso, você pode definir o nível de transparência do fundo.

4.4 balas. Além de botões de navegação, você também pode usar balas. Ao bater a bala a imagem na posição correspondente será exibido.
Ativar balas. Escolha se quer ter balas de navegação ou não.
Posição. Selecione a posição para as balas de navegação.
Estilo de marcador. Há uma oportunidade para usar o conjunto padrão de imagens de bala, fazer upload de imagem única para ser usado como uma bala de navegação ou para usar fontes padrão denominado.

  • Padrão. Aqui você deve escolher o grupo de botões, como opção de cor. Você pode usar o recurso reverso.
  • Personalizado. Aqui você deve fazer upload de imagens para balas ativos e desativados, clicando sobre ela e adicionando a imagem correspondente. Você pode usar o recurso reverso.
  • Denominado. Aqui você deve selecionar o estilo de marcador usando a lista drop-down.

Tamanho. Definir o tamanho das balas de navegação.
Cor (apenas para Styled). Selecione a cor para as balas de navegação.
Cor ativa (para Styled apenas). Selecione a cor para a bala, que no momento está exibindo uma imagem correspondente.
Margin. Defina a margem para as balas de navegação em pixels.

4,5 Tira de filme. Você pode adicionar uma película de filme para as imagens do slider.
Ativar filmstrip. Escolha se quer ter miniaturas dos slides exibidos como uma película de filme ou não.
Posição. Ajuste a posição da película de filme entre 4 opções possíveis.
Dimensões miniatura. Definir as dimensões das miniaturas filmstrip.
A cor do fundo. Selecione a cor de fundo do filmstrip.
Margem de miniaturas. Define a margem para as miniaturas em pixels.
Border Ativa. A miniatura da imagem exibida atualmente terá uma borda. Você pode definir o seu tamanho, tipo e cor.
Transparência Deactive. Você pode definir um nível de transparência para os itens filmstrip inativos.

4.6 Temporizador Bar. Você pode adicionar uma barra exibindo o calendário para a esquerda para alternar para o próximo slide. Isto é comumente usado quando se utiliza autoplay para o controle deslizante.
Ativar bar timer. Escolha se quer exibir uma barra de tempo sobre as imagens ou não.
Tipo. Escolha o tipo de barra de timer para ser usado dentro do slider.
Tamanho. Defina o tamanho da barra de temporizador em pixels.
Color. Selecione a cor eo nível de transparência da barra de timer.

4.7 Marca d'água. Você pode adicionar marca d'água sobre as imagens do slider tanto nas formas de texto e imagens.
    Por favor, note que o Preencher e Conter opções irá funcionar bem com Marca D'Água opção, independentemente das dimensões da imagem, enquanto que para o Cobertura opção que deve ter a imagem idêntico ao tamanho definido na Dimensões configuração. Se você carregou a imagem com uma outra dimensão, você vai precisar para redimensionar a imagem e enviá-lo novamente.
Tipo Watermark. Escolha o tipo de marca d'água que pretende utilizar a partir fornecida duas opções (texto, imagem) ou não usar marcas d'água sobre seus slides.
Texto

  • Texto Watermark. Forneça o texto que será exibido ao longo dos slides.
  • Font size Watermark. Especifique o tamanho da fonte da marca de água em pixels.
  • Estilo da fonte Watermark. Especifique o tipo de letra para o texto de marca d'água.
  • Cor Watermark. Selecione a cor da fonte do texto marca d'água, bem como a transparência marca d'água usando valores de tipo CSS.
  • Posição Watermark. Escolha o posicionamento da marca d'água disponíveis as nove opções.

Imagem

  • Watermark URL. Fornecer o URL absoluto da imagem que vai ser utilizada para a marca de água. Por favor, note que apenas imagens .png são suportados.
  • Tamanho da imagem Watermark. Defina o tamanho (em porcentagem para o olhar sensível) da imagem usada para a marca d'água.
  • Posição Watermark. Escolha o posicionamento da marca d'água disponíveis as nove opções.

4.8 CSS. Você pode adicionar custom CSS na caixa abaixo para aplicar as alterações personalizadas para o slider. As mudanças irão substituir os estilos originais.


Passo anterior Próximo passo

Nunca perca novidades e ofertas exclusivas importante!

Junte-se a nossa comunidade