The Grid: responsywne siatki treści z pełną kontrolą układu
The Grid to rozbudowany kreator siatek dla WordPress, przeznaczony do prezentowania wpisów, stron, portfolio, produktów WooCommerce oraz dowolnych niestandardowych typów treści. Wtyczka pozwala zastąpić standardowe listy materiałów układem dopasowanym do charakteru witryny, bez konieczności ręcznego budowania każdej karty w kodzie. Sprawdza się zarówno w prostych galeriach, jak i w rozbudowanych katalogach z filtrowaniem, sortowaniem, wyszukiwaniem oraz ładowaniem kolejnych elementów przez Ajax.
Administrator może wybrać układ klasycznej siatki, Masonry lub Justified, a następnie określić liczbę kolumn osobno dla różnych szerokości ekranu. Dostępny jest także tryb poziomy działający jak slider, w tym wariant wielowierszowy, automatyczne odtwarzanie oraz regulacja szybkości animacji. Dzięki temu ten kreator siatek WordPress może obsługiwać pełnoekranowe galerie, sekcje z polecanymi produktami, katalog realizacji albo dynamiczne archiwum artykułów.
Precyzyjne źródła treści, filtry i nawigacja Ajax
Konfiguracja źródła nie ogranicza się do wskazania jednego rodzaju wpisu. W jednej siatce można łączyć wiele typów treści, wybierać kategorie, autorów i statusy publikacji, wykluczać materiały według identyfikatorów oraz budować zapytania wykorzystujące pola niestandardowe. Pozwala to tworzyć widoki oparte na rzeczywistych danych WordPress i WooCommerce, na przykład katalog produktów dostępnych w magazynie, ofert objętych promocją albo wpisów uporządkowanych według wartości określonego pola.
Warstwa nawigacyjna może zostać dopasowana do wielkości oraz przeznaczenia katalogu. Dostępne mechanizmy obejmują klasyczne stronicowanie, przycisk wczytujący kolejne rekordy, automatyczne dołączanie elementów podczas przewijania, filtry taksonomii, sorter i wyszukiwanie natychmiastowe. Poniższe funkcje rozszerzają sposób pracy z bardziej złożonymi zbiorami danych:
- Filtry kombinowane: logika AND i OR umożliwia jednoczesne zawężanie wyników według kilku aktywnych kryteriów.
- Filtrowanie po metadanych: warunki oparte na meta key pozwalają uwzględniać między innymi cenę, stan magazynowy lub własne wartości dodane przez inne rozszerzenia.
- Sortowanie dynamiczne: elementy mogą być porządkowane według daty, tytułu, identyfikatora, autora, liczby komentarzy albo wartości liczbowej zapisanej w metadanych.
- Wyszukiwanie natychmiastowe: użytkownik może przeszukiwać widoczną kolekcję bez przechodzenia na osobną stronę wyników.
- Paginacja bez przeładowania: kolejne strony zawartości mogą być pobierane przez Ajax, co zachowuje kontekst przeglądania katalogu.
- Licznik pozostałych elementów: przycisk wczytywania może informować, ile pozycji nadal czeka na pobranie.
- Kolory terminów: kategoriom i innym elementom taksonomii można przypisać własne oznaczenia kolorystyczne widoczne w interfejsie filtrów.
- Wiele stref układu: filtry, sortowanie, wyszukiwarka, paginacja i nawigacja slidera mogą być rozmieszczane w dostępnych obszarach metodą przeciągnij i upuść.
Tak skonfigurowana siatka pozostaje użyteczna także przy dużej liczbie rekordów, ponieważ odbiorca nie musi przeglądać całego zbioru liniowo. The Grid pozwala budować osobne zestawy filtrów dla różnych taksonomii, a ich wartości są aktualizowane po dołączeniu kolejnych elementów. Ma to praktyczne znaczenie w sklepach z rozbudowanym asortymentem, katalogach nieruchomości, bazach realizacji i bibliotekach materiałów.
Skin Builder, multimedia i dopasowanie kart
Wbudowany Skin Builder służy do projektowania wyglądu pojedynczych elementów siatki za pomocą interfejsu przeciągnij i upuść. Poszczególne komponenty można skalować, duplikować, zapisywać i ponownie wykorzystywać, a karty mogą prezentować metadane oraz elementy właściwe dla WooCommerce. Wtyczka udostępnia również gotowe skórki, style nawigacji, animacje pojawiania się zawartości i warianty loaderów, dzięki czemu projekt można rozpocząć od istniejącego wzorca, a następnie dopracować go do identyfikacji wizualnej strony.
W obrębie jednej kolekcji można mieszać skórki i rozmiary kart, a nawet przypisać indywidualny wariant wyglądu do konkretnego wpisu. Podgląd na żywo w panelu administracyjnym pokazuje efekt zmian bez ciągłego przeładowywania edytowanej strony i pozwala kontrolować prezentację przy różnych rozmiarach ekranu. Import i eksport konfiguracji w formacie JSON ułatwia przenoszenie gotowych siatek oraz elementów skórek pomiędzy instalacjami.
Obsługa formatów wpisów obejmuje materiały standardowe, galerie, wideo, audio, cytaty i odnośniki, przy czym dostępność części formatów zależy od używanego motywu i wybranego typu układu. Filmy z YouTube, Vimeo lub własnego hostingu mogą być odtwarzane bezpośrednio w karcie albo otwierane w lightboxie, podobnie jak obrazy. Mechanizm Smart Resize dopasowuje grafiki do wymiarów elementów, a alternatywnie można korzystać z rozmiarów obrazów zdefiniowanych w bibliotece mediów WordPress.
Zastosowanie w WooCommerce, archiwach i projektach wielojęzycznych
The Grid może prezentować katalog WooCommerce z ceną, oceną, statusem promocji i innymi danymi produktu, a zapytania oparte na metadanych pozwalają wyświetlać precyzyjnie wybrane grupy ofert. W praktyce wtyczka nadaje się do sekcji bestsellerów, wyprzedaży, produktów konkretnej marki lub kolekcji spełniającej kilka warunków jednocześnie. Siatkę można osadzić za pomocą shortcode, wykorzystać w obsługiwanym kreatorze stron albo wdrożyć jako widok oparty na głównym zapytaniu WordPress.
Mechanizm szablonu umożliwia wykorzystanie przygotowanego gridu na stronie bloga, w wynikach wyszukiwania, archiwach oraz archiwum sklepu. Zgodność z WPML i plikami tłumaczeń pozwala tworzyć wielojęzyczne warianty konfiguracji, natomiast własny CSS i JavaScript zapewniają dodatkową kontrolę w projektach wymagających niestandardowych zachowań. Jest to wtyczka do responsywnych układów przeznaczona przede wszystkim dla serwisów, które potrzebują spójnego systemu prezentacji różnorodnych treści, a nie jedynie statycznej galerii obrazów.
Opinie
Na razie nie ma opinii o produkcie.