Minden modern weboldalt úgy alakítottak ki, hogy megfelelően működjön a különböző képernyőszélességeken. A táblázatok a régi időkben egyszerű HTML használatával készültek. Mivel a rugalmas webdesign az új szabványt képezte, az alapvető HTML táblák küzdöttek a modern weboldalak igényeinek való megfeleléssel. Mivel az egyszerű HTML táblák nem reagálnak, a bennük lévő szöveg rendkívül nehezen olvasható a mobil képernyőméreteken, ezért olyan reszponzív táblázatok kifejlesztésére használják őket, amelyek az elrendezésüket a képernyő méretétől függően igazítják, A HTML és CSS média lekérdezéseket egymással együtt kell használni.
- 1. megoldás: A Divi Builder segítségével táblákat lehet létrehozni.
- 2. megoldás: Használjon olyan asztali 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 összeállíthatók olvasható elrendezéssel, minden képernyőméreten egyetlen információkészlet számára, amely nem túl hatalmas vagy sokszínű, és ez alapvető HTML és CSS megközelítésekkel valósítható meg. Ha azonban a táblázat jelentős mennyiségű adatot kíván tárolni, akkor nem könnyű olvasható elrendezést készíteni olyan mobileszközökön vagy képernyőkön, amelyek szélessége kisebb, mint 786 képpont.
Ha a webdesigner, amely HTML-sel és CSS-sel dolgozik annak érdekében, hogy egy táblázatot minden képernyőméretre reagáljon, nem veszi figyelembe az adatok mennyiségét, valószínűleg olyan problémákba ütköznek, amelyek jelentősen befolyásolják a webhely tartalmának olvashatóságát. Íme néhány javaslat, amelyet Ön, mint Divi webhelytervező, alkalmazhat a gyakorlatban, amikor megkísérli az adaptív táblázatok manuális létrehozását.
Miközben csökkenti a táblázat méretét egy kisebb képernyő befogadásához, több CSS osztályt kell felépítenie, és mindegyik osztálynak egy adott képernyőfelbontást kell megcéloznia.
Alternatív megoldásként elrejtheti az adott oszlopokat a táblázatból, ha a képernyő mérete kisebb.
Kisebb képernyőknél vízszintes vagy függőleges görgetéseket is felvehet az asztal fejlécébe és láblécébe.
Hozzon létre egyetlen táblázatot, amely méretezhető az összes képernyőmérethez, és nagyítsa a táblázatot, hogy az anyag olvashatóbb legyen.
Ezek a megoldások jelentős erőfeszítéseket 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: A Divi Builder segítségével táblákat lehet létrehozni.
Az Elegant Themes oktatóanyagot készített, amely bemutatja, hogyan lehet az érzékeny táblákat a Divi beépített szolgáltatásainak felhasználásával elkészíteni. Nézze meg itt. Vízszintes görgetési képességekkel egészítették ki az oszlopokat, amelyek túlcsordulnak a táblázattárolótól, lehetővé téve a táblázat számára, hogy jobban reagáljon a felhasználói bevitelre. További információt az oktatóanyag oldalára tehet:
2. megoldás: Használjon olyan asztali plugin amelyek alapértelmezés szerint tartalmazzák ezt a funkciót!
Reszponzív táblázat készítése a Divi webhelyére már nem jelent problémát, köszönhetően a rengeteg INGYENES plugin megoldásnak, amelyek elérhetőek a repóban. Kicsit trükkös azonban olyan asztali plugin találni, amelyek beépített mobil reagálási lehetőségekkel rendelkeznek. Az olyan népszerű plugin inek, mint a wpDataTables, nem rendelkeznek ingyenes lehetőséggel.
Ebben az írásban az egyik legjobbnak tekintjük a WP Tabe Builder plugin .
WP Table Manager
WP Table Manager az egyetlen WordPress tábla plugin , amely egy teljes táblázatkezelő felületet biztosít a táblák kezeléséhez. Hozzon létre egy táblázatot, válasszon egy témát és kezdje el a táblák szerkesztését, amint elkészült. Élvezni fogja a hatékony táblázatszerkesztő funkciók átfogó készletét, beleértve a HTML-cellák szerkesztését, a táblák másolását, a számítást és az Excel, a Google Táblázatok és az Office 365 szolgáltatással történő szinkronizálást; olyan egyszerű, mint egy cellára kattintani és adatokat szerkeszteni egy vizuális szövegszerkesztő segítségével vagy anélkül, hogy a végfelhasználó egy táblázatot módosítson.
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ó. Miután aktiválta, elküldjük a telepítési útmutatóba. Kövesse az eljárásokat, és hajtsa végre a szükséges beállításokat az Ön ízlése szerint. Mintha varázsütésre létrehozott volna egy gyönyörű táblázatot, amely gyönyörűen megjelenik minden bármilyen méretű eszközön. Ezután csak annyit kell tennie, hogy átmásolja a rövid kódot, és beilleszti abba az oldalba, ahová szeretné megjeleníteni. A készítő jelenleg hét elemet (Szöveg, Kép, Lista, Gomb, Csillag besorolás, Egyéni HTML és Rövidkód) kínál, amelyeket a fogd és vidd funkció segítségével áthúzhat a táblázat helyőrzőibe. Ezek felhasználhatók különféle típusú táblák, például termék-összehasonlító táblázatok, árazási táblák, listatáblák stb. ez a Table plugin , amelyet a vizsgálatunk során felfedeztünk a kezdőbarátabbnak. Kérjük, 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 adatsort kíván megadni vagy kezelni, ez nem biztos, hogy az ideális megoldás. Az ilyen típusú használathoz a Visualizer vagy a Tablepress egyaránt kiváló választás.
Interfész a WP Table Manager
A rövid kódot kód kódba vagy szöveges modulba is felveheti a Diviben.
A DIVI témához tartozik a WP Table Manager .
WP Table Manager plugin válaszol a részletek kezelésére, amikor a táblákat kell kezelni;
- Miután aktiválta a szűrő opciót az asztalán, minden oszlopban megkeresheti az adatokat, és a teljes táblázatot szűrheti. Hatalmas asztalokon is működik, beleértve a lapozást is
- Az egyes oszlopokban megjelenő fel és le nyíl elrendezi a táblázat adatait. A táblázatadatok rendezése hatalmas táblákon is működik, beleértve a lapozást is.
- Miután elkészítette a táblázatot az összes szükséges adattal, hagyhatja a felhasználókat a rendezésben, de létrehozhat egy alapértelmezett sorrendet is. Ez nagyon hasznos lehet, ha az információk idővel változnak, mivel a futók után a verseny az érkezés sorrendje szerint rendezhető.
- Az oldalszámozásra akkor van szükség, ha a szerver erőforrásainak fenntartása mellett egy nagy táblázatot szeretne megjeleníteni a webhely felületén. Válassza ki a táblázatsorok előre beállított mennyiségét, minden oldalon.
Van egy nyílt módszer az excel dokumentumok kezelésére is a WP Table Manager Excel fájlimportálón keresztül. Az Excel-adatokat azonban csak szerkeszthető HTML-táblázatokként importálhatja és alakíthatja át, vagy az Excel-fájl stílusában színeket, háttereket, oszlopméretet, linkeket tartalmazhat.
Kezelje Excel tábláját, és tegye közzé a WordPress webhelyén! Excel-fájlt feltölthet a táblára a WordPress médiakezelés vagy az FTP-kliens segítségével. Ezután válassza ki az Excel fájlt, és kezdeményezze a szinkronizálást a táblázat beállításaiból.
A WordPress tábla és az Excel fájl közötti szinkronizálás rendszeresen, egy perc és egy nap között végezhető. Az automatikus szinkronizálási késleltetés meghatározható a nem kívánt WordPress nyilvános táblafrissítések elkerülése vagy a szerver erőforrásainak megtakarítása érdekében is.
Táblázat importálása után minden adat frissíthető; ez csak egy közönséges HTML tábla, amely szerkeszthető, mint egy plugin ! WordPress táblázat.
Másrészt, miután az épület egy takaros asztalt, minden kívánt adatokat, akkor exportálni, mint egy hagyományos Excel fájlt, és az ex amp le, futtassa újra a frissített Excel mérleg később. A felhasználók most exportálhatják a táblázatot Excel-lapként a WordPress kezelőfelületére.
A WP Table Manager szinkronizál az Office 365-tel a OneDrive-on keresztül is.
Elérhető a OneDrive Excel fájl importáló és exportáló eszköz; időt takaríthat meg a fájlok futás közbeni importálásával és módosításával. Legyen még produktívabb a OneDrive fájl szinkronizálásával! Válasszon ki egy Office 365 Excel fájlt a szinkronizáláshoz, az automatikus beállításhoz, és elérhetővé válik a webhelyén.
WP Table Manager segít tabulák felépítésében és importálásában az adatbázisból; most tartalmaz egy eszközt táblák előállításához a weboldal adatbázis tartalmának válogatásából, amely korábban nem volt elérhető. Az adatbázis táblázatait és oszlopait kiválasztja, konfigurálható szűrőket alkalmaz, és a táblákat a WP Table manager felületen keresztül kezeli. Az adatbázis frissítésekor a táblázat automatikusan növekszik! Ezen felül rendelkezésére áll rendezési, szűrési, automatikus tervezési és lapozási lehetőségek.
Ha nem fejlesztő, akkor vizuálisan bármilyen adatbázis-anyagot összekapcsolhat a HTML-táblával. Az adatbázis összes táblája megjelenik, miközben új táblát állít elő az adatbázis tartalmából.
Webhely-adatbázisa egyszerű keresést végezhet, és kiválaszthatja táblázatait és oszlopait; ez nagyon hasznos egy hatalmas adatbázisban. Ezenkívül egy varázsló segít itt segítséget nyújtani az adatbázisból származó táblázathoz lépésről lépésre.
Az utolsó szakaszban, mielőtt a táblát megtekintené az adatbázisból, beírhatja egyéni lekérdezését a megadott adatbázis-táblákba. Néhány funkciót támogatunk, például a SELECT, a REPLACE, az RENAME, a SHOW, az EXPLAIN, a DESCRIBE funkciókat.
Az adatbázis-táblához néha sok sor tartozik; így ez az opció segíthet egy olyan táblázat megjelenítésében, amely illeszkedik a képernyőjéhez. Ezenkívül beállíthat egy előre meghatározott számú sort a táblához, minden oldalhoz. Ezenkívül választhat egy oszlopot is, amely alapértelmezés szerint rendezi a teljes táblázatot.
A WordPress adatbázis-tábla kapcsolata nem korlátozódik csak a WordPress-táblákra. Az összes olyan tábla összekapcsolható, amely nem a WordPress programból származik, de ugyanarra az adatbázisra van telepítve.
Az asztalon található hatalmas adatok között létrehozhat néhány egyéni szabályt, amelyek egy adott objektumra koncentrálnak. Ha ismeri, játszhat az olyan adatbázis-operátorokkal, mint a>, <, LIKE, IN…
A létrehozott adatbázis táblái szerkeszthetők, mint bármely más tábla (ha a felhasználónak hozzáférése van az értelmes szolgáltatáshoz) (ha a felhasználónak hozzáférése van ehhez a gyakorlati szolgáltatáshoz); ez elég kényelmes, kötegelt szerkesztés az adatbázis adatait, például, az ex amp le, több post-közzétételi dátumokat, hogy volna egy darabig, ha történik egy-egy.
Következtetés
A táblázatok az egyik leghatékonyabb módja az információkészlet bemutatásának. Egy kevésbé technikus ember számára azonban kihívást jelent a táblázatok létrehozása. Ezeknek a plugin segítségével egyszerűen elkészítheti az összes eszközön olvasható táblázatokat, csupán néhány egyszerű lépésben. Sőt, az adaptív táblázatok biztosan pozitív általános élményeket nyújtanak a webhely látogatói számára. Tehát próbálja ki ezt, és ossza meg velünk tapasztalatait az alábbi megjegyzés részben.
