WP Table Manager dokumentation

Introduktion

WP Table Manager er en WordPress-udvidelse, der bruges til at styre HTML-tabeller i WordPress med et regneark som interface. Det kommer som en enkelt pakke alle temaer er inkluderet.

 

WP-Table-manager

 

Vigtigste fordele:

  • Administrer tabeller som i et regneark
  • 6 temaer inkluderet
  • Fuldt styret fra enhver editor
  • AJAX automatisk besparelse
  • Sorterbar data på frontend
  • Celle, linje, kolonne stil editor
  • Ændre størrelsen på linie og kolonne med drag'n drop
  • Kopier celle med drag'n drop
  • Kopier hele tabellen med et enkelt klik
  • HTML-celler format
  • Avanceret CSS kode editor

 

I. WP TABLE MANAGER INSTALL

1.1 Installer

 

For at installere vores plugin skal du bruge standard WordPress installer eller pakke ud og sætte hele mappen i / wp-indhold / plugin.

 

installere-WP-media-mappe

 

Klik derefter på Aktivér plugin, for at se WP Media Folder menuen vises på WordPress venstre menu.

WP Table manager er tilgængelig fra en dedikeret venstre menu eller i en lightbox fra editoren. Du har også parametrene under menuen "Konfiguration".

 

1.2 Opdater plugin

For at opdatere WP Media Folder kan du bruge standardopdateringen til WordPress. Du kan også fjerne og installere den nye version fra en .zip-fil, der downloades på www.joomunited.com. Under alle omstændigheder vil du ikke miste noget indhold, fordi alt er lagret i databasen.

 

wptm-opdatering

 

Sørg for altid at have den nyeste version for at undgå sikkerheds- og stabilitetsproblemer.

For at opdatere den betalte version skal du logge ind på din JoomUnited-konto fra indstillingerne for WordPress: Indstillinger> Generelt

 

link-konto

 

Brug derefter din JoomUnited konto login og adgangskode. Efter et vellykket login vender knappen til blå med en tekst Afbryd min JoomUnited-konto

 

image9

 

Så endelig kan du opdatere alle JoomUnited-kommercielle plugins fra den opdaterede WordPress-standard.

 

II. WP TABLE MANAGER FÆLLES BRUG

Hovedidéen for WP Table Manager er at styre alle tabellerne fra editoren, selvom du har en pluginvisning. WP Table Manager virker på hver WordPress WYSIWYG editor, både til frontend og backend. For eksempel kan du bruge det i et brugerdefineret WordPress-modul.
 

2.1 Administrer tabeller fra artiklen

 

tabel-chef-knap

 

Når WP Table Manager er installeret, har du en editorsknap, der vises under din editor. Klik på den for at åbne hovedvisningen WP Table Manager.

Tabelforvalter i en lightbox åbnet fra et indlæg:

 

image14

 

Når du vil indsætte et bord i din editor, skal du bruge den øverste højre knap. Indsæt denne tabel for at sætte den i din artikel. Derefter bliver bordet materialiseret med et gråt område og et Excel-ikon.

 

image15

 

Hvis du klikker på området, klikkes derefter på knappen WP Table Manager igen, tabellen, der tidligere blev tilføjet.

 

image16

 

Gutenberg er imidlertid standardredaktøren i WordPress nu, så du kan se på 2,7 blokke i gutenberg

2.2 Administrer tabeller og kategorier

Tabeller er klassificeret inden for kategorier. Du kan have så mange tabeller, som du vil have indenfor kategorier.

For at oprette en tabellen kategori, klik på Ny tabellen kategori knap på dashboardoverskriften. For at oprette et nyt bord skal du bare klikke på Opret tabel knappen.

 

tabel-kategorier

 

Bemærk: Der er allerede oprettet en standardkategori og -tabel under installation af plugin

 

Kategorien kan styres ved at placere din mus på den, du vil kunne redigere navnet eller slette det.

 

tabel-navn

 

For at bestille kategorierne kan du bruge drag'n drop-funktion.

 

tabel-move

 

Hvis du lægger musen på bordets titel, vises ikoner for at redigere bordets titel, kopiere bordet (alt bordet inklusive data og skabelon) eller affald det.

 

2.3 Tabeludgave

For at tilføje data i tabeller skal du handle som om du er i et spreadsheat. Dobbeltklik på en celle giver dig mulighed for at opdatere indhold, et enkelt klik for at vælge en / nogle celler (og for eksempel at anvende stil).

 

image20

 

For at tilføje linjer eller kolonner skal du klikke på + på bordgrænsen eller bruge højre klik!

 

add-række-line

 

For at kopiere celler kan du bruge CTRL + C / CTRL + V (eller de æble ting der gør det samme J), ​​eller du kan også lægge din mus i nederste højre hjørne af cellen og bringe den i den ønskede retning.

 

celle-kopi

 

Bemærk, at alt, hvad du laver, gemmes automatisk med en besked øverst til højre

 

Du har mulighed for at fortryde den seneste ændring.

 

image24

 

WP Table Manager holder en sikkerhedskopi af den ændring, du har gjort, og er i stand til at gendanne den.

 

image25

 

2.4 Avanceret indholdsudgave

Du kan tilføje HTML-indhold med en WYSIWYG-editor inden for hver celle. Vælg en celle på højre side Formatér> HTML.

 

image26

 

Nu, når du redigerer cellen, har du HTML editor indenfor. Billede og HTML er tilgængelige.

 

html-table-celle

 

Cellerne kan også fusioneres. Vælg 2 celler eller mere og gør et højreklik, en menu giver dig mulighed for at gøre sammenlægningen.

 

image28

 

2.5 Excel og regneark import / eksport

Du kan importere og eksportere regneark i WP Table Manager ved hjælp af vores dedikerede værktøj.

 

image29

 

Tabellerne kan importeres fra Excel eller åbne kontorsdokumenter. Formatet registreres automatisk og importeres. Bemærk, at kun den første Excel-side vil blive importeret.

Eksporten kan udføres i Excel 2003 eller 2007 format.

 

image30

 

2.6 Shortcode

Hver tabel har sin shortcode, du kan finde på Flere faneblade på højre panel. Derefter kan du nemt dele bordet med kortnummeret, fx: [wptm id = 8]

 

kortkode

2,7 blokke i gutenberg

Du kan vise dine tabeller eller diagrammer i Gutenberg editor nu. Disse to WP Table Manager-blokke er WP Table Manager og WP Table Manager-diagrammer.

For at vise et bord i Gutenberg editor, skal du klikke på WP Table Manager knappen i kategorien Widgets. Der vises en rullemenu, og du vælger derefter det bord, du vil vise i frontend.

 

add-table-blok

 

Det ligner et diagram, og klikker på WP Table Manager diagram knappen i kategorien Widgets. Så vælger du et diagram på rullemenuen.

 

add-chart-blok

 

III. STYLING TABLES

3.1 Format

Formatfanen er som standard til højre på skærmen. Den indeholder forskellige parametre.

 

image31

 

  • Celletype: standard eller HTML. Standardtypen giver dig mulighed for at beregne HTML-indholdet HTML-indhold som billeder. En WYSIWYG editor for hver celle vil blive implementeret i den næste version, for øjeblikket tilføjer du HTML i cellen.
  • Cell baggrund farve: selvfølgelig definerer baggrundsfarve

 

image32

 

Grænser og skrifttypeindstillinger kan anvendes på enkelte eller flere celler

image33

 

Rækken og kolonnebredden kan defineres i pixels. Vælg kolonne eller række overalt i tabellen og valider størrelse.

 

3.2 Tema- og sorteringsindstillinger

På tabellen tabeller, stadig på den højre side, har du en temavelger. Bare klik på et tema for at anvende det.

Ved at anvende et tema erstattes alle data og stil inde i bordet. Så måden at gå videre er at anvende et tema og derefter redigere data ot oprette dit eget tema og duplikere dine tabeller.

 

tema-valg

 

Funktionen "Automatisk styling: hjælper dig med at farve linjen på bordet med Overskrift styling og Footer styling muligheder. Du kan vælge skabelonformaterne eller lave dine egne ved plugin-indstillinger.

 

image35

 

Sorterbar parameter giver dig mulighed for at lave AJAX datasortering på frontend.

 

image36

 

Tabeljusteringen handler om justering af div'en, der indeholder hele tabellen, centrerer f.eks. Hele tabellen.

 

image37

 

En cellehightlight er også tilgængelig som en mulighed. Du kan aktivere denne funktion i konfigurationen. Det er deaktiveret som standard. Du kan markere højdejusteret farve og uigennemsigtighed ved at fremhæve.

 

tabel-højdepunkt

 

3.3 Tilføj værktøjstip på celler

Celleværktøjstips skal aktiveres fra plugin-konfigurationen (Konfigurationsmenu). Efter aktivering får du en knap nederst på fanebladet Format under bordudgaven.

image39

 

Du kan for en bredde i pixels. Rediger værktøjstip vil bringe dig til et værktøjstip med en editor til at redigere værktøjstipen.

 

image40

 

Tilføj indhold og gem, du er færdig, værktøjstipet vil blive vist på den offentlige side på musemarkøren.

 

image41

 

3.4 Linje og kolonnefrysning

Linje- eller kolonnefrysning er tilgængelig i Bord fane. Du kan fryse op til 5 linjer eller kolonner. Det regnes fra den første række / kol.

 

image42

 

For at gøre kølefrysning er der en ekstra mulighed, som giver dig mulighed for at fastsætte bordets højde (fordi din bordbeholder kan have en uendelig højde).

 

image43

 

Når du har valgt linjen eller kolonnen for at fryse, vil du kunne rulle på bordet og altid vise den faste linje / rækker.

 

image44

 

3.5 Filtrering af kolonnedata

En filtreringsindstilling er tilgængelig i tabellen tabulator igen. Du kan aktivere det for at aktivere felter til offentlig datafiltrering.

 

image45

Eksempel på filtre:

 

lydhør-table-scroll

 

3.6 Brugerdefineret CSS

Lad os gå et skridt videre. Hvis du er en webdesigner med css færdigheder, vil du kunne tilføje css i Flere faneblade. Du kan tilføje polstring og kantradius på celle.

 

image47

 

Bemærk, at hvis du har anvendt et tema, tilføjes nogle brugerdefinerede css automatisk. Du kan selvfølgelig stadig redigere det.

 

Stadig på Flere faneblade, klik på brugerdefineret CSS-knap for at få adgang til css udgave. CSS-koden er farvet ved hjælp af kode spejl og kan skrives i mindre CSS, det virker også!

 

custom-table-css

 

Celler, linjer, kolonner har koordinater til at identificere hver enkelt og anvende tilpassede css på den. R er række, C er søjle.

 

image49

 

3,7 Responsive WordPress Tables

Er mine borde lydhør eller brug rulle på små enheder?

WP Table Manager håndterer det responsive design med et prioriteringsværktøj som en mulighed. Som standard er den reaktive funktion deaktiveret, der vil være et overløb (heks fungerer fint på mobil selv).

 

responsiv tilstand

 

Den modtagelige tilstand er avanceret, du kan definere en prioritet for at gemme kolonner på mobilstørrelser. Når kolonner er gemt, vises en mobilmenu med afkrydsningsfeltet for at tvinge visning / skjul af kolonner.
Kolonnestørrelsen er fastsat under tabeludgaven. Hvis størrelsen af ​​alle kolonner er for stor til beholderen, får du et overløb, og du kan nemt rulle på mobile enheder.

Bord med en rulle (bedre for en lille mængde kolonner)

 

lydhør-table-scroll

 

Tabel med kolonne skjult (bedre for en stor mængde kolonner)

 

57bb0cb0ac948

 

3.8 Download bord

For at dele dit bord til offentligheden skal du aktivere Download-knap mulighed på Tabellen Tabel på højre panel. Filtypen vil være * .xlsx.

 

Download-bord

 

IV. KORT FRA TABELLER

4.1 Opret en tabel med data

Siden version 2.0 har du nu mulighed for at tilføje diagrammer inde i dit indhold. Opret først en tabel med data for at generere diagram.

 

image50

 

Så gør dig valg for at generere diagram, her er hele bordet valgt, klik på Tilføj kortknappen.

 

image51

 

Et diagram vil blive genereret med respekt for det dataområde, du har valgt. På højre side kan du vælge bordtypen. Du kan generere en graf som du har brug for fra et datasæt.

 

image52

 

Grafen opdateres dynamisk med hensyn til dataændringen i tabellen.

 

4.2 Grafikparametre

Når din graf er tilføjet, har du nogle muligheder i højre kolonne.

image53

 

"Switch row / column" er kun tilgængelig, hvis du kun har valgt numre i datasættet. Du får lov til at skifte data fra kol til række.

Med "Use first row / column as labels" param kan du tilføje etiket til din graf

 

image54

 

Så har du muligheder for at indstille bredde / højde, justere, farve til dit diagram.

 

V. EXCEL OG GOOGLE SHEETS SYNC

5.1 Synkroniser en tabel med en Excel-fil data

Det er muligt at køre en synkronisering mellem et bord, du har oprettet, og en Excel-fil placeret på din server (hvor som helst). Fra højre fan med navnet "Table", nederst du fik en blok til at linke en Excel-fil til bordet.

 

link-til-Excel


hvis du Klik på knappen Gennemse, vil du være i stand til at vælge en Excel overalt på din server, her er det en fil, der uploades via medieadministratoren (/ uploads folder).

 

link-excel-fil-bord

 

Når din Excel-fil er linket til bordet, kan du ramme Hent data knappen for at importere data fra Excel-filen.

Bemærk: Kun dataene vil blive taget fra Excel, ikke stilarterne, så den globale stil på dit bord vil forblive uberørt ved import.

 

hente-excel-data

 

Advarsel: Du kan ikke importere meget store Excel-filer, afhængigt af din hukommelse, der er tilgængelig på din server (f.eks. Mere end 1000 rækker)

Så er det resultatet af en dataimport.

 

Excel-Google-sheets-synkronisering

 

5.2 Synkronisering med Google Sheets

WP Table Manager tilbyder også nogle synkroniseringsfunktioner i Google Sheets. Dit Google-ark skal offentliggøres for at blive synkroniseret. Så først åbner du dit ark fromm Google Drive og offentliggør det som webside ved hjælp af Fil menu.

 

udgive-web-Google-sheets

 

Derefter får du adgang til Google Sheets-fillinket, kopiér dette link.

 

link-ark

 

Og indsæt i WP Table manager "Tabell" fanen

 

link-til-Excel

 

Du er færdig! Du kan nu hente data til en øjeblikkelig synkronisering og også køre en automatisk synkronisering. Indstillingen for hentestil er, hvis du også vil have Google Sheets-regneark stilarter.

 

5.3 Automatisk synkronisering af Excel og Google Sheets

Over fillinket kan du også aktivere en automatisk synkronisering. WP Table Manager henter data automatisk med jævne mellemrum.

Når den er aktiveret, vises en meddelelse efter bordets titel.

 

google-ark-sync-varsel

 

Synkroniseringsforsinkelsen kan indstilles i den globale WP Table Manager-konfiguration.

 

sync-periode

 

 

VI. WP TABLE MANAGER PARAMETRE

6.1 Parametre

For at få adgang til WP Table Manager, skal du gå ind WP Table Manager> Konfiguration

Som mulighed kan du definere:

  • Aktivér import / eksport knapper
  • Eksporter filformat
  • Aktivér Tooltip
  • Aktivér automatisk gemme eller aktiver en manuel gemmerknap
  • File sync periodicity
  • Indsæt plugin på frontend
  • Genopbyg den alternative farve
  • Celle fremhævning
  • Fremhæv baggrundsfarve
  • Fremhæv skriftfarve
  • Fremhævende opacitet
  • Datoformater
  • Symbolposition
  • Valutasymbol (er)
  • Decimalt symbol
  • Decimaltælling
  • Tusind symbol

 

image55

 

VII. WP TABLE MANAGER TIPS ANS TRICKS

7.1 Beregning

Du har en grundlæggende beregning implementering i WP Table Manager. Tilgængelige elementer er:

  • SUM, COUNT, CONCAT
  • MIN, MAX, AVG
  • DATO, DAG, DAGER, DAGER360
  • ELLER, XOR OG OG

For at oprette en sum, skriv som denne: = SUM (A1; B2) eller = SUM (A1: B2)

 

sum-beregning

 

7.2 Brugerroller

Tabellen styring er defineret af WordPress bruger roller, der har mulighed for at udføre nogle specifikke handlinger. Alle brugere i en brugerrolle vil have samme tilladelser vedrørende tabelstyring.
For at konfigurere adgangen skal du bruge menuen WP Table Manager> Brugerroller.

 

bruger-roller-indstillinger

 

Når brugeren er logget, vil han have sit gruppeprivilegium til at styre filer.

Du kan angive brugerejeren for kategorier og tabeller på Mere fane.

 

set-user-rolle

 

VIII. TABLER FRA DATABASE

WP Table Manager giver dig mulighed for at oprette tabeller fra dine database tabeller.

Fra admin, klik på WP Table Manager> Database tabeller.

 

 

Derefter kan du vælge tabeller og kolonner fra din database. Ved at hæve kontrol kan du vælge flere tabeller, kolonner.

 

database-udvælgelse

 

I kolonneudvalg kan du definere en brugerdefineret titel og en standardordre for dine data i tabellen, når de vises på den offentlige side.

 

kolonne-titleandordering

 

Derefter fik du nogle muligheder og filter til at søge på dine tabeller:

  • Et paginationsstandardniveau (der skal bruges med en stor mængde data)
  • Antal rækker til paginationen
  • Anvend et filter til dine data, dvs. en kolonne kan være lige, forskellige ... fra en defineret værdi
  • Muligheden for at gruppere nogle værdier i kolonnerne

 

database-tabel-optioner

 

Endelig kan du forhåndsvise og generere dit bord som enhver anden tabel.

Den eneste forskel er, at temaer ikke kan anvendes på tabeller, men du kan tilpasse hele skærmen som i enhver anden tabel.

 

Når dit bord er genereret, har du stadig adgang til bordet Database kilde og du kan f.eks. tilføje "Status" kolonne i din tabel på Datakilde fane.

 

database-table-genererede