Galeria de imagens simples com GenerateBlocks

 
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

5Com 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.

Alguns links neste post são links de afiliados

Artículos relacionados

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

Este blog se aloja en LucusHost

LucusHost, el mejor hosting

Grandes personan que patrocinan.

Patreon

Recibe contenido extra y adelantos desde sólo un dolarcito al mes como ya hacen estos amables lectores:

César D. Rodas - Jorge Zamuz - David Jubete Rafa Morata - Sasha Pardo - Ángel Mentor - Jorge Ariño - Vlad SabouPedro - Álvaro RGV - Araq