Como fazer um slider usando uma galeria de imagens no WordPress
As galerias são uma parte essencial do nosso site, pois nos permitem mostrar, da melhor maneira possível, imagens essenciais que podem conter informações valiosas para o nosso site. ser mostrado em qualquer lugar nos permitindo ver cada imagem e detalhá-la perfeitamente, neste tutorial veremos como fazer um slider usando uma galeria no WordPress.
Neste tutorial veremos como é fácil criar uma galeria deslizante usando WP Media Folder e o complemento Gallery, o melhor plugin para a melhor galeria possível ;)
Índice
Diga adeus à bagunçada biblioteca de mídia.
WP Media Folder permite categorizar arquivos, sincronizar pastas com armazenamento em nuvem, criar galerias incríveis e até mesmo substituir imagens sem quebrar links.
Otimize seu fluxo de trabalho de mídia hoje
Mostre suas imagens usando o gerenciador WP Media Folder Gallery
Usando WP Media Folder , podemos criar galerias de vários lugares, como a Biblioteca de Mídia, seu próprio Gerenciador de Galeria, Postagens e Páginas, usando o Editor Clássico ou um Construtor de Páginas popular como Elementor usando um bloco, permitindo-nos criar facilmente galerias em da maneira mais rápida possível!
Vamos criar uma galeria usando o Gerenciador de Galeria, para isso, vá até Biblioteca de Mídia > Pasta de Mídia Galerias .
Nesta página, clique em +Adicionar nova galeria e digite o nome da galeria no pop-up que aparecerá, haverá muitas opções como definir o tema da galeria diretamente.
Agora estamos no painel da galeria, podemos começar a enviar imagens com o sistema de arrastar e soltar ou usando o sistema de arquivos do seu PC, também podemos selecionar as que já carregamos em nosso site.
Vamos ver primeiro como usar as imagens que já estão na biblioteca de mídia, para isso, clique no ícone WordPress .
Esta opção abrirá nossa biblioteca de mídia em um modal onde poderemos ver todas as pastas de mídia criadas com o plug-in e as mídias dentro, para que possamos começar selecionando todas as imagens que desejamos e, finalmente, clicar em Importar imagens .
As imagens serão adicionadas ao painel da galeria.
Agora, vamos ver como fazer upload de imagens diretamente do nosso PC para o gerenciador de galerias, para isso, clique no ícone da pasta.
Esta opção abrirá o explorador de arquivos do PC, poderemos navegar entre todas as pastas do nosso PC para selecionar as imagens que queremos e carregá-las diretamente.
As imagens aparecerão no painel da galeria, permitindo reorganizá-las e removê-las, se necessário.
Seremos capazes de 3 opções no painel da galeria, Geral , Configurações de exibição e Shortcode e Visualização .
nas configurações de exibição e código , poderemos selecionar o tema e ajustá-lo para adequá-lo ao nosso site e ao que queremos mostrar na galeria.
No Preview , poderemos ver como é a galeria antes de publicar.
Temos 2 galerias de sliders disponíveis aqui, o Slider e o Flow Slide , vamos ver os dois temas e as opções disponíveis em cada tema.
Slider , é um bom tema de galeria quando temos muitas imagens, é o clássico tema de slider que podemos usar para mostrar mais de uma imagem em cada slide (com a possibilidade de adicionar 1 imagem também).
Nas opções, podemos selecionar o tamanho que queremos mostrar a imagem, o número de imagens por slide, a duração da transição entre cada slide, se queremos que os slides sejam executados automaticamente, bem como as principais configurações de uma galeria como a ordem e a cor do foco, título e descrição.
Podemos definir a galeria e, em seguida, verificar a guia de visualização para ver a galeria rapidamente.
Agora temos o tema Flow Slide , uma boa galeria de sliders para focar em uma imagem com uma boa animação 3D (você pode conferir ao vivo no vídeo no final do post).
Nas configurações, podemos selecionar o tamanho que queremos que a imagem seja exibida, bem como as configurações principais, como tamanho, ação ao clicar e cor do título, foco e descrição.
Vamos verificar o Preview .
O melhor é que podemos verificar isso diretamente no post ou página onde queremos adicionar a galeria e todas as configurações estarão disponíveis para nós, vamos ver como fazer!
Inserindo uma galeria deslizante diretamente de nossos Posts e Páginas
Agora que aprendemos a criar uma galeria diretamente do gerenciador de galerias, vamos verificar como inseri-la e ajustar as galerias diretamente de nosso Post ou Página (ou onde queremos publicá-la).
Para isso, vamos até a página/post onde queremos inseri-lo, é bom observar que podemos usar construtores de páginas populares, mas neste tutorial usaremos o editor Gutenberg padrão do WordPress.
Procure nos blocos o WPMF Gallery Addon e insira-o na página.
Isto irá inserir uma seção em nosso editor de páginas onde podemos selecionar a galeria que criamos anteriormente, vamos selecioná-la!
Esta opção irá carregar um pop-up com o Gallery Manager dentro para que possamos criar galerias ou configurar nossa galeria diretamente a partir daí, por enquanto, vamos clicar em INSERT para inserir esta galeria no conteúdo.
A visualização será carregada diretamente no conteúdo.
Na guia direita, todas as opções, como selecionar outro tema e ajustar o próprio tema, aparecerão para que possamos editá-lo ao vivo e ver como fica diretamente em nosso conteúdo.
Isso nos permitirá ajustar nossa galeria sem ter que voltar ao gerenciador de galeria para poder fazê-lo, para que possamos ajustar a galeria e fazer com que ela se encaixe corretamente em nosso conteúdo, finalmente, vá e visualize o tema ao vivo, iremos veja como nossa galeria ficou incrível com nosso post!
Agora, como sabemos como gerenciador de conteúdo do WordPress, é bom mudar a aparência das coisas de tempos em tempos, e qual é a melhor maneira de fazer isso?
A resposta é usar outro tema, mas pode ser entediante ir ao gerenciador da galeria e depois voltar ao post para verificar como ficou, bem, na verdade, não se preocupe com isso! Como mostramos antes, existem configurações diretamente no editor de páginas.
Essas configurações incluem, é claro, mudar o tema, incrível! Não é?
Poderemos mudar o tema e ajustá-lo quando quisermos ajustar e atualizar rapidamente as coisas.
As melhores galerias usando o melhor plugin!
Crie galerias de pastas de mídia
Como bônus, veremos como criar galerias a partir de pastas criadas com o plugin com a opção de adicionar imagens automaticamente à galeria quando estas forem adicionadas à pasta de mídia em poucos passos rápidos!
Se você acessar a biblioteca de mídia após instalar o WP Media Folder , verá que agora existem novas opções como criar pastas de mídia, isso é muito útil quando queremos organizar nossa biblioteca de mídia, existem vários filtros e opções que farão nosso biblioteca de mídia, o gerenciador de mídia perfeito.
Para criar uma galeria a partir dessas pastas de mídia, vá para Biblioteca de mídia > Galerias de pastas , aqui, passe o mouse sobre +Adicionar nova galeria e, finalmente, clique em Galeria rápida da pasta .
Um pop-up será aberto, poderemos selecionar a pasta de mídia que queremos usar para criar a galeria.
Selecione a pasta e clique em criar .
A galeria aparecerá na aba da esquerda com a pasta que selecionamos convertida em galeria, então está feito! Temos uma galeria em menos de 10 segundos.
Agora, para adicionar automaticamente as imagens à galeria quando estas forem adicionadas à pasta, basta clicar na Adicionar imagem automaticamente à pasta no canto superior direito das configurações gerais da galeria.
Isso fará tudo por nós, um trabalho tedioso de adicionar imagens, feito automaticamente, realmente incrível! não é?
Chamando todos os webmasters!
Economize tempo e aumente a produtividade com WP Media Folder . Organize facilmente os arquivos de mídia do cliente, crie galerias personalizadas e forneça uma experiência de usuário perfeita.
Atualize seus projetos de site agora!
Comece a criar as melhores galerias da maneira mais rápida
Vamos encerrar esse post da melhor forma possível, mostrando um passo a passo em vídeo:
Como você pode ver, esta é uma das melhores ferramentas quando se trata de criar galerias, mas não é a única coisa que podemos fazer, podemos ordenar nossas imagens, descarregá-las, conectar nossa biblioteca de mídia com serviços em nuvem como Google Drive , OneDrive e Dropbox, então o que você está esperando? Acesse aqui e saiba mais.
Ao se inscrever no blog, enviaremos um e-mail quando houver novas atualizações no site para que você não perca.
Comentários