Po Divi bol Divi FilterGrid druhý najlepší nákup
Sľúbil som, že tomuto pluginu sa budem venovať samostatne a naíšem o ňom podrobnejší článok. Za celé obdobie ako Divi využívam bol tento plugin druhý najlepší nákup, ktorý som do Divi urobil. Nie len preto, že mi poskytol množstvo možností a jednoduchosti, ale ušetril ma od obrovského množstva kódovania a štýlovania na mieru na každom webe a poskytol používateľom aj majiteľom webov oveľa vyšší komfort.
Čo je teda Divi FilterGrid?
Ide o plugin, ktorý pridá do Divi jeden modul s rovnomenným názvom a umožní zobrazovanie dynamického obsahu – článkov, projektov, produktov alebo iných typov obsahu (CPT) v prehľadnej a filtrovateľnej tabuľke s vyhľadávaním a množstvom dizajnových možností.
Základný súhrn možností:
- Umožňuje zobrazovať články alebo iné typy postov v prehľadnej tabuľke (projekty, články, CPT, produkty…)
- AJAX filtrovanie podľa kategórie alebo tagov alebo aj aj
- AJAX vyhľadávanie
- Tri typy stránkovania – klasické, tlačítkom „Viac“ a načítanie so skrolovaním
- Zobrazenie vlastných polí a ich konfigurovanie
- Zobrazovanie obsahu v PopUp okne, Lightboxe, na novej stránke
- Zobrazenie v tabuľke alebo zozname
- Množstvo možností štýlovania
Divi v základe ponúka len dve možnosti zobrazenia článkov a to modul BLOG alebo modul PORTFÓLIO a každý z nich je špecifický na konkrétne použitie. Blog je určený na články a Portfólio je určené na Projekty.
Možnosti štýlovania oboch týchto modulov sú veľmi obmedzené a pre komplexnejšie štýlovanie je takmer vždy nutné siahnuť po CSS na mieru.
Poďme si Divi FilterGrid rozmeniť na drobné
Možnosti zobrazenia obsahu
- Basic Query zobrazuje klasicky len články, podobne ako BLOG.
- Advanced Query umožňuje zobraziť už ľuvoľný typ obsahu – akýkoľvek post type
- Archive Page sa dá použiť v prípade zobrazovania obsahu konkrétnej kategórie v kombinácii s Tvorcom tém
- Manual – Post IDs si zadáte konkrétne pevne definované články, ktoré sa majú zobrazovať
- Custom Query si vyžaduje znalosť programovaceho jazyka PHP a vytvorenie odvodenej témy. Vlastný dopyt si napíšete podľa dokumentácie.
Udalosť po kliknutí
Je možné si zvoliť z viacerých možností čo sa ma po kliknutí na náhľadový obrázok stať. Od zobrazenia článku, cez PopUp až po galériu. Okrem toho toto je len kliknutie na obrázok.
Kliknutie na obrázok môže napríklad otvárať galériu, kým kliknutie na tlačítko môže otvárať samotný článok. Ja najčastejšie používam Odkaz na článok alebo zobrazenie článku v PopUp ak ide krátky článok alebo nejaké info.
Filtrovanie obsahu
Ďalšia významná možnosť je filtrovanie obsahu pomocou filtrov, ktoré sa načítajú z Kategórii alebo Značiek (tagov). Filtre sa dajú ľubovoľne nastaviť či už na výber jedného alebo výber viacerých. Voľba predvoleného filtra či vyradenie nechcených kategorii / značiek zo zoznamu filtrov
Vyhľadávanie
Medzi výhody patrí tiež integrované vyhľadávanie, ktoré nevyžaduje nastavenie špecifickej stránky výsledkov. Vyhľadávanie však nie je až také podrobné. Aj ja musím ešte niektoré funkcie vyhľadávania otestovať, ale viem, že napríklad v custom fields vyhľadávať nevie. Obvykle toto vyhľadávanie nepoužívam, ale sú prípady, keď je to vhodné.
Stránkovanie
Stránkovanie je mimoriadne dôležitá vec ak je na webe väčšie množstvo článkov. Divi FilterGrid umožňuje tri typy stránkovania:
- Klasické – 1 – 2 – 3 – 4…
- Načítanie viac článkov pomocou tlačítka „Viac“ – štýlovateľné tlačítko ako každé iné v Divi
- Načítanie pri rolovaní – oceňujem a využívam najčastejšie, nakoľko ľudia sú na toto už dávno zvyknutí so sociálnych sietí a klasické stránkovanie a preklikávanie sa pokladám osobne za zastarané. V prípadoch stoviek článkov však môže byť dobré (obrovské množstvo obsahu na jednej stránke spomalí prehliadač až môže zamrznúť)
Rozloženie obsahu
Štýlovaniu v CSS sa medze nekladú, ale niektoré dizajny sú už preddefinované. Osobne najčastejšie používam GRID (mriežka) a v niektorých prípadoch LIST (zoznam).
Všetky tieto rozloženia sú ďalej voliteľne prispôsobiteľné pomocou ďalších možností úpravy vzhľadu.
Vzhľad a medzery
Osobne sa mi páči jednoduchosť nastavenia počtu stĺpcov a medzier medzi stĺpcami a riadkami. Oceňujem túto možnosť, pretože pri iných základných Divi moduloch ako je napríklad Galéria alebo Blog si človek poriadne zabojuje s CSS kým zmení počet stĺpcov a odladí všetky nedostatky na PC, Tablete aj Mobile.
Záver
Tento modul je jeden z najkomplexnejších s akými som sa v Divi vôbec stretol a rieši obrovské množstvo problémov so zobrazovaním dynamického obsahu. Ako dizajnér oceňujem, že len sporadicky musím siahnuť po CSS na mieru, aby som v tomto module niečo upravil. Pre mňa patrí tento modul ku kľúčovým pri všetkých weboch kde existuje akákoľvek forma dynamického obsahu – články, úlohy, produkty, custom post types, refrencie a mnohé ďalšie.
V mojom prípade úplne nahradil základné moduly PORTFOLIO a BLOG, ktoré som prestal používať na weboch úplne.
Vo viacerých prípadoch nahradí aj iné pluginy, ktoré by bolo inak potrebné inštalovať – či už ide o zobrazovanie napríklad referencii alebo iného dynamického obsahu na stránke.