você deseja criar um controle deslizante responsivo para seus sites WordPress?

os controles deslizantes são comumente usados na primeira página de sites de negócios ou portfólio. Eles ajudam a mostrar seus produtos mais vendidos e conteúdo relevante para seu público.

neste artigo, mostraremos como adicionar facilmente um controle deslizante do WordPress com Soliloquy, para que você possa adicionar controles deslizantes rápidos, responsivos e bonitos para o seu site.

Como Criar um WordPress Slider com Solilóquio

Como Criar um WordPress Slider com Solilóquio

Por que Usar o Solilóquio como O jquery Slider?

Soliloquy é um plugin WordPress deslizante responsivo rico em recursos, e é bastante fácil de gerenciar. Aqui estão alguns dos benefícios de usar o Soliloquy em relação a outros plug-ins:

  • o Soliloquy segue os padrões de codificação e as melhores práticas do WordPress.
  • ele usa um tipo de postagem personalizado para lidar com controles deslizantes, o que facilita a importação/exportação de Controles deslizantes com qualquer solução de backup do WordPress.
  • é WordPress SEO amigável, como você pode adicionar texto alternativo e legendas para cada slide.
  • AJAX powered drag-drop slide sorting torna muito fácil de usar.
  • controle deslizante responsivo do WordPress com suporte de toque para dispositivos habilitados para toque, como smartphones e tablets.
  • desenvolvedor amigável com grande documentação e mais de 100 ganchos. Você pode facilmente rotulá-lo em branco, se necessário.

dito isso, vamos ver como você pode usar o Soliloquy para criar um controle deslizante do WordPress.

Criando um WordPress Slider com Soliloquy

primeiro, você precisará se inscrever para uma conta Soliloquy, pois é um plugin WordPress premium.

em seguida, você precisará instalar e ativar o plugin Soliloquy em seu site. Para mais detalhes, você pode seguir nosso guia sobre como instalar um plugin WordPress.

após a ativação, você precisará acessar as configurações do Soliloquy no painel do WordPress e inserir sua chave de licença. Você pode encontrar facilmente a chave de licença na área da sua conta no site do Soliloquy.

digite sua chave de licença do Soliloquy

digite sua chave de licença Soliloquy

depois de verificar sua chave, você pode adicionar um novo controle deslizante para o seu site WordPress. Para adicionar um novo controle deslizante, basta ir ao Soliloquy ” Adicionar Novo. Você pode começar adicionando um título para o seu WordPress slider.

Adicionar um novo controle deslizante

Adicionar um novo controle deslizante

em seguida, você precisa adicionar os arquivos para o seu WordPress controle deslizante. O plugin permite arrastar e soltar arquivos ou escolher imagens da biblioteca de mídia.

para adicionar um vídeo como slide, você precisará enviar seu vídeo para o YouTube ou Vimeo. Fazer upload de vídeos diretamente para o seu site não é uma boa ideia, pois pode desacelerar o seu site e ocupar muito espaço de armazenamento.

depois de ter o URL do vídeo, basta clicar em ‘Selecionar arquivos de outras fontes’ no Soliloquy e colar o link do vídeo na seção ‘Inserir do URL’. Quando terminar, vá em frente e clique no botão’ Inserir no controle deslizante ‘ no canto inferior direito.

Cole o link do vídeo na biblioteca de mídia

Cole o link do vídeo na biblioteca de mídia

Depois de inserir os slides, você pode visualizá-los sob o ‘Slider’ tab.

Exibir seus slides no controle deslizante

Exibição de slides na barra de deslocamento

em seguida, você pode clicar na aba “Configuration” e alterar o controle deslizante definições de visualização. Por exemplo, existem opções para alterar o tema do controle deslizante, editar o tamanho da imagem, a dimensão do controle deslizante, a posição do controle deslizante e a posição da legenda.

Você também pode ativar as opções para exibir setas do controle deslizante, botão Pausar/Reproduzir, loop deslizante e muito mais. Há também configurações para editar a transição do controle deslizante, ajustar a velocidade de transição e alterar o tempo de atraso.

Alterar configurações de controle deslizante

Alterar configurações de controle deslizante

Depois disso, você pode cabeça para o ‘Mobile’ e habilitar as opções para criar o móvel específico de imagens e exibir legendas de imagem em dispositivos móveis.

configurações do Slider mobile

Slider mobile settings

além disso, você também pode acessar Mais configurações na guia ‘Misc’. Soliloquy permite adicionar CSS personalizado para o seu controle deslizante, importação e exportação slider, editar título slider e slug, e muito mais.

configurações do controle deslizante Misc

configurações do controle deslizante Misc

quando estiver satisfeito com as configurações, agora você pode ir em frente e publicar seu controle deslizante clicando no botão ‘Publicar’.

Publicar o seu slider

Publicar o controle deslizante

Adicionando um WordPress controle Deslizante em Posts e Páginas

O próximo passo é inserir esse controle deslizante em um blog WordPress ou a sua loja de comércio eletrônico.

para iniciar, edite qualquer postagem ou página do blog. Em seguida, no editor de conteúdo do WordPress, basta clicar no sinal de mais ( + ) para adicionar um bloco de Solilóquio.

adicionar um bloco de Solilóquio

adicione um bloco Soliloquy

depois disso, você pode selecionar seu controle deslizante WordPress no menu suspenso no bloco Soliloquy.

selecione seu WordPress slider

selecione seu WordPress slider

Agora, vá em frente e publique sua postagem no blog ou página de destino para ver o controle deslizante em ação.

Ver seu WordPress slider

Vista o seu WordPress controle deslizante

Editar e Atualizar um plugin com jquery Solilóquio

A grande coisa sobre como criar um WordPress slider com o Solilóquio é que você pode editar o seu slider qualquer hora que você quiser sem editar o post ou página, onde você inseriu o controle deslizante.

basta clicar no ícone do Solilóquio na barra lateral do administrador e clicar no link ‘Editar’ abaixo do controle deslizante que deseja atualizar.

Editar suas controle deslizante de imagem

Editar o controle deslizante de imagem

Agora, vamos editar o controle deslizante que você criou acima. Você pode adicionar um título, URL e legendas aos slides individuais simplesmente clicando no botão Editar ao lado de um slide individual no controle deslizante.

Editar alt texto e a legenda para cada imagem

Editar alt texto e a legenda para cada imagem

Você verá uma janela pop-up onde você pode inserir o título da imagem, alt texto, link de sua apresentação para uma URL e digite uma legenda. Você também pode usar HTML em sua legenda caso queira adicionar um formulário de inscrição no boletim informativo.

adicione título e texto alternativo para suas imagens deslizantes

adicione título e texto alternativo para suas imagens do controle deslizante

quando você adicionar as informações, Salve suas imagens do controle deslizante. Suas alterações serão refletidas automaticamente no controle deslizante onde quer que esteja incorporado em seu site.

adicionando Soliloquy WordPress Slider em Widgets

Soliloquy vem com um widget que você pode usar para adicionar um controle deslizante em seu site, como na barra lateral.

você pode adicionar um controle deslizante em um widget, indo para Aparência ” Widgets e drag-drop widget Soliloquy para qualquer área do seu site.

adicionar um widget Soliloquy no WordPress

adicione um widget Soliloquy no WordPress

em seguida, escolha o controle deslizante do WordPress no menu suspenso e adicione um título. Como os controles deslizantes criados com o Soliloquy são responsivos, eles se ajustarão automaticamente para caber na largura da barra lateral.

agora clique no botão ‘Salvar’ e visite seu site para ver o controle deslizante do Soliloquy na área do widget.

esperamos que este artigo tenha ajudado você a aprender como criar facilmente um controle deslizante responsivo do WordPress com o Soliloquy. Você também pode querer verificar o nosso guia sobre como escolher o melhor software de design.

se você gostou deste artigo, Inscreva-se em nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Leave a comment

O seu endereço de email não será publicado.