Prosta galeria obrazów z GenerateBlocks

 
Prosta galeria obrazów z GenerateBlocks

GenerateBlocks 1.7 i GenerateBlocks Pro 1.5 weszły do pierwszego release candidate i wkrótce będą dostępne do użytku na stronach produkcyjnych.

Dzięki tej ważnej aktualizacji wtyczki, która narodziła się z czterema prostymi blokami, teraz ma ich osiem dzięki dodaniu między innymi bloku zakładek i bloku akordeonu.

Ale ta aktualizacja to znacznie więcej, rozszerza możliwości budowania kolejnych i lepszych rzeczy. Przy 220 zmianach w plikach i ponad 10.000 linii zaktualizowanego kodu, edytor GenerateBlocks jest bardziej uproszczony, bardziej modułowy i w końcu znacznie lepiej działający. Więcej funkcji jest dodawanych szybciej i przy mniejszej ilości kodu.

Taka jest filozofia jej twórcy, Toma Usborne'a:

"Wszystko, co robimy, ma na uwadze wydajność. Jeżeli nie możemy czegoś zrobić w prosty/lekki sposób, to po prostu tego nie zrobimy".

Nadal twierdzę, że ten zestaw klocków, jeśli będzie się dalej rozwijał tak jak obecnie, wkrótce nie będzie miał sobie równych. Przynajmniej pod względem wydajności i elastyczności.

A jeżeli mają Państwo wątpliwości co do szybkości reakcji nowych bloków GB, The Admin Bar przeprowadził porównanie wydajności z tymi samymi blokami Kadence, i bloki GB są nadal lżejsze. Na końcu porównania znajduje się zabawny szczegół dotyczący wagi i przesadnej ilości zapytań, które są dodawane za pomocą prostego nagłówka Elementora.

Do pracy

Za pomocą nowego bloku zakładek można zbudować bardzo ładną i lekką, prostą galerię obrazów, jak pokazuje Mike Oliver, a ponieważ testowałem wersję RC, skorzystałem z okazji, aby stworzyć galerię testową i zostawić tutaj notatki z tego procesu.

1 - Otworzyć edytor i dodać blok Tabs.

2 - Wybrać żądany szablon zakładki.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Dodać potrzebną liczbę zakładek, klikając na +

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Przewijać zakładki w dół lub w górę, w zależności od tego, gdzie chcą Państwo pokazać miniatury, w tym celu należy wybrać "Pozycje zakładek" i kliknąć na strzałkę przewijania.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Po wybraniu zakładki Tabs przechodzimy do konfiguracji bloku po prawej stronie i w TAB BUTTON TYPE zmieniamy z "Button" na "Container", ponieważ nie możemy dodawać obrazów wewnątrz przycisków. Po wykonaniu tych czynności zobaczymy, jak przyciski zmieniają swoją ikonę na ikonę kontenera.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Usunąć style i teksty z zakładek.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Na koniec dodajemy obrazki do kontenerów zakładek i odpowiadających im boksów treści.

Galeria simple con GenerateBlocks tutorial paso 7

Mimo że mają Państwo możliwość precyzyjnego dostosowania do komputera stacjonarnego, tabletu i telefonu komórkowego, bez dotykania czegokolwiek, ta galeria wygląda doskonale w wersji mobilnej.

Od tego miejsca możemy stworzyć galerię według własnego gustu, dodając inne elementy, stosując style lub cokolwiek innego.

Można również ustawić obraz kontenera jako tło, aby można było dodać inne bloki na górze i wyświetlić tytuły, tekst lub inne przyciski.

Chociaż tworzenie bloku wielokrotnego użytku nie miałoby większego sensu, zawsze możemy skopiować kod podstawowej struktury galerii bez obrazów, aby wkleić go do dowolnego innego postu lub strony i dodać nowe obrazy.

YouTube video

Niektóre linki w tym poście są linkami afiliacyjnymi