{"id":366969,"date":"2023-01-31T18:42:00","date_gmt":"2023-01-31T15:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=366969"},"modified":"2023-02-04T12:37:05","modified_gmt":"2023-02-04T09:37:05","slug":"introducao-aos-recursos-do-bloco-de-galeria-do-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/introducao-aos-recursos-do-bloco-de-galeria-do-gutenberg\/","title":{"rendered":"Introdu\u00e7\u00e3o aos recursos do bloco de galeria do Gutenberg"},"content":{"rendered":"\n

Manipular galerias no WordPress costumava exigir conhecimento avan\u00e7ado, no dia em que voc\u00ea tinha que fazer isso usando o editor cl\u00e1ssico do WordPress<\/a>. Gra\u00e7as ao editor Gutenberg e ao poder da simplicidade proporcionado pelos seus blocos, qualquer pessoa pode facilmente saltar para o banco do condutor e come\u00e7ar a criar as suas pr\u00f3prias galerias.<\/p>\n

N\u00e3o acredite em n\u00f3s? N\u00e3o \u00e9 um problema – mostraremos o que voc\u00ea pode fazer com os blocos de galeria do Gutenberg. Como b\u00f4nus, tamb\u00e9m informaremos sobre alguns outros blocos de galeria que voc\u00ea pode gostar, portanto, fique atento.<\/p>\n

Apresentando o Bloco de Galeria Nativo<\/h2>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

A fun\u00e7\u00e3o principal do Gallery Block \u00e9 permitir o compartilhamento de um grupo de imagens em um formato estilo galeria em seu site<\/strong>. Isso \u00e9 semelhante \u00e0 galeria de imagens no editor cl\u00e1ssico do WordPress, embora existam algumas op\u00e7\u00f5es completamente novas que v\u00eam com o editor Gutenberg. Isso inclui a possibilidade de adicionar legenda de imagem diretamente na imagem, bem como colunas de galeria e configura\u00e7\u00e3o de imagens de corte<\/strong>. Falaremos sobre todas essas configura\u00e7\u00f5es com mais detalhes abaixo.<\/p>\n

Voc\u00ea pode escolher suas imagens da mesma forma que no editor cl\u00e1ssico \u2013 selecionando imagens pr\u00e9-existentes na Biblioteca de m\u00eddia ou carregando novas imagens do seu computador. Depois de terminar a sele\u00e7\u00e3o de imagens, voc\u00ea pode clicar no bot\u00e3o Criar uma nova galeria para inserir sua galeria na p\u00e1gina.<\/p>\n

Quando terminar de criar sua galeria, voc\u00ea notar\u00e1 que existem algumas op\u00e7\u00f5es que s\u00e3o as mesmas do Bloco de imagem<\/a>, como alinhar ou alterar o tipo de bloco. O Gutenberg Gallery Block mostra todo o potencial desta \u00faltima op\u00e7\u00e3o. Se, por exemplo, voc\u00ea decidir transformar Galeria em Imagem, todas as imagens ser\u00e3o alinhadas individualmente, uma abaixo da outra.<\/p>\n

Legendas de imagens<\/h3>\n

Fica totalmente a seu crit\u00e9rio se deseja usar esta op\u00e7\u00e3o ou n\u00e3o, mas caso pretenda us\u00e1-la, ficar\u00e1 feliz em saber que cada imagem pode ter uma legenda pr\u00f3pria<\/strong>. A legenda geralmente aparece na parte inferior de cada imagem com um fundo semitransparente. A cor do texto e do plano de fundo dependem do tema que voc\u00ea est\u00e1 usando.<\/p>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

Colunas da Galeria<\/h3>\n

Temos que notar que no Gallery Block, voc\u00ea n\u00e3o tem a capacidade de escolher o tamanho das fotos. Em vez disso, eles mudam proporcionalmente ao n\u00famero de colunas que voc\u00ea deseja ter em sua galeria. O maior n\u00famero de coluna que voc\u00ea pode colocar \u00e9 o mesmo que o n\u00famero de fotos que voc\u00ea acaba adicionando \u00e0 sua p\u00e1gina ou post. Em outras palavras, esse n\u00famero \u00e9 infinito. No entanto, lembre-se de que, depois de adicionar mais de 6 colunas, suas imagens podem parecer menores do que voc\u00ea gostaria que fossem<\/strong>.<\/p>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

Se voc\u00ea planeja usar imagens que cont\u00eam diferentes propor\u00e7\u00f5es, como retrato ou paisagem, certifique-se de que a configura\u00e7\u00e3o Cortar imagens esteja ativada. Isso garantir\u00e1 que todas as suas fotos se encaixem automaticamente no n\u00famero da coluna que voc\u00ea escolheu. Voc\u00ea pode encontrar essa configura\u00e7\u00e3o logo abaixo do n\u00famero da coluna.<\/p>\n

A imagem \u00e0 esquerda abaixo mostra como sua galeria ficar\u00e1 com a configura\u00e7\u00e3o Cortar imagens desativada, enquanto \u00e0 direita voc\u00ea pode ver como suas fotos ficar\u00e3o quando estiver ativada.<\/p>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

Claro, existem algumas situa\u00e7\u00f5es em que seria melhor desativar essa configura\u00e7\u00e3o. Por exemplo, voc\u00ea deve fazer isso no caso de ter galerias de uma coluna ou se quiser mostrar suas imagens em seu tamanho original.<\/p>\n

Assim como o Image Block, o Gallery Block tamb\u00e9m possui uma configura\u00e7\u00e3o Link To com tr\u00eas op\u00e7\u00f5es diferentes. Voc\u00ea pode exibir a imagem sem nenhum link, pode vincular a uma p\u00e1gina espec\u00edfica do seu site (embora essa op\u00e7\u00e3o raramente seja usada hoje em dia) ou permitir que ela abra o arquivo de imagem sozinha.<\/p>\n

Se voc\u00ea n\u00e3o estiver satisfeito com sua sele\u00e7\u00e3o de fotos ou sua disposi\u00e7\u00e3o, voc\u00ea tamb\u00e9m ter\u00e1 a op\u00e7\u00e3o Editar. Dessa forma, voc\u00ea pode remover qualquer arquivo da lista ou arrastar e soltar seus arquivos para reorden\u00e1-los.<\/p>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

Uma boa alternativa ao bloco nativo<\/h2>\n

Se voc\u00ea ama o editor Gutenberg e as galerias s\u00e3o o que voc\u00ea precisa, n\u00e3o h\u00e1 raz\u00e3o para se limitar ao bloco de galerias que vem com o editor nativamente. Existem muitos plugins de terceiros que voc\u00ea pode usar para estender os recursos do Gutenberg.<\/p>\n

Qi Blocks for Gutenberg<\/a> \u00e9 um deles, com 81 blocos diferentes dispon\u00edveis na vers\u00e3o gratuita e premium<\/strong>. O plug-in oferece quatro tipos diferentes de blocos de galeria, todos dispon\u00edveis gratuitamente. Vamos dar uma olhada r\u00e1pida no que eles s\u00e3o.<\/p>\n

Galeria de cart\u00f5es<\/h3>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

Uma maneira interessante de exibir suas imagens, o bloco Galeria de cart\u00f5es<\/a> permite empilhar imagens umas sobre as outras e embaralh\u00e1-las para a esquerda, para a direita ou para os dois lados, para navegar por elas. O bloco permite que voc\u00ea use quantas imagens quiser e permite que voc\u00ea escolha sua escala e quanto delas fica vis\u00edvel antes de serem real\u00e7adas<\/strong>.<\/p>\n

Galeria de imagens<\/h3>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

O bloco Galeria de imagens<\/a> \u00e9 seu bloco regular para exibir imagens no WordPress. Possui um n\u00famero personaliz\u00e1vel de colunas e permite configurar efeitos de visualiza\u00e7\u00e3o pop-up de imagem<\/strong>, bem como definir propor\u00e7\u00f5es. Praticamente tudo o que voc\u00ea precisa para uma exibi\u00e7\u00e3o de imagem direta.<\/p>\n

Galeria de imagens de alvenaria<\/h3>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

Voc\u00ea quer incrementar sua galeria de imagens para torn\u00e1-la mais interessante e din\u00e2mica? Que tal usar o bloco Masonry Image Gallery<\/a> para quebrar a uniformidade de como suas imagens s\u00e3o exibidas? Voc\u00ea poder\u00e1 definir tamanhos de imagem, espa\u00e7amentos e at\u00e9 visualiza\u00e7\u00f5es de lightbox<\/strong>.<\/p>\n

Galeria de imagens do Pinterest<\/h3>\n

\"Introdu\u00e7\u00e3o<\/a><\/p>\n

Se voc\u00ea \u00e9 f\u00e3 de galerias de imagens no estilo Pinterest, o bloco Pinterest Image Gallery<\/a> \u00e9 algo que voc\u00ea precisa mesmo sem saber. Este bloco permite que voc\u00ea escolha configura\u00e7\u00f5es responsivas predefinidas ou escolha cada configura\u00e7\u00e3o para se adequar \u00e0 sua vis\u00e3o exclusiva para uma galeria de imagens no estilo do Pinterest<\/strong>.<\/p>\n

Isso \u00e9 tudo para nossa vis\u00e3o geral do Bloco de Galeria Gutenberg. Como voc\u00ea pode ver, o processo de adicionar fotos \u00e0 sua galeria \u00e9 completamente simplificado gra\u00e7as \u00e0 interface intuitiva do Gutenberg. V\u00e1 em frente e experimente todas as op\u00e7\u00f5es \u00fateis que v\u00eam com ele. Enquanto voc\u00ea est\u00e1 nisso, por que n\u00e3o procurar algumas alternativas ao bloco nativo, como as fornecidas pelo Qi Blocks para Gutenberg? Quanto mais op\u00e7\u00f5es voc\u00ea tiver, melhor poder\u00e1 se expressar!<\/p>\n