Jednoduchá galerie obrázků s GenerateBlocks

 
Jednoduchá galerie obrázků s GenerateBlocks

GenerateBlocks 1.7 a GenerateBlocks Pro 1. 5 se dostaly do první verze a brzy budou k dispozici pro použití na produkčních webech.

S touto důležitou aktualizací pluginu, který se zrodil se čtyřmi jednoduchými bloky, jich má nyní osm, mimo jiné s přidáním bloku záložek a bloku akordeonu.

Tato aktualizace je však mnohem víc, rozšiřuje její možnosti o další a lepší věci. Díky 220 změnám v souborech a více než 10 000 řádkům aktualizovaného kódu je editor GenerateBlocks přehlednější, modulárnější a v konečném důsledku mnohem výkonnější. Přidává se více funkcí, rychleji a s menším množstvím kódu.

To je filozofie jejího tvůrce Toma Usborna:

"Vše, co děláme, má na mysli výkon. Pokud něco nemůžeme udělat jednoduchým/lehkým způsobem, prostě to neuděláme."

Stále tvrdím, že pokud se bude tato sada bloků vyvíjet tak, jak se vyvíjí, bude brzy bezkonkurenční. Alespoň co se týče výkonu a flexibility.

A pokud máte pochybnosti o rychlosti odezvy nových bloků GB, Admin Bar provedl srovnání výkonu se stejnými bloky Kadence a bloky GB jsou stále lehčí. Na konci srovnání je vtipný detail o hmotnosti a přehnaném počtu požadavků, které jsou přidány pomocí jednoduchého titulku Elementor.

K práci

Pomocí nového bloku karet můžete vytvořit velmi pěknou a lehkou jednoduchou galerii obrázků, jak ukazuje Mike Oliver, a protože jsem testoval verzi RC, využil jsem příležitosti a vytvořil zkušební galerii a zanechal zde poznámky o postupu.

1 - Otevřete editor a přidejte blok Ouška.

2 - Vyberte požadovanou šablonu karty.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Kliknutím na tlačítko + přidejte potřebný počet karet

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Posuňte karty dolů nebo nahoru podle toho, kde chceme zobrazit náhledy, k tomu vyberte možnost "Položky na kartě" a klikněte na šipku pro posun.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Po výběru karty Tabs přejdeme do konfigurace bloku na pravé straně a v poli TAB BUTTON TYPE změníme hodnotu z "Button" na "Container", protože do tlačítek nemůžeme přidávat obrázky. Poté uvidíme, jak tlačítka změní svou ikonu na ikonu kontejneru.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Odstraňte styly a texty z karet.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Nakonec přidáme obrázky do kontejnerů karet s ouškem i do příslušného rámečku s obsahem.

Galeria simple con GenerateBlocks tutorial paso 7

Přestože máte k dispozici jemné úpravy pro stolní počítače, tablety a mobilní zařízení, aniž byste se čehokoli dotkli, vypadá tato galerie ve své mobilní verzi dokonale.

Odtud můžeme galerii dotvořit podle svého vkusu přidáním dalších prvků, použitím stylů nebo čehokoli jiného.

Obrázek kontejneru můžete také nastavit jako pozadí, abyste na něj mohli přidat další bloky a zobrazit nadpisy, text nebo jiná tlačítka.

Ačkoli by nemělo smysl vytvářet opakovaně použitelný blok, můžeme vždy zkopírovat kód základní struktury galerie bez obrázků a vložit jej do jiného příspěvku nebo stránky a přidat nové obrázky.

YouTube video

Některé odkazy v tomto příspěvku jsou affiliate odkazy