WP Table Manager : Styling Tables
- 1. Formátum
- 2. Témák és lehetőségek
- 3. Adjon hozzá elemleírást a cellákhoz
- 4. Sor- és oszlopfagyasztás
- 5. Rendezés és szűrők
- 6. A sejt kitöltése és a határ sugara
- 7. Egyéni CSS
- 8. Reszponzív WordPress táblázatok
- 9. Exportálás Excelbe
- 10. Lapszámozás
- 11. Cellák szegélyének stílusa
- 12. Táblázat nyomtatása a frontendre
1. Formátum
Az eszköztáron beállíthatja a cellák stílusát, például: betűtípus, betűméret, szövegstílus, cella háttérszíne, szöveg színe, cella vízszintes és függőleges igazítása, ... Alkalmazható egy cellára vagy több cellára
Kiválaszthatja a táblázatszerkesztő százalékát. Ez azt jelenti, hogy nagyíthatja/kicsinyítheti a táblázatot, 50% és 200% között.
A sor magassága és oszlopszélessége pixelben határozható meg. Nyissa meg a Menü Formátum > Oszlop/sorméret alkalmazása menüpontot , majd válassza az Oszlop átméretezése/Sor átméretezése lehetőséget . A felugró ablakban kiválaszthatja a tartományt, és beállíthatja a px oszlopokat vagy sorokat. A befejezéshez kattintson a Kész
2. Témák és lehetőségek
Mindegyik táblázatban megtalálja a Témaválasztás opciót a Menü Téma menüpontjában. Csak kattintson egy témára az alkalmazáshoz.
Alternatív színek
Ugyanazon a Menütéma > Alternatív színek az „Automatikus stílus” funkció segít kiszínezni az asztal vonalát a Fejlécstílus és a Lábléc stílusozási lehetőségeivel. Kiválaszthatja a sablonstílusokat, vagy elkészítheti sajátját a bővítmény beállításainál.
Az alternatív színt pedig úgy távolíthatja el, hogy rákattint az "Eltávolítás > Automatikus stílus eltávolítása" lehetőségre a jobb gombbal kattintva. Ezután a szín törlődik a megerősítést követően.
Táblázat igazítás
A táblázat igazítása a teljes táblát tartalmazó div igazítását jelenti, például az összes táblázatot középre igazítja. Megtalálható a Menüformátum > Táblázatigazítás menüpontban .
Cellák kiemelése
Opcióként cellakiemelés is elérhető. Ezt a funkciót a konfigurációban engedélyezheti. Alapértelmezés szerint le van tiltva. Kiválaszthatja a kiemelési sort a kiemelés színének és átlátszatlanságának beállításához.
3. Adjon hozzá elemleírást a cellákhoz
A táblázat minden celláján megjelenik az Eszköztipp hozzáadása opció, ha rákattint a jobb gombbal.
Az eszköztipp szélességét pixelben állíthatja be. Egy szerkesztővel ellátott elemleíráshoz viszi a szerkesztést.
Adjon hozzá tartalmat és mentse, kész, az eszköztipp megjelenik a nyilvános oldalon, amikor az egeret mozgatja.
4. Sor- és oszlopfagyasztás
Oszlop lefagyasztása
Menüformátum > Reszponzív beállítások menüpontban érhető el . Legfeljebb 5 oszlopot rögzíthet. Az első oszloptól számítják.
A fóliák / sorok fagyasztásához van egy további lehetőség, amely lehetővé teszi az asztal magasságának rögzítését (mert az asztaltárolója végtelen magasságú lehet).
Ha kiválasztotta a rögzíteni kívánt oszlopot, görgethet a táblázaton, és mindig megjelenítheti a rögzített oszlopot.
Sorok lefagyása
Megtalálható a Menüformátum > Táblázat fejléce , innen lehet bekapcsolni az opciót, és beállítani a sorok rögzítését (legfeljebb 5 sor).
Ha be szeretné állítani az asztal magasságát, kérjük, térjen vissza a Reszponzív beállításokhoz.
Ezután a beállítást követően az első sor rögzítésre kerül a frontenden.
5. Rendezés és szűrők
Ha rendezni vagy szűrni szeretné a táblázatot, lépjen a Menüformátum > Rendezés és szűrők lehetőségre.
Ezután megjelenik egy felugró ablak, amely rendezési és szűrési lehetőségeket tartalmaz.
Ha rendezni szeretne egy táblázatot, egyszerűen engedélyezze a Frontend rendezhetőségét . Kiválaszthat egy oszlopot az alapértelmezett rendezéshez és annak irányát.
Például ebben az esetben válassza ki az A oszlopot ASC irányú .
2 lehetőség van a szűrésre:
- Oszlopon belül: az egyes oszlopok fejlécében szűrheti az adatokat. A váltógomb segít megjeleníteni vagy elrejteni a keresőmezőt a fejlécben.
- Speciális szűrési űrlap: az opció kiválasztása után egy táblázatban kereshet és szűrhet adatokat
Fő keresés: Ha engedélyezi ezt a funkciót, egy keresési beviteli mezőt ad hozzá a kezelőfelülethez. Ez lehetővé teszi a felhasználók számára, hogy könnyen kereshessenek a táblázat összes adatában.
6. Cellák kitöltése és szegélysugár
Az eszköztáron található a szegély ikon, amely segít beállítani a kitöltést és a szegély sugarát a cellán.
7. Egyéni CSS
Lépjünk egy lépéssel tovább. , akkor a Menüformátum > Egyéni CSS menüpontban adhat hozzá css-t
A CSS kód kódtükörrel színezett és kevesebb CSS-ben írható, ez is működik!
A cellák, vonalak és oszlopok koordinátákkal rendelkeznek, amelyek mindegyikét azonosítják, és egyéni css-t alkalmaznak rájuk. R a sor, C az oszlop.
8. Reszponzív WordPress táblázatok
A táblázataim érzékenyek, vagy kis eszközökön használják a görgetést?
Hiding Cols
WP Table Manager opcionálisan kiemelt eszközzel kezeli az érzékeny tervezést. Alapértelmezés szerint a reszponzív funkció le van tiltva, túlcsordulás lesz (bár mobilon remekül működik). Az oszlopok elrejtése használatához lépjen a Menüformátum > Reszponzív beállítások menüpontra.
A reszponzív mód fejlett, mobilméreteken megadhatja az oszlopok elrejtésének prioritását.
Ha az oszlopok el vannak rejtve, egy jelölőnégyzetet tartalmazó mobilmenü jelenik meg az oszlopok megjelenítésének/elrejtésének kényszerítéséhez. Az oszlopméret a táblázatszerkesztés során rögzítésre kerül. Ha az összes oszlop mérete túl nagy a tárolóhoz, akkor túlcsordulás lép fel, és könnyen görgethet mobileszközökön.
Táblázat görgetéssel (jobb kis mennyiségű oszlophoz)
Táblázat rejtett oszloppal (nagy mennyiségű oszlophoz jobb)
Ismételt fejléc
Ez egy másik lehetőség, ha egy táblázatot szeretne beszúrni a webhely egy kis területére. Lépjen a Menüformátum > Reszponzív beállítások menüpontra. Ezután válassza az Érzékeny típus > Ismételt fejléc lehetőséget.
Lesznek olyan lehetőségek, amelyek az Ön igényei szerint testreszabhatók:
- Reszponzív töréspont (px): Válasszon ki egy töréspont értéket pixelben annak meghatározásához, hogy a táblázat mikor váltson át erre a reagáló módra
- Reszponzív max-magasság (px): Amikor az érzékeny mód be van kapcsolva, a töréspont értékétől függően adjon meg egy maximális magasságot, hogy elkerülje a nagyon hosszú táblázatot.
- Adaptív mód stílusa: Alapértelmezett stílus alkalmazása ehhez az adaptív módhoz, vagy használja a táblázat színeit
Ezt követően láthatja, hogyan fog kinézni a táblázat a frontenden.
az Ismételt fejléc használja és a Szűrés opció engedélyezve van, akkor a mobilnézetben a szövegmezőbe gépelve szűrhet.
9. Exportálás Excelbe
A táblázat számítógépre mentéséhez lépjen a Táblázat menü menübe , és kattintson az Excel exportálása gombra . Ekkor a fájl típusa *.xlsx lesz a frontendre történő exportálás után.
10. Lapszámozás
minden táblázatkiadásban a Menüformátum > Lapozás menüpontban található A váltógombbal engedélyezheti, és válassza ki az oldalon megjelenítendő sorok számát.
11. Cellák szegélyének stílusa
A táblázathoz szegélytípusokat alkalmazhat, például szegélyszélességet, szegélyszínt vagy szegélystílust. Először válassza ki a cellatartományt, majd kattintson az ikonra az eszköztáron.
12. Táblázat nyomtatása a frontendre
Néha ki kell nyomtatnia a táblázatot. Tehát ahhoz, hogy a Nyomtatás gomb a kezelőfelületen, először navigáljon a Menütáblázathoz, és jelölje be a Nyomtatás gombot.