Como Criar Corretamente um Slider Multimídia no WordPress

Quer adicionar um slider multimídia ao seu site WordPress?

Adicionar um slider multimídia atraente ao seu site é uma ótima maneira de chamar a atenção do seu visitante. Ao seu slider, você pode adicionar vídeos, imagens, botões ou qualquer coisa que você queira para engajar seu público.

No entanto, sliders são conhecidos por afetar o tempo de carregamento da página de um site.

Neste tutorial, mostraremos como usar um slider multimídia em seu site, sem prejudicar seu desempenho.

Adicionando Slider Multimídia ao WordPress Sem Afetar a Velocidade

Adicionar um slider multimídia ao seu site é fácil. Tudo o que você precisa fazer é instalar um plugin de slider, ativá-lo em seu site e começar a criar um.

Embora existam vários plugins de slider para WordPress disponíveis no mercado WordPress, recomendamos que você use o plugin Soliloquy para obter os melhores resultados.

Eis por que recomendamos o Soliloquy em vez de seus concorrentes:

• O Soliloquy foi projetado com o desempenho do site em mente, portanto, você pode ter certeza de que seus slides não afetarão negativamente o tempo de carregamento do seu site.
• Ele permite que você crie sliders totalmente responsivos que ficam igualmente ótimos em desktops, celulares e tablets.
• É também um plugin amigável para iniciantes, o que significa que, mesmo que você nunca tenha criado um slider antes, poderá criar um com o Soliloquy de forma rápida e fácil.

Confira nossa análise completa do Soliloquy.

Vamos dar uma olhada em como usar o Soliloquy para adicionar sliders multimídia ao seu site.

Etapa 1: Instalando o Soliloquy no WordPress

O primeiro passo é instalar e ativar o plugin Soliloquy. Você pode encontrá-lo no repositório de plugins do WordPress indo para a aba Plugins » Adicionar Novo.

Aqui está um guia passo a passo sobre como instalar e ativar um plugin no seu site WordPress.

Etapa 2: Adicionando Arquivos de Mídia ao Seu Slider

Uma vez ativado, é hora de criar seus sliders. Vamos começar adicionando arquivos de mídia aos seus sliders.

Para adicionar arquivos de mídia ao seu slider, vá para Soliloquy » Adicionar Novo no seu painel do WordPress.

Agora você precisa dar um título ao seu slider. Em seguida, clique no botão Selecionar Arquivos do Seu Computador para fazer upload de imagens para o seu slider.

Se você quiser escolher as imagens da sua biblioteca de mídia, ou inserir um slide HTML, você precisará clicar no botão que diz Selecionar Arquivos de Outras Fontes.

Neste tutorial, vamos selecionar algumas imagens do seu computador. Você pode ver todos os seus arquivos enviados rolando um pouco a tela para baixo.

Assim como adicionar arquivos de imagem, você também pode adicionar outros arquivos de mídia, como vídeos. Para adicionar arquivos de vídeo, você precisa clicar em Selecionar Arquivos de Outras Fontes

Agora clique em Inserir Slides de Vídeo à sua esquerda.

Agora você pode adicionar um título para o seu vídeo e, em seguida, usar o botão Upload de Mídia para fazer o upload dos seus vídeos.

Para adicionar mais slides de vídeo, basta clicar no botão Adicionar Outro Slide de Vídeo.

Etapa 3: Editando Seus Arquivos Multimídia com Soliloquy

Depois de adicionar seus arquivos, é hora de editá-los. Vamos olhar as imagens primeiro.

Se você quiser excluir um arquivo de imagem, pode fazê-lo clicando no sinal de 'X' acima do seu arquivo.

Clique no ícone de lápis se quiser adicionar um título, tags alt, legendas, etc.

Você também encontrará uma opção para adicionar uma URL ao seu slide e habilitar a abertura da imagem em uma nova janela. Não se esqueça de clicar no botão Salvar quando terminar.

Depois de adicionar os detalhes da imagem, você pode prosseguir e ajustar as opções de configuração básicas.

Você verá várias abas lá, como:

• Configurar
• Mobile
• Diversos

Se você usar a versão gratuita, poderá usar apenas a aba Configurar.

Nesta aba, você pode definir um tema para o slider, editar as dimensões dos seus sliders, adicionar transições de slider, trabalhar na velocidade e duração da transição também.

Na aba Mobile, você pode trabalhar para tornar seus sliders atraentes em dispositivos móveis adicionando dimensões personalizadas.

Na aba Misc, você tem opções para habilitar o suporte a RTL (idiomas da direita para a esquerda como árabe), adicionar CSS, exportar/importar seus sliders, etc.

Portanto, dependendo dos seus requisitos, você pode trabalhar nas configurações. Para vídeos, no entanto, você pode adicionar suas tags alt e legendas logo abaixo do arquivo.

Passo 5: Publicando Seus Sliders Com Soliloquy

Depois que todos os arquivos forem devidamente editados, você pode clicar no botão Publish à direita. Você pode encontrar o shortcode do slider logo ao lado do botão de publicação. Copie-o e coloque-o em seus posts, páginas, tipos de postagem personalizados ou onde quer que você queira incorporá-lo.

E é isso. Seu slider agora será exibido em seus posts.

Não é fácil? Esperamos que este artigo ajude você a aprender como adicionar sliders multimídia ao seu site sem afetar a velocidade da sua página. Mas se você quiser conferir outros plugins de slider, confira nossa análise sobre Smart Slider 3 e Envira Gallery.

Além disso, você pode conferir nosso guia sobre os melhores plugins de galeria para adicionar belas galerias de imagens ao seu site WordPress.

Se você quiser adicionar uma galeria do Instagram ao seu site, confira nosso tutorial sobre Como Incorporar Feed do Instagram no WordPress.