Galeria de imagens simples com GenerateBlocks

Publicado: 07/02/2023 : 17:17 | Actualizado: 07/02/2023 : 18:08 |

 
Galeria de imagens simples com GenerateBlocks

GenerateBlocks 1.7 e GenerateBlocks Pro 1.5 entraram no seu primeiro candidato de lançamento e em breve estarão disponíveis para utilização nos locais de produção.

Com esta importante actualização do plugin, que nasceu com quatro blocos simples, tem agora oito com a adição, entre outras coisas, de um bloco de tabulação e um bloco de acordeão.

Mas esta actualização é muito mais, expande as suas possibilidades de construir mais e melhores coisas. Com 220 alterações de ficheiros, e mais de 10.000 linhas de código actualizado, o editor GenerateBlocks é mais simplificado, mais modular e, em última análise, com muito melhor desempenho. Mais funcionalidades são adicionadas, mais rápido e com menos código.

Essa é a filosofia do seu criador, Tom Usborne:

"Tudo o que fazemos tem em mente o desempenho. Se não conseguirmos fazer algo de uma forma simples/leve, simplesmente não o faremos".

Ainda mantenho que este conjunto de blocos, se continuar a evoluir como está a evoluir, em breve será inigualável. Pelo menos em termos de desempenho e flexibilidade.

E se tiver alguma dúvida sobre a capacidade de resposta dos novos blocos GB, a Barra de Administração fez uma comparação de desempenho com os mesmos blocos Kadence, e os blocos GB ainda são mais leves. No final da comparação há um pequeno detalhe engraçado sobre o peso e o número exagerado de pedidos que são adicionados usando uma simples manchete da Elementor.

Para o trabalho

Com o novo bloco de separadores pode construir uma galeria de imagens muito simples e leve, como mostra Mike Oliver e como eu estava a testar a versão RC, aproveitei a oportunidade para criar uma galeria de testes e deixar aqui as notas do processo.

1 - Abra o editor e adicione um bloco de Tabs.

2 - Seleccione o modelo de separador que pretende.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Adicione o número de separadores que precisa clicando em +

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Percorra as abas para baixo ou para cima dependendo de onde queremos mostrar as miniaturas, para o fazer seleccione "Itens das Abas" e clique na seta de deslocamento.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Com o separador Tabs seleccionado vamos para a configuração do bloco do lado direito e no TAB BUTTON TYPE, mudamos de "Button" para "Container" uma vez que não podemos adicionar imagens dentro dos botões. Depois de fazer isto, veremos como os botões mudam o seu ícone para o ícone do contentor.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Remova os estilos e textos dos separadores.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Finalmente adicionamos as imagens tanto aos contentores de separadores como à caixa de conteúdo correspondente.

Galeria simple con GenerateBlocks tutorial paso 7

Embora tenha ajustes finos para o ambiente de trabalho, tablet e telemóvel, sem tocar em nada, esta galeria parece perfeita na sua versão móvel.

A partir daqui podemos compor a galeria a gosto adicionando outros elementos, aplicando estilos ou o que você quiser.

Também pode definir a imagem do contentor como fundo para que possa adicionar outros blocos no topo e exibir títulos, texto ou outros botões.

Embora não faria muito sentido criar um bloco reutilizável, podemos sempre copiar o código da estrutura básica de uma galeria sem imagens para colá-lo em qualquer outro post ou página e adicionar as novas imagens.

YouTube video

Alguns links neste post são links de afiliados


Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Artigos relacionados

Este blog se aloja en LucusHost

Lucushot, el mejor hosting

Subscrição por correio eletrónico

Receba gratuitamente artigos completos na sua caixa de correio eletrónico, sem publicidade, assim que forem publicados. O conteúdo completo do feed é enviado sem anúncios através de um serviço externo.