Simpelt billedgalleri med GenerateBlocks

 
Simpelt billedgalleri med GenerateBlocks

GenerateBlocks 1.7 og GenerateBlocks Pro 1.5 er kommet i deres første release candidate og vil snart være tilgængelige til brug på produktionssider.

Med denne vigtige opdatering af pluginet, som blev født med fire enkle blokke, har det nu otte med tilføjelsen af blandt andet en faneblok og en harmonika-blok.

Men denne opdatering er meget mere, den udvider mulighederne for at bygge flere og bedre ting. Med 220 filændringer og over 10.000 linjer opdateret kode er GenerateBlocks-editoren mere strømlinet, mere modulær og i sidste ende meget bedre. Flere funktioner er tilføjet, hurtigere og med mindre kode.

Det er filosofien hos skaberen, Tom Usborne:

"Alt, hvad vi gør, har ydeevne i tankerne. Hvis vi ikke kan gøre noget på en enkel/let måde, gør vi det bare ikke".

Jeg holder stadig fast i, at dette bloksæt, hvis det fortsætter med at udvikle sig, som det gør, snart vil være uovertruffent. I hvert fald med hensyn til ydeevne og fleksibilitet.

Og hvis du er i tvivl om, hvor hurtigt de nye GB-blokke reagerer, har The Admin Bar lavet en sammenligning af ydeevnen med de samme Kadence-blokke, og GB-blokkene er stadig lettere. I slutningen af sammenligningen er der en sjov lille detalje om vægten og det overdrevne antal anmodninger, der tilføjes ved hjælp af en simpel Elementor-overskrift.

Videre til arbejdet

Med den nye faneblok kan du bygge et meget flot og let simpelt galleri af billeder, som Mike Oliver viser, og da jeg testede RC-versionen, benyttede jeg lejligheden til at oprette et testgalleri og efterlader her noterne fra processen.

1 - Åbn editoren, og tilføj en faneblok.

2 - Vælg den ønskede faneskabelon.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Tilføj det antal faner, vi har brug for, ved at klikke på

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Rul fanerne ned eller op, afhængigt af hvor du vil vise miniaturebillederne, vælg "Faneelementer", og klik på rullepilen.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Når fanen Tabs er valgt, går vi til blokkonfigurationen i højre side, og i TAB BUTTON TYPE ændrer vi fra "Button" til "Container", da det ikke er muligt at tilføje billeder inde i knapperne. Når vi har gjort dette, kan vi se, hvordan knapperne ændrer deres ikon til containerikonet.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Fjern stilarter og tekster fra fanerne.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Til sidst tilføjer vi billederne til både fanebeholderne og deres tilsvarende indholdsboks.

Galeria simple con GenerateBlocks tutorial paso 7

Selvom du har fine justeringer til desktop, tablet og mobil, uden at røre ved noget, ser dette galleri perfekt ud i sin mobile version.

Her fungerer det.

Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks
Simpelt billedgalleri med GenerateBlocks

Herfra kan vi sammensætte galleriet, som vi vil, tilføje andre elementer, anvende stilarter, eller hvad du vil.

Du kan også indstille billedet af containeren som baggrund for at kunne tilføje andre blokke ovenpå og vise titler, tekster eller andre knapper.

Selvom det ikke ville give meget mening at skabe en genanvendelig blok, kan vi altid kopiere koden til den grundlæggende struktur i et galleri uden billeder for at indsætte den i et andet indlæg eller en anden side og tilføje de nye billeder.

Nogle links i dette indlæg er affiliate links


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

Artículos relacionados

Este blog se aloja en LucusHost

LucusHost, el mejor hosting