Como Criar uma Galeria de Fotos no WordPress em 3 Passos

Acompanhe as novidades e ultimas postagens.

Voc√™ precisa saber como criar uma galeria de fotos no WordPress, afinal galerias de imagem est√£o em toda a internet. Inclusive a maioria dos sites que voc√™ acessa, provavelmente possuem algum tipo de galeria, e fotos e v√≠deos chamam a nossa aten√ß√£o, concorda? E com este tutorial voc√™ vai ver que criar uma galeria de fotos WordPress √© muito mais f√°cil do que voc√™ imagina. √Č bem prov√°vel que voc√™ gaste mais tempo para escolher as imagens do que para criar uma galeria.

Neste tutorial vamos ensinar como criar uma galeria no WordPress em 3 passos:

E mais, vamos mostrar 7 dos nossos plugins galeria de fotos WordPress favoritos! Ent√£o vamos come√ßar!

1¬ļ Passo: Fazer o upload das imagens para a galeria do WordPress

Antes de saber como criar uma galeria no WordPress você precisa saber quais imagens você vai usar, então o primeiro passo é escolher! Prepare-se para as cenas fortes a seguir, pois neste tutorial vamos usar fotos de filhotes de cachorro.

Primeiro, logue no painel do WordPress e acesse a aba M√≠dia > Biblioteca. Ent√£o clique no bot√£o Adicionar nova, na parte superior da tela:

biblioteca de mídia wordpress

Agora clique em Selecionar arquivos, o que vai abrir uma nova janela:

Adicionar mídia no WordPress

Para agilizar o processo recomendamos que seja feito o upload de todas as imagens de uma s√≥ vez. Por isso criamos uma pasta em nosso computador chamada Filhotinhos onde armazenamos todas as fotos:

criar pasta

Ao selecionar diversas imagens para fazer o upload de uma só vez, o WordPress mostra o progresso do upload de cada imagem individualmente:

adicionando pasta de mídia no wordpress

Aguarde alguns minutos até que a plataforma suba todas as imagens, o que vai depender da velocidade da internet, tamanho e quantidade de imagens.

Se voc√™ achar que o processo est√° demorando muito, pode ser uma boa ideia cancelar e otimizar as imagens da galeria antes de coloc√°-las no seu site. Lembre-se que imagens de alta resolu√ß√£o possuem uma apar√™ncia melhor, mas s√£o geralmente mais pesadas. Na maioria dos casos √© poss√≠vel comprimi-las um pouco sem que percam a resolu√ß√£o, esse processo √© chamado de ‚Äėotimiza√ß√£o de imagens‚Äô.

Existem diversos plugins do WordPress que fazem esse trabalho de otimiza√ß√£o, assim como sites como o TinyPNG:

plugin tiny wordpress

Assim que as imagens estiverem prontas podemos seguir para a pr√≥xima etapa e estar√° mais perto de concluir o tutorial de como criar uma galeria no WordPress. 

2¬ļ Passo: Adicionar as imagens na galeria WordPress

Agora que as imagens estão prontas, abra a página onde você deseja adicioná-las com o editor do WordPress (ou crie uma nova página).

Adicionar a galeria √† p√°gina √© bastante simples. Tudo que voc√™ precisa fazer √© indicar com o cursor onde a galeria deve ser adicionada e clicar no bot√£o Adicionar M√≠dia:

adicionar galerias wordpress

Uma nova janela vai se abrir com as op√ß√Ķes de criar uma galeria ou uma lista de reprodu√ß√£o de m√≠dia. Clique na op√ß√£o Criar Galeria e selecione a aba Biblioteca de m√≠dia no lado direito:

Agora vamos selecionar todas as imagens que queremos incluir na galeria. Depois de selecion√°-las, clique no bot√£o Criar uma nova galeria no canto inferior direito da tela e est√° tudo pronto! Agora vamos para o pr√≥ximo passo onde vamos mostrar como adicionar a galeria em seu site.

3¬ļ Passo: Adicionar a galeria WordPress no seu site

Agora voc√™ deve estar vendo a tela Editar Galeria, mostrando todas as imagens adicionadas no passo anteriores. Nesta tela podemos selecionar a quantidade de colunas que queremos mostrar, o tamanho dos √≠cones e a ordem das imagens:

editar galeria wordpress

Você também pode inserir legendas para cada uma das imagens e decidir se elas devem linkar para algum lugar. Por padrão, o WordPress direciona os visitantes para a página de anexo, com a seguinte aparência:

inserir leganda em galeria do wordpress

Para concluir, clique no bot√£o Inserir galeria e sua galeria ser√° mostrada no editor do WordPress:

inserir galeria no wordpress

Infelizmente o WordPress não permite que a mesma galeria seja utilizada em outras páginas. Para copiar a galeria você tem que fazer o mesmo processo na página escolhida. Mas isso não deve levar muito tempo, uma vez que as imagens já estão na sua biblioteca.

Al√©m de adicionar imagens em seus posts e p√°ginas, voc√™ tamb√©m pode usar o widget de Galeria do WordPress para coloc√°-las na barra lateral ou rodap√©. Para fazer isso acesse a aba Apar√™ncia > Widgets e procure por Galeria:

aparência widgets

Agora arraste este widget para a barra lateral ou rodapé e selecione onde você deseja colocar. Então o widget vai solicitar as fotos que devem ser inseridas:

adicionar widget no rodapé

Note que você também pode dar um nome para a galeria:

adicionar barra lateral widget

Ao concluir clique em Salvar e a galeria j√° deve estar aparecendo no seu site:

adiconar widget na lateral com galeria de imagem wordpress

Viu como criar uma galeria no WordPress é simples?

Porém o que deixa a desejar na galeria do WordPress é a quantidade de ferramentas e recursos que ela oferece. Para criar algo mais sofisticado precisamos da ajuda de plugin, e é disso que vamos falar agora.

Os 7 Melhores Plugins de Galeria para WordPress

N√£o h√° nada de errado com a ferramenta de galeria do WordPress. Mas com o plugin certo voc√™ tem acesso a ferramentas incr√≠veis. Vamos mostrar como criar uma galeria no WordPress com alguns dos nossos plugins de galeria para WordPress favoritos!

1. Photo Gallery by 10web

plugin galeria de fotos wordpress Photo gallery web

Photo Gallery by 10web cria o sistema completo de galeria do WordPress. Ele fornece diversos layouts para voc√™ escolher, incluindo slideshows, √°lbuns compactados, e mais. Voc√™ tamb√©m pode usar o plugin para implementar efeitos do lightbox, para abrir a imagem em tamanho grande ao ser clicada, por exemplo.

Plugin galeria de fotos wordpress 10 web mosaic

E mais, o plugin permite que v√≠deos e fotos sejam colocados na mesma galeria. Voc√™ tamb√©m tem diversas op√ß√Ķes de widgets, al√©m da √ļnica oferecida pelo WordPress. Resumindo, este plugin √© ideal se est√° procurando ferramentas e funcionalidades de uma galeria.

Características:

  • Layouts exclusivos para sua galeria WordPress;
  • Imagens e v√≠deos na mesma galeria;
  • Efeito lightbox;
  • Diversos widgets dispon√≠veis.

Pre√ßo: O plugin b√°sico √© gr√°tis, mas disponibiliza diversos recursos premium como widgets, efeitos, temas e outras ferramentas.

2. Gallery by Robo

plugin galeria de fotos wordpress

Gallery by Robo √© um plugin fant√°stico para quem busca bastante controle sobre o estilo de sua galeria e comportamento. Assim como o plugin anterior, este tamb√©m permite a escolha de diversos layouts para sua galeria. Mas tamb√©m permite a adi√ß√£o de slideshow, efeito hover, customiza√ß√£o de fonte, e at√© incluir bordas nas imagens.

robo borders plugin galeria de fotos wordpress

Juntamente com essas op√ß√Ķes de estilo, o Gallery by Robo tamb√©m redimensiona suas imagens automaticamente ao fazer upload. Esta configura√ß√£o poupa espa√ßo, j√° que a maioria dos sites n√£o precisa de imagens gigantes. Por √ļltimo, esse  plugin de galeria para WordPress tamb√©m torna todas as galerias amig√°veis para celular.

No geral, o Gallery by Robo é uma ótima opção para quem busca controlar diversos aspectos de design da galeria.

Características:

  • Diversas op√ß√Ķes de designs para sua galeria WordPress;
  • Adicione diversos tipos de efeitos;
  • Redimensionamento autom√°tico do tamanho das imagens no upload;
  • F√°cil de configurar;
  • Galerias amig√°veis para celular sem nenhum esfor√ßo extra.

Pre√ßo: Voc√™ pode criar 3 galerias gr√°tis, ou pagar por uma licen√ßa ilimitada de $30 d√≥lares.

3. GridKit Portfolio Gallery

gridkt portifolio gallery plugin galeria de fotos wordpress

Apesar de o plugin ter ‚Äėportif√≥lio‚Äô no nome, voc√™ pode utiliz√°-lo para criar qualquer tipo de galeria que desejar. Al√©m de imagens, o GridKit Portfolio Gallery tamb√©m suporta v√≠deos de diversas fontes e produtos do WooCommerce. E tamb√©m possui op√ß√£o de compartilhamento nas redes sociais para seus visitantes compartilharem com seus amigos.

exemplo gridkit

Assim como os outros plugins vistos, este também permite a criação de galerias mobile friendly. Também é uma ótima opção para mostrar logos, criar uma seção para apresentar a sua equipe, e etc. Se você está buscando um plugin flexível para criar uma galeria no WordPress, esta é uma boa opção.

Características:

  • Galeria de imagens e v√≠deos;
  • Amostra de produtos do WooCommerce;
  • √ďtima op√ß√£o para apresenta√ß√Ķes;
  • Escolha entre m√ļltiplos tipos de layouts para a galeria.

Pre√ßo: O GridKit √© gr√°tis, mas voc√™ pode adquirir diversas funcionalidades extras com uma licen√ßa pro.

4. Responsive Lightbox & Gallery

plugin responsive lightbox gallery

Todos os plugins que vimos at√© agora oferecem recursos bem diferentes do que o WordPress oferece. O Responsive Lightbox & Gallery, em contrapartida √© bem direto ao ponto. Ele permite que voc√™ crie galerias responsivas com a aplica√ß√£o original do WordPress e tamb√©m inclui o efeito lightbox.

responsive lightbox plugin

Voc√™ pode controlar o efeito lightbox, escolher entre os 3 layouts dispon√≠veis, e at√© utilizar widgets para colocar sua galeria onde preferir. Este √© o plugin mais intuitivo que j√° testamos no WordPress, e √© uma ferramenta bastante √ļtil se voc√™ busca como criar uma galeria no WordPress de forma mais simples e direta.

Características:

  • F√°cil configura√ß√£o, galerias amig√°veis para celular;
  • 3 layouts dispon√≠veis;
  • Configure as op√ß√Ķes do lightbox.

Pre√ßo: Este plugin √© gr√°tis no diret√≥rio de plugins do WordPress. Voc√™ tamb√©m pode comprar extens√Ķes para ele no site do desenvolvedor.

5. Video Gallery ‚Äď YouTube Gallery

youtube gallery

Há diversos plugins que permitem que você adicione vídeos do YouTube em suas galerias WordPress. Mas poucos deles focam exclusivamente em vídeos, e é por isso que gostamos deste aqui.

youtube gallery exemplo

Com o Video Gallery ‚Äď YouTube Gallery, voc√™ consegue configurar cole√ß√Ķes de v√≠deos responsivas. Voc√™ pode adicionar v√≠deos de diversas plataformas, como YouTube e Vimeo, adicionar efeitos ao thumbnail, lightbox, etc. E mais, voc√™ pode colocar sua galeria de v√≠deo onde quiser no site somente com um shortcode.

Características:

  • Suporte a diversas plataformas, como YouTube e Vimeo;
  • Permite adicionar suas galerias de v√≠deo manualmente ou com shortcode;
  • Diversos temas e layouts.

Pre√ßo: Este plugin √© totalmente gr√°tis.

6. Photo Gallery

plugin photo gallery

Mesmo n√£o tendo o nome mais original, o Photo Gallery ainda √© uma das nossas op√ß√Ķes favoritas. Ele possui praticamente todas as fun√ß√Ķes que vimos nos outros plugins at√© o momento, o que o torna um plugin bastante completo para voc√™ que quer sabe como criar uma galeria no WordPress. 

exemplo do glugin ape gallery

Por exemplo, este plugin permite que voc√™ adicione efeitos de hover e transi√ß√£o na sua galeria. Ele tamb√©m suporta categoriza√ß√£o de imagens e navega√ß√£o de galeria, que torna mais simples a navegar entre bibliotecas gigantes. Ainda por cima, o Photo Gallery inclui a op√ß√£o de adicionar v√≠deos, carrega as imagens em ‚Äúlazy load‚ÄĚ, e inclui fun√ß√Ķes de redes sociais.

No geral, se você gosta de controlar minuciosamente a aparência e comportamento do seu site este plugin vai cair como uma luva para você. Com ele você vai poder mexer em todos os detalhes de sua galeria.

Características:

  • Adicione diversos efeitos de hover e transi√ß√£o em suas galerias;
  • Categorize as imagens e permita a navega√ß√£o dentro da galeria WordPress;
  • Adicione v√≠deos e bot√Ķes de compartilhamento nas redes socias;
  • Permite ‚Äúlazy loading‚ÄĚ.

Pre√ßo: Com a vers√£o gr√°tis voc√™ pode criar duas galerias e coloc√°-las em posts e p√°ginas. A vers√£o premium permite a cria√ß√£o de galerias ilimitadas, posicionamento em outros lugares do site, al√©m de alguns recursos extras.

7. Envira Gallery

plugin evira gallery

Por √ļltimo, o Envira Gallery √© um dos plugins mais amig√°veis ao usu√°rio que j√° vimos. Por exemplo, ele inclui um assistente de cria√ß√£o de galerias, que torna tudo mais agrad√°vel.

exemplo do plugin de galeria wordpress envira gallery

A meta do Envira Gallery √© permitir a cria√ß√£o e configura√ß√£o de diversas galerias de forma simples. Para isso ele inclui diversos templates de galeria WordPress, funcionalidade de slideshows, e op√ß√Ķes de compartilhamento em redes sociais. Se voc√™ est√° procurando por uma op√ß√£o de cria√ß√£o de galeria WordPress simples e agrad√°vel de usar, o Envira Gallery deve ser uma de suas primeiras escolhas.

Características:

  • Crie galerias WordPress com o assistente de cria√ß√£o;
  • Escolha entre diversos templates;
  • Configure slideshows;
  • Adicione op√ß√Ķes de compartilhamento em redes sociais;
  • Extenda as funcionalidades do plugin com add-ons.

Pre√ßo: Voc√™ pode optar pela vers√£o gratuita do plugin, ou comprar uma vers√£o premium para ter mais funcionalidades, suporte, e at√© incluir a op√ß√£o de CSS customiz√°vel.

Conclus√£o

As galerias WordPress s√£o elementos simples, por√©m bastante √ļteis e que podem enriquecer o seu conte√ļdo. E voc√™ viu como criar uma galeria no WordPress √© facil, mas √© sempre uma boa ideia gastar um pouco mais de tempo escolhendo cuidadosamente as imagens. Assim que estiver pronta √© s√≥ uma quest√£o de escolher onde voc√™ deve adicionar. E claro, voc√™ pode sempre optar em usar um plugin do WordPress para tornar sua galeria ainda mais customizada e atraente.

Ficou com alguma d√ļvida sobre como criar uma galeria no WordPress? Pergunte na se√ß√£o de coment√°rios logo abaixo!

Confira nossos planos de hospedagem de Sites, planos de hospedagem para WordPress, planos Econ√īmicos. Planos de Email Profissional e Servidores VPS. Tenha um atendimento personalizado entrando em Contato pelo Site ou pelo WhatsApp. Se voc√™ √© um revendedor, confira nossos planos de revenda.

Compartilhar:

Deixe um coment√°rio

Categorias
Assinar por e-mail

Digite seu endere√ßo de e-mail para assinar e receber notifica√ß√Ķes de novas publica√ß√Ķes por e-mail.

Estatísticas do blog
  • 53.997 Views