WP Table Manager dokumentasjon

Introduksjon

WP Table Manager er en WordPress-utvidelse som brukes til å administrere HTML-tabeller i WordPress med et regneark som grensesnitt. Det kommer som en enkelt pakke alle temaer er inkludert.

 

WP-Table-Manager

 

Hovedfordeler:

  • Administrer tabeller som i et regneark
  • 6 temaer inkludert
  • Helt administrert fra enhver redaktør
  • AJAX automatisk lagring
  • Sorterbar data på frontend
  • Celle, linje, kolonne stil editor
  • Endre størrelsen på linjen og kolonnen med drag'n drop
  • Kopier celle med drag'n drop
  • Kopier hele tabellen med ett klikk
  • HTML-celler format
  • Avansert CSS kode redaktør

 

I. WP TABLE MANAGER INSTALL

1.1 Installer

 

For å installere pluginet bør du bruke standard WordPress installer eller pakke ut og legge all mappen i / wp-innhold / plugin.

 

install-wp-media-mappen

 

Klikk deretter på aktiver plugin, for å se WP Media Folder-menyen, vises på WordPress venstre meny.

WP Table manager er tilgjengelig fra en dedikert venstre meny eller i en lightbox fra redaktøren. Du har også parametrene under "Konfigurasjon" -menyen.

 

1.2 Oppdater plugin

For å oppdatere WP Media Folder, kan du bruke standardoppdateringen for WordPress. Du kan også fjerne og installere den nye versjonen fra en .zip-fil lastet ned på www.joomunited.com. I hvert fall vil du ikke miste noe innhold fordi alt er lagret i databasen.

 

wptm-oppdatering

 

Pass på at du alltid har den nyeste versjonen for å unngå sikkerhets- og stabilitetsproblemer.

For å oppdatere den betalte versjonen, må du logge inn på JoomUnited-kontoen din fra WordPress-innstillingene: Innstillinger> Generelt

 

link-konto

 

Bruk deretter JoomUnited-kontoen din og passordet. Etter en vellykket pålogging blir knappen blå til en tekst Koble fra JoomUnited-kontoen din

 

image9

 

Så endelig kan du oppdatere alle JoomUnited-kommersielle plugins fra WordPress-standarden oppdatert.

 

II. WP TABLE MANAGER FELLES BRUK

Hovedidéen til WP Table Manager er å administrere alle tabellene fra editoren, selv om du har en pluginvisning. WP Table Manager fungerer på alle WordPress WYSIWYG-editorer, både for frontend og backend. For eksempel kan du bruke den i en egendefinert WordPress-modul.
 

2.1 Administrer tabeller fra artikkelen

 

tabell-leder-knappen

 

Når WP Table Manager er installert, har du en redaktørknapp som vises under din editor. Klikk på den for å åpne hovedvisningen WP Table Manager.

Tabellbehandling i en lysboks åpnet fra et innlegg:

 

image14

 

Når du vil sette inn et bord i editoren, bruk øverste høyre knapp Sett inn denne tabellen for å sette den inn i artikkelen. Deretter blir bordet materialisert med et grått område og et Excel-ikon.

 

image15

 

Hvis du klikker på området, og deretter på WP Table Manager-knappen igjen, vil tabellen som ble lagt til, lastes inn.

 

image16

 

Gutenberg er imidlertid standardredigereren i WordPress nå, så du kan se på 2,7 blokker i gutenberg

2.2 Administrer tabeller og kategorier

Tabeller er klassifisert innenfor kategorier. Du kan ha så mange tabeller som du vil inne i kategoriene.

For å lage en tabellkategori, klikk på Ny tabellkategori knapp på oversikten over dashbordet. For å lage et nytt bord klikker du bare på Opprett tabellknapp.

 

table kategorier

 

Merk: En standardkategori og et tabellen er allerede opprettet under installering av plugin

 

Kategorien kan styres ved å sette musen på den, du vil kunne redigere navnet eller slette det.

 

table-navn

 

For å bestille kategoriene kan du bruke drag'n drop-funksjon.

 

table-move

 

Når du legger musen på bordtittelen, vises ikoner for å redigere tabellens tittel, kopiere tabellen (hele tabellen inkludert data og mal) eller søppel det.

 

2.3 Tabellutgave

For å legge til data i tabeller må du opptre som om du er i et regneark. Dobbeltklikk på en celle vil gi deg muligheten til å oppdatere innhold, et enkelt klikk for å velge en / noen celler (og for eksempel å bruke stil).

 

image20

 

For å legge til linjer eller kolonner, klikk på + på bordgrensen, eller bruk høyreklikk!

 

add-rad-line

 

For å kopiere celler kan du bruke CTRL + C / CTRL + V (eller eplets ting som gjør det samme J), ​​eller du kan også legge musen i nederste høyre hjørne av cellen og bringe den inn i ønsket retning.

 

celle-kopi

 

Merk at alt du gjør, blir lagret automatisk med en melding øverst til høyre

 

Du har mulighet til å angre den siste endringen.

 

image24

 

WP Table Manager holder en sikkerhetskopi av modifikasjonen du har gjort, og er i stand til å gjenopprette den.

 

image25

 

2.4 Avansert innholdsutgave

Du kan legge til HTML-innhold med en WYSIWYG-editor i hver celle. Velg en celle på høyre side Formater> HTML.

 

image26

 

Nå når du redigerer cellen, har du HTML-editor inni. Bilde og HTML er tilgjengelig.

 

html-tabell-celle

 

Cellene kan også fusjoneres. Velg 2 celler eller mer og gjør et høyreklikk, en meny vil tillate deg å slå sammen.

 

slå sammen celler

 

2.5 Excel og regneark import / eksport

Du kan importere og eksportere regneark i WP Table Manager ved å bruke vårt dedikerte verktøy.

 

image29

 

Tabellene kan importeres fra Excel eller åpne kontorsdokumenter. Formatet blir oppdaget automatisk og importert. Merk at bare den første Excel-siden vil bli importert.

Eksporten kan gjøres i Excel 2003 eller 2007-format.

 

image30

 

 

2.6 Kortkode

Hver tabell har sin kortnummer, du finner på Flere faner på høyre panel. Da kan du enkelt dele bordet med kortnummeret, for eksempel: [wptm id = 8]

 

kort kode

 

2,7 blokker i gutenberg

Du kan vise dine tabeller eller diagrammer i Gutenberg editor nå. Disse to WP Table Manager-blokkene er WP Table Manager og WP Table Manager-diagram.

For å vise et bord i Gutenberg editor, klikk på WP Table Manager knappen i kategorien Widgets. Det vises en rullegardinmeny, og velg deretter tabellen du vil vise i frontend.

 

add-table-blokk

 

Det ligner på et diagram, og klikker på WP Table Manager-diagram knappen i kategorien Widgets. Deretter velger du ett diagram på rullegardinmenyen.

 

add-chart-blokk

 

III. STYLING TABLES

3.1 Format

Formatfanen er tilgjengelig til høyre på skjermen som standard. Den inneholder forskjellige parametere.

 

image31

 

  • Celletype: standard eller HTML. Standard typen lar deg gjøre beregning med den HTML-innføringen av HTML-innhold som bilder. En WYSIWYG-editor for hver celle vil bli implementert i neste versjon, for øyeblikket legger du til HTML i cellen.
  • Cell bakgrunn farge: definerer bakgrunnsfarge selvfølgelig

 

image32

 

Grenser og skriftalternativer kan brukes på enkelte eller flere celler

 

image33

 

Rå- og kolonnebredden kan defineres i piksler. Velg kolonne eller rad hvor som helst i tabellen og valider størrelsen.

 

3.2 Tema og sorteringsalternativer

På tabellen Tabell, fortsatt på høyre side, har du en temavelger. Bare klikk på et tema for å bruke det.

Ved å bruke et tema erstattes all data og stil inni bordet ditt. Så måten å fortsette er å bruke et tema, og deretter redigere data eller lage ditt eget tema, og deretter duplisere tabellene dine.

 

tema-valg

 

"Automatisk styling-funksjonen: hjelper deg med å farge linjen på bordet ditt med Overskrift styling og Footer styling alternativer. Du kan velge malstilene eller lage din egen ved plugininnstillinger.

 

image35

 

Sorteringsparameteren lar deg lage AJAX-datasortering på frontend.

 

image36

 

Tabelljusteringen handler om å justere diven som inneholder hele tabellen, senter hele tabellen for eksempel.

 

image37

 

En cellehightlight er også tilgjengelig som et alternativ. Du kan aktivere denne funksjonen i konfigurasjonen. Den er deaktivert som standard. Du kan velge utheve fargerikt farger og ugjennomtrengelighet av utheving.

 

table-høydepunkt

 

3.3 Legg til verktøytip på celler

Celleverktøytips må aktiveres fra plugin-konfigurasjonen (Konfigurasjonsmeny). Etter aktivering får du en knapp nederst på Format fane under tabellutgaven.

 

image39

 

Du kan for en bredde i piksler. Redigeringsverktøyet tar deg med til et verktøytips med en redaktør for å redigere verktøytipset.

 

tooltip-redaktør

 

Legg til innhold og lagre, du er ferdig, verktøytipset vil bli vist på offentlig side på musepekeren.

 

tooltip-hover

 

3.4 Linje- og kolonnefrysing

Linje- eller kolonnefrysing er tilgjengelig i Bord fane. Du kan fryse opptil 5 linjer eller kolonner. Det regnes fra første rad / kol.

 

fryse-linje

 

For å få rostfrysing er det et ekstra alternativ som lar deg fikse bordets høyde (fordi bordbeholderen kan ha en uendelig høyde).

 

fryse-rad

 

Når du har valgt linjen eller kolonnen for å fryse, kan du bla på bordet og alltid vise fastlinjen / radene.

 

fix-line-visning

 

3.5 Filtrering av kolonnedata

Et filteralternativ er tilgjengelig i tabellen tabellen igjen. Du kan aktivere den for å aktivere feltene for offentlig datafiltrering.

 

filter-kolonne

Eksempel på filtre:

 

responsiv-tabell-scroll

 

3.6 Tilpasset CSS

La oss gå et skritt videre. Hvis du er en webdesigner med css ferdigheter, kan du legge til css i Flere faner. Du kan legge polstring og kantradius på celle.

 

image47

 

Merk at hvis du har brukt et tema, vil noen tilpassede css bli lagt til automatisk. Du kan fortsatt redigere det selvfølgelig.

 

Fortsatt på Flere faner, klikk på egendefinert CSS-knappen for å få tilgang til css utgave. CSS-koden er farget med kode speil og kan skrives i mindre CSS, det fungerer også!

 

custom-table-css

 

Celler, linje, kolonner har koordinater for å identifisere hver og bruke tilpassede css på den. R er rad, C er kolonne.

 

css-visning

 

3,7 Responsive WordPress Tabeller

Er mine bord responsive eller bruk rulle på små enheter?

WP Table Manager håndterer den responsive designen med et prioriteringsverktøy, som et alternativ. Som standard er den responsive funksjonen deaktivert, det vil bli et overløp (heks fungerer bra på mobil selv).

 

responsive-modus

 

Den responsive modusen er avansert, du kan definere en prioritet for å skjule kolonner på mobilstørrelser. Når kolonner er skjult, vises en mobil meny med avkrysningsboks for å tvinge skjermen / skjul av kolonner.
Kolonnestørrelsen er fast under tabellutgaven. Hvis størrelsen på alle kolonnene er for stor for beholderen, vil du få et overløp, og du kan enkelt rulle på mobile enheter.

Tabell med en rulle (bedre for en liten mengde kolonner)

 

responsiv-tabell-scroll

 

Tabell med kolonne skjult (bedre for en stor mengde kolonner)

 

57bb0cb0ac948

 

3.8 Last ned tabellen

For å dele bordet ditt til offentlig, bør du aktivere Last ned knappen alternativ på Tabell Tabell på høyre panel. Filtypen vil være * .xlsx.

 

download-tabellen

 

3.9 Paginering

Du finner denne funksjonen på Tabell-fanen i hver tabell. Aktiver og velg antall rader som skal vises på en side.

 

paginering-wptm

 

IV. CHART FROM TABLES

4.1 Lag en tabell med data

Siden versjon 2.0 har du nå muligheten til å legge til diagrammer i innholdet ditt. Først opprett et bord med data for å generere diagram.

 

image50

 

Deretter gjør du valg for å generere diagram, her er hele tabellen valgt, klikk på Legg til diagramknapp.

 

image51

 

Et diagram vil bli generert, og respekterer det dataområdet du har valgt. På høyre side kan du velge tabelltype. Du kan generere som graf som du trenger fra et datasett.

 

image52

 

Grafen oppdateres dynamisk med hensyn til dataendringen i tabellen.

 

4.2 Grafparametere

Når grafen din er lagt til, har du noen alternativer i høyre kolonne.

image53

 

"Bytt rad / kolonne" er bare tilgjengelig, hvis du har valgt bare tall i datasettet. Du får lov til å bytte data fra kol til rad.

"Bruk første rad / kolonne som etiketter" param lar deg legge til etikett i grafen din

 

kurve

 

Deretter har du muligheter til å angi bredde / høyde, justere, farge til diagrammet ditt.

 

V. EXCEL OG GOOGLE SHEETS SYNC

5.1 Synkroniser en tabell med en Excel-fildata

Det er mulig å kjøre en synkronisering mellom et bord du har opprettet og en Excel-fil som er plassert på serveren din (hvor som helst). Fra høyre fan med tittelen "Tabell", nederst du har en blokk for å koble en Excel-fil til bordet.

 

link-til-Excel


Hvis du klikk på Browse-knappen, vil du kunne velge en Excel hvor som helst på serveren din, her er det en fil lastet opp gjennom medieadministratoren (/ opplastingsmappe).

 

link-excel-fil-tabellen

 

Når Excel-filen din er koblet til bordet, kan du trykke på Hent data knappen for å importere data fra Excel-filen.

Merk: Bare dataene vil bli tatt fra Excel, ikke stilene, slik at den globale stilen til bordet ditt forblir uberørt ved import.

 

hente-Excel-data

 

Advarsel: Du kan ikke importere svært store Excel-filer, avhengig av minnet ditt, på din server (for eksempel mer enn 1000 rader)

Så er resultatet av dataimport.

 

Excel-Google-ark-synkronisering

 

5.2 Synkronisering med Google-ark

WP Table Manager tilbyr også noen synkroniseringsmuligheter for Google Sheets. Google-arket ditt må publiseres for synkronisering. Så først åpne arket ditt fra Google Drive og publiser det som nettside ved hjelp av Filmeny.

 

publiserer-web-google-ark

 

Deretter får du tilgang til Google Sheets-filkoblingen, kopierer denne lenken.

 

link-ark

 

Og lim inn i WP Table manager "Tabell" -fanen

 

link-til-Excel

 

Du er ferdig! Du kan nå hente data for øyeblikkelig synkronisering og kjøre automatisk synkronisering. Alternativet for henting av stil er i tilfelle du også vil ha Google Sheets-regneark stiler.

 

5.3 Automatisk synkronisering av Excel og Google-ark

Over fillinken kan du også aktivere en automatisk synkronisering. WP Table Manager henter dataene automatisk med jevne mellomrom.

Når det er aktivert, vises et varsel etter tabellens tittel.

 

google-ark-sync-varsel

 

Synkroniseringsforsinkelsen kan settes i den globale konfigurasjonen WP Table Manager.

 

synk-perioden

 

 

VI. WP TABLE MANAGER PARAMETRE

6.1 Parametre

For å få tilgang til WP Table Manager, gå inn WP Table Manager> Konfigurasjon

Som alternativ kan du definere:

  • Aktiver import / eksport knapper
  • Eksporter filformat
  • Aktiver Tooltip
  • Aktiver automatisk lagre eller aktiver en manuell lagringsknapp
  • Filsynkroniseringstid
  • Legg inn plugin på frontend
  • Oppbygg den alternative fargen
  • Cell utheving
  • Fremhev bakgrunnsfarge
  • Fremhev skriftfargen
  • Fremhever ugjennomtrengelighet
  • Datoformater
  • Symbolposisjon
  • Valutasymbol (er)
  • Desimal symbol
  • Decimaltall
  • Tusen symbol

 

image55

 

VII. WP TABLE MANAGER TIPS ANS TRICKS

7.1 Beregning

Du har en grunnleggende beregningsimplementering i WP Table Manager. Elementer som er tilgjengelige er:

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

For å opprette en sum, skriv slik: = SUM (A1; B2) eller = SUM (A1: B2)

 

sum-beregning

 

7.2 Brukerroller

Tabelladministrasjonen er definert av WordPress-brukerroller som har mulighet til å utføre en bestemt handling. Alle brukerne i en brukerrolle vil ha samme autorisasjoner angående tabellhåndtering.
For å konfigurere tilgangen, bruk menyen WP Table Manager> Brukerroller.

 

brukerroller-innstillinger

 

Etter at brukeren er logget vil han ha sitt gruppeprivilegium til å administrere filer.

Du kan sette brukerens eier for kategorier og tabeller på Mer fane.

 

set-brukerrolle

 

VIII. TABELLER FRA DATABASJON

WP Table Manager lar deg lage tabeller fra databasetabellene dine.

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

 

 

Deretter kan du velge tabeller og kolonner fra databasen. Ved å hite kontroll kan du velge flere tabeller, kolonner.

 

database-utvalget

 

På kolonnevalg kan du definere en egendefinert tittel og en standardbestilling for dataene dine i tabellen når den vises på den offentlige siden.

 

kolonne-titleandordering

 

Deretter har du noen alternativer og filter for å søke på bordene dine:

  • Et paginering standardnivå (som skal brukes med en stor mengde data)
  • Antall rader for paginering
  • Påfør noe filter på dataene dine, dvs. en kolonne kan være lik, forskjellig ... fra en definert verdi
  • Muligheten til å gruppere noen verdier i kolonnene

 

database-table-alternativer

 

Til slutt kan du forhåndsvise og generere bordet ditt som noe annet bord.

Den eneste forskjellen er at temaer ikke kan brukes på bord, men du kan tilpasse hele skjermen som i et annet bord.

 

Når bordet ditt blir generert, har du fortsatt tilgang til bordet Database kilde og du kan for eksempel legge til "Status" kolonne i tabellen på Datakilde fane.

 

database-tabell-genererte