{"id":12322,"date":"2021-05-17T10:54:51","date_gmt":"2021-05-17T13:54:51","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=12322"},"modified":"2023-08-25T15:54:44","modified_gmt":"2023-08-25T18:54:44","slug":"como-criar-uma-galeria-no-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/como-criar-uma-galeria-no-wordpress","title":{"rendered":"Como criar uma galeria de fotos WordPress: 3 passos e 7 plugins recomendados"},"content":{"rendered":"

As galerias de fotos estão por toda parte na web. Provavelmente, a maioria dos sites que você visita tem pelo menos uma galeria em alguma página — e por boas razões: galerias aumentam o dinamismo da sua página, atraem os leitores e os convidam a interagir com o seu site, diminuindo a taxa de rejeição<\/a>. <\/p>

Felizmente, criar sua própria galeria de fotos WordPress é mais simples do que você imagina. Na verdade, você provavelmente passará mais tempo escolhendo quais imagens usar do que juntando todas elas.<\/p>

Neste artigo, vamos ensinar como criar uma galeria no WordPress em três etapas:<\/p>

    \n
  1. Faça o upload das imagens que deseja incluir na sua galeria do WordPress.<\/li>\n\n\n\n
  2. Adicione as imagens à sua galeria.<\/li>\n\n\n\n
  3. Coloque sua galeria em qualquer lugar que desejar em seu site.<\/li>\n<\/ol>

    Além disso, também apresentaremos sete dos nossos plugins favoritos para criar galerias de fotos WordPress. Com eles, você pode aproveitar recursos que a plataforma não oferece nativamente. Vamos ao trabalho!<\/p>

    \"\"<\/a><\/figure>

    Tutorial: Adicionando uma Galeria de Fotos no WordPress<\/h2>

    Primeiramente, vamos explicar como adicionar uma galeria de fotos a qualquer página do seu site WordPress utilizando o recurso nativo da plataforma. São três passos muito simples, que você pode realizar sem mexer em nenhum tipo de código. Confira abaixo:<\/p>

    1º Passo: Faça o Upload das Imagens Para o WordPress<\/b><\/h3>

    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 filhotinhos de cachorro.<\/span><\/p>

    Primeiro, logue no painel do WordPress e, na barra lateral, acesse a aba <\/span>Mídia > Biblioteca<\/b>. Então clique no botão <\/span>Adicionar nova<\/b>,<\/span> na parte superior da tela:<\/span><\/p>

    \n
    \"biblioteca<\/figure><\/div>

    Em seguid<\/span>a, esta tela será aberta:<\/p>

    \n
    \"Adicionar<\/figure><\/div>

    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 <\/span>Filhotinhos<\/b> onde armazenamos todas as fotos<\/span>. Você pode clicar no botão Selecionar arquivos<\/strong> para selecionar as imagens ou simplesmente arrastá-las para a janela do WordPress.<\/p>

    \n
    \"criar<\/figure><\/div>

    Ao selecionar diversas imagens para fazer o upload de uma só vez, o WordPress mostra o progresso do upload de cada imagem individualmente:<\/span><\/p>

    \n
    \"adicionando<\/figure><\/div>

    Aguarde até que a plataforma suba todas as imagens, o que vai depender da velocidade da internet, tamanho e quantidade de imagens.<\/span><\/p>

    Se você achar que o processo está demorando muito, pode ser uma boa ideia cancelar e <\/span>otimizar as imagens<\/span><\/a> da galeria antes de colocá-las no seu site<\/a>. 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<\/span>.<\/p>

    Existem diversos plugins do WordPress que fazem esse trabalho de otimização, assim como sites como o <\/span>TinyPNG<\/span><\/a>:<\/span><\/p>

    \n
    \"plugin<\/figure><\/div>

    Depois de subir as imagens para o servidor do seu site WordPress, um passo opcional — porém altamente recomendado — é escrever o texto alternativo de cada foto. O texto alternativo nada mais é do que uma descrição da imagem em questão, que é exibido quando o arquivo não pode ser carregado corretamente ou para usuários com deficiências visuais, que usam softwares de leitura de tela.<\/p>

    Além de ajudar usuários com deficiências, incluir o texto alternativo é importante para o SEO, pois ajuda os mecanismos de busca a “entender” do que se trata as imagens incluídas no seu conteúdo; com isso, as chances de seu site ter um melhor ranqueamento nos resultados do Google e outros serviços é maior. <\/p>

    Para incluir o texto alternativo em suas imagens no WordPress, basta clicar em Editar na imagem desejada, identificar o campo Texto alternativo e digitar a descrição.<\/p>

    \n
    \"incluindo<\/figure><\/div>

    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. <\/span><\/p>

    2º Passo: Adicione a Galeria no seu Post ou Página<\/b><\/h3>

    Agora que as imagens estão prontas, <\/span>é hora de criar a sua galeria. Para isso, crie uma nova página\/post ou abra a tela de edição da página\/post no qual você quer adicionar o elemento.<\/p>

    Adicionar a galeria à página é bastante simples. Tudo que você precisa fazer <\/span>é posicionar o cursor onde você deseja adicionar a galeria, clicar no botão + e, no seletor de blocos, selecionar a opção Galeria. Alternativamente, você pode iniciar um novo parágrafo, digitar \/galeria<\/strong> e pressionar Enter, para acelerar o processo.<\/p>

    \n
    \"adicionando<\/figure><\/div>

    O bloco da galeria será posicionado no editor. Você pode clicar em Enviar<\/strong> (caso ainda não tenha feito o upload das suas imagens) ou em Biblioteca de mídia<\/strong> (caso já tenha feito, como ensinamos no passo anterior). Você também pode arrastar as imagens desejadas diretamente da pasta do seu computador para este bloco.<\/p>

    \"adicionando<\/figure>

    Clicando em Biblioteca de Mídia, vamos selecionar todas as imagens que queremos incluir na galeria. Depois de selecioná-las, clique no botão <\/span>Criar uma nova galeria <\/b>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.<\/span><\/p>

    3º Passo: Edite a Galeria<\/b><\/h3>

    Agora você deve estar vendo a tela <\/span>Editar Galeria<\/b>, mostrando todas as imagens adicionadas nos passos anteriores. Nesta tela podemos selecionar a quantidade de colunas que queremos mostrar, o tamanho dos ícones e a ordem das imagens:<\/span><\/p>

    \n
    \"editar<\/figure><\/div>

    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<\/span> da própria imagem, com a seguinte aparência:<\/span><\/p>

    \n
    \"inserir<\/figure><\/div>

    Para concluir, clique no botão <\/span>Inserir galeria<\/b> e sua galeria será mostrada no editor do WordPress:<\/span><\/p>

    \n
    \"inserir<\/figure><\/div>

    Embora não haja uma forma automática de salvar uma galeria para que ela seja incluída em múltiplos posts ou páginas, há uma maneira simples de fazê-lo: após configurar a sua galeria, clique no botão de três pontinhos do menu contextual e clique em Copiar bloco. Em seguida, cole o bloco (no mesmo menu contextual ou usando o atalho de teclado Ctrl + V<\/strong>) nos posts ou páginas desejados.<\/p>

    \n
    \"copiando<\/figure><\/div>

    Além de adicionar imagens em seus posts e páginas, você também pode usar o widget de <\/span>Galeria <\/b>do WordPress<\/span> para colocá-la na barra lateral ou rodapé do seu site. Para fazer isso acesse a aba <\/span>Aparência > Widgets <\/b>e procure por <\/span>Galeria<\/b>:<\/span><\/p>

    \n
    \"criando<\/figure><\/div>

    Agora arraste este widget para a barra lateral ou rodapé e selecione onde você deseja colocar a galeria. Em seguida, o widget vai solicitar as fotos que devem ser inseridas:<\/span><\/p>

    \n
    \"adicionar<\/figure><\/div>

    Note que você também pode dar um nome para a galeria:<\/span><\/p>

    \n
    \"adicionar<\/figure><\/div>

    Ao concluir, clique em <\/span>Salvar<\/b> e a galeria já deverá estar aparecendo no seu site:<\/span><\/p>

    \n
    \"adiconar<\/figure><\/div>

    Viu como criar uma galeria no WordPress é simples?<\/span><\/p>

    Embora a funcionalidade nativa seja bem-vinda, o que deixa a desejar nas galerias do WordPress é a falta de ferramentas e recursos de personalização mais avançados. Para criar algo mais sofisticado, precisamos da ajuda de um plugin — e é disso que vamos falar agora.<\/span><\/p>

    \n
    \"\"<\/a><\/figure><\/div>

    Os 7 Melhores Plugins de Galeria de Fotos WordPress<\/b><\/h2>

    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<\/strong> favoritos!<\/span><\/p>