Minden modern webhelyet úgy terveztek, hogy megfelelően működjön különböző képernyőszélességeken. A táblázatokat a régi időkben egyszerű HTML használatával hozták létre. Ahogy a rugalmas webdizájn új szabvánnyá vált, az alap HTML-táblázatok nehezen tudtak lépést tartani a modern webhelyek igényeivel. Mivel az egyszerű HTML-táblázatok nem reszponzívak, a bennük lévő szöveg rendkívül nehezen olvasható mobil képernyőméreteken, ezért alkalmazzák őket olyan reszponzív táblázatok fejlesztésére, amelyek az elrendezést a megtekintési képernyő méretéhez igazítják. A HTML és CSS médialekérdezéseket egymással együtt kell használni.
- 1. megoldás: Táblázatok hozhatók létre a Divi Builder segítségével.
- 2. megoldás: Használja azokat a plugin , amelyek alapértelmezés szerint tartalmazzák ezt a funkciót!
- WP Table Manager
- Interfész a WP Table Manager
- Következtetés
A táblázatok minden képernyőméreten olvasható elrendezéssel készíthetők egyetlen információhalmazhoz, amely nem túl nagy vagy változatos, és ez alapvető HTML- és CSS-megközelítésekkel megvalósítható. Ha azonban a táblázatot jelentős mennyiségű adat tárolására szánják, nem könnyű olvasható elrendezést építeni 786 képpontnál kisebb szélességű mobileszközökön vagy képernyőkön.
Ha a webdesigner, aki HTML-lel és CSS-sel dolgozik annak érdekében, hogy egy táblázatot minden képernyőméreten érzékeny legyen, nem veszi figyelembe az adatok mennyiségét, akkor valószínűleg olyan problémákba ütközik, amelyek jelentősen befolyásolják a webhely tartalmának olvashatóságát. Íme néhány javaslat, amelyet a Divi webhelytervezőjeként alkalmazhat a gyakorlatban, amikor megpróbál kézileg létrehozni reszponzív táblázatokat.
Miközben csökkenti a táblázat méretét, hogy egy kisebb képernyő is elférjen, több CSS-osztályt kell létrehoznia, amelyek mindegyike egy adott képernyőfelbontást céloz meg.
Egy másik megoldás, amelyet megtehet, ha elrejt bizonyos oszlopokat a táblázatból, amikor a képernyő mérete kisebb.
Kisebb képernyők esetén vízszintes vagy függőleges görgetéseket helyezhet el a táblázat fejlécében és láblécében.
Hozzon létre egyetlen táblázatot, amely minden képernyőmérethez méretezhető, és nagyítsa ki a táblázatot, hogy az anyag olvashatóbbá váljon.
Ezek a megoldások jelentős erőfeszítést igényelnek, és a követelmények a tartalomtól és a képernyő méretétől függően eltérőek lehetnek.
1. megoldás: Táblázatok hozhatók létre a Divi Builder segítségével.
Az Elegant Themes elkészített egy oktatóanyagot, amely bemutatja, hogyan lehet reszponzív táblázatokat létrehozni a Divi beépített funkcióival. Nézd meg itt. Vízszintes görgetési lehetőségeket adtak azokhoz az oszlopokhoz, amelyek túlcsordítják a táblázattárolót, lehetővé téve, hogy a táblázat jobban reagáljon a felhasználói bevitelre. Többet megtudhat az oktatói oldalon:
2. megoldás: Használja azokat a plugin , amelyek alapértelmezés szerint tartalmazzák ezt a funkciót!
A reszponzív táblázat elkészítése a Divi webhelyhez többé nem jelent problémát, köszönhetően a repóban elérhető rengeteg INGYENES plugin megoldásnak. Kicsit nehézkes azonban olyan plugin találni, amelyek beépített mobilválasz-beállításokkal rendelkeznek. A népszerű plugin , például a wpDataTables nem rendelkeznek ingyenes lehetőséggel.
Ebben az írásban a WP Tabe Builder plugin tekintjük az egyik legjobbnak.
WP Table Manager
WP Table Manager az egyetlen WordPress plugin , amely teljes táblázatkezelő felületet biztosít a táblák kezeléséhez. Hozzon létre egy táblázatot, válasszon témát, és azonnal kezdje el szerkeszteni a táblázatokat, amint elkészült. Hatékony táblázatszerkesztési funkciók átfogó készletéből profitálhat, beleértve a HTML-cellaszerkesztést, a táblázat másolását, a számítást, valamint az Excellel, a Google Táblázatokkal és az Office 365-tel való szinkronizálást; olyan egyszerű, mint egy cellára kattintani és az adatokat vizuális szövegszerkesztővel vagy anélkül szerkeszteni, hogy a végfelhasználó módosítsa a táblázatot.
WP Table Manager lehetővé teszi vonzó, érzékeny táblázatok tervezését egy egyszerű vizuális felület segítségével. Ingyenesen használható. Ha aktiválta, a rendszer elküldi a beállítási útmutatóhoz. Kövesse az eljárásokat, és tetszés szerint végezze el a szükséges módosításokat. Mintegy varázsütésre, egy gyönyörű asztalt készített, amely minden méretű eszközön gyönyörűen jelenik meg. Ezután már csak a rövid kódot kell másolnia, és beilleszteni arra az oldalra, ahol meg szeretné jeleníteni. Az építő jelenleg hét elemet kínál (Szöveg, Kép, Lista, Gomb, Csillagbesorolás, Egyéni HTML és Rövid kód), amelyeket a drag and drop funkcióval a táblázat helyőrzőibe húzhat. Ezek felhasználhatók különféle táblázatok készítésére, például termék-összehasonlító táblázatok, ártáblázatok, listatáblák stb.; ez a Table plugin , amelyet a vizsgálatunk során a leginkább kezdőbarátnak találtunk. Ne feledje, hogy a jelenlegi verzió nem rendelkezik keresőmezővel vagy más típusú szűrési funkcióval. Ezenkívül, ha sok adatkészletet kíván megadni vagy kezelni, ez nem feltétlenül az ideális megoldás. Az ilyen típusú felhasználási forgatókönyvekhez a Visualizer vagy a Tablepress egyaránt kiváló választás.
Interfész a WP Table Manager
A rövid kódot a Divi kódmoduljába vagy szöveges moduljába is beillesztheti.
A DIVI téma tartalmazza a WP Table Manager .
WP Table Manager plugin válaszol a részletek kezelésére, amikor a táblázatok kezeléséről van szó;
- Miután a szűrési opció aktiválva van a táblázatban, minden oszlopban kereshet adatokat, és szűrheti a teljes táblázatot. Hatalmas asztalokon is működik, beleértve az oldalszámozást is
- Az egyes oszlopokban megjelenő fel és le nyíl rendezi a táblázat adatait. A táblaadatok rendezése hatalmas táblákon is működik, beleértve az oldalszámozást is.
- Miután elkészítette a táblázatot az összes szükséges adattal, engedélyezheti a felhasználóknak a rendezést, de létrehozhat egy alapértelmezett sorrendet is. Ez nagyon hasznos lehet, ha az információk idővel változnak, mivel a futam után a futókat érkezési sorrend szerint rendezheti.
- Lapozásra van szükség, ha nagy táblázatot szeretne megjeleníteni a webhely előfelületén, miközben fenntartja a szerver erőforrásait. Válasszon előre beállított számú táblázatsort minden oldalon.
Az Excel dokumentumok kezelésének nyílt módja is van a WP Table Manager Excel fájl importőrön keresztül. Az Excel-adatokat azonban csak szerkeszthető HTML-táblaként importálhatja és átalakíthatja, vagy importálhatja az Excel-fájlt, amelynek stílusa színeket, háttereket, oszlopméretet és hivatkozásokat tartalmaz.
Kezelje Excel tábláját, és tegye közzé a WordPress webhelyén! Excel-fájlt feltölthet a táblázatba a WordPress médiakezelésen vagy egy FTP-kliensen keresztül. Ezután válassza ki az Excel fájlt, és indítsa el a szinkronizálást a táblázatbeállításokból.
A WordPress tábla és az Excel fájl közötti szinkronizálást rendszeresen, egy perc és egy nap között lehet elvégezni. Az automatikus szinkronizálási késleltetés megadható a nem kívánt WordPress nyilvános táblafrissítések elkerülése vagy a szerver erőforrások megtakarítása érdekében egy hatalmas tábla számára.
Egy táblázat importálása után minden adat frissíthető; ez csak egy közönséges HTML táblázat, amely plugin szerkeszthető! WordPress táblázat.
Másrészt, miután elkészített egy rendezett táblázatot az összes kívánt adattal, exportálhatja azt hagyományos Excel-fájlként, és amp később újra futtathatja a frissített Excel-lapot. A felhasználók mostantól Excel-lapként exportálhatják a táblázatot a WordPress kezelőfelületén.
A WP Table Manager az Office 365-tel is szinkronizál a OneDrive-on keresztül.
OneDrive Excel fájl importáló és exportáló eszköz áll rendelkezésre; időt takaríthat meg a fájlok importálásával és futás közbeni módosításával. Legyen még termelékenyebb a OneDrive fájlszinkronizálással! Válasszon ki egy Office 365 Excel-fájlt a szinkronizáláshoz, az automatikus beállításhoz, és már elérhetővé válik a webhelyén.
WP Table Manager segít táblák létrehozásában és importálásában az adatbázisból; most már tartalmaz egy olyan eszközt, amellyel táblákat lehet generálni a kiválasztott webhely-adatbázis-tartalomból, amely korábban nem volt elérhető. Az adatbázis tábláinak és oszlopainak kiválasztása, konfigurálható szűrők alkalmazása és a táblák kezelése a WP Table manager felületén keresztül történik. Amikor az adatbázis frissül, a tábla automatikusan növekszik! Ezen kívül válogatási, szűrési, automatikus tervezési és lapozási lehetőségek állnak az Ön rendelkezésére.
Ha Ön nem fejlesztő, vizuálisan bármilyen adatbázis-anyagot csatlakoztathat a HTML-táblájához. Az adatbázisban lévő összes tábla megjelenik, miközben új táblát generál az adatbázis tartalmából.
Webhelye adatbázisa egyszerű keresést végezhet, és kiválaszthatja a táblázatait és oszlopait; ez nagyon hasznos egy hatalmas adatbázisban. Továbbá itt van egy varázsló, amely lépésről lépésre segíti az adatbázisból származó táblázatot.
Az utolsó szakaszban, mielőtt megnézné a táblát az adatbázisból, megírhatja egyéni lekérdezését a megadott adatbázistáblákra. Néhány funkciót támogatunk, mint például a KIVÁLASZTÁS, CSERE, ÁTNEVEZÉS, MEGJELENÍTÉS, MEGmagyarázás, LEÍRÁS.
Egy adatbázistáblázat néha sok sort tartalmaz; így ez az opció segíthet a képernyőbe illeszkedő táblázat megjelenítésében. Emellett beállíthat előre meghatározott számú sort a táblázatban minden oldalon. Ezenkívül kiválaszthat egy oszlopot a teljes táblázat alapértelmezés szerinti rendezéséhez.
A WordPress adatbázistábla-kapcsolat nem korlátozódik csak a WordPress táblákra. Minden olyan tábla csatlakoztatható, amely nem a WordPress-ből származik, de ugyanabban az adatbázisban van telepítve.
A táblázatban található hatalmas adatok között létrehozhat néhány egyéni szabályt, amelyek egy adott objektumra összpontosíthatnak. Ha ismeri, játszhat olyan adatbázis-operátorokkal, mint a >, <, LIKE, IN…
Az Ön által létrehozott adatbázis táblái ugyanúgy szerkeszthetők, mint bármely más táblázat (ha a felhasználó hozzáfér ehhez az értelmes funkcióhoz) (ha a felhasználó hozzáfér ehhez a praktikus funkcióhoz); Ez nagyon kényelmes néhány adatbázis-adat kötegelt szerkesztéséhez, amp több publikálás utáni dátumhoz, amelyek egyenkénti végrehajtása eltartott volna egy ideig.
Következtetés
A táblázatok az információkészlet bemutatásának egyik leghatékonyabb módja. Egy kevésbé technikai ember számára azonban kihívást jelent a táblázatok elkészítése egy weboldalon. Ezekkel plugin modulokkal könnyedén készíthet olyan táblázatokat, amelyek bármely eszközön olvashatóak, mindössze néhány egyszerű lépésben. Ezenkívül az adaptív táblázatok minden bizonnyal pozitív általános élményt nyújtanak webhelye látogatóinak. Tehát próbálja meg ezt, és ossza meg velünk tapasztalatait az alábbi megjegyzés részben.
