WP Table Manager documentatie

Invoering

WP Table Manager is een WordPress-extensie die wordt gebruikt om HTML-tabellen in WordPress te beheren met een spreadsheet-achtige interface. Het komt als een enkel pakket alle thema's zijn inbegrepen.

 

WP-Table-Manager

 

Belangrijkste voordelen:

  • Beheer tabellen zoals in een spreadsheet
  • 6 thema's inbegrepen
  • Volledig beheerd vanuit elke editor
  • AJAX automatisch opslaan
  • Sorteerbare gegevens op frontend
  • Editor voor cel, lijn, kolomstijl
  • Formaat regel en kolom met drag'n drop
  • Kopieer de cel met drag'n drop
  • Kopieer de volledige tabel in één klik
  • HTML-cellen formaat
  • Geavanceerde CSS-code-editor

 

I. WP TABLE MANAGER INSTALLEREN

1.1 Installeren

 

Om onze plug-in te installeren, moet je het standaard WordPress-installatieprogramma gebruiken of unzippen en alle mappen in / wp-content / plugin plaatsen.

 

install-wp-media-map

 

Klik vervolgens op activeer plugin, om het WP Media Folder-menu te zien verschijnen in het linker menu van WordPress.

WP Table manager is toegankelijk vanuit een speciaal menu links of in een lightbox vanuit de editor. U hebt ook de parameters onder het menu "Configuratie".

 

1.2 Update de plug-in

Om de WP Media Folder bij te werken, kunt u de standaardupdater van WordPress gebruiken. U kunt de nieuwe versie ook verwijderen en installeren vanuit een ZIP-bestand dat is gedownload op www.joomunited.com. In ieder geval verliest u geen inhoud omdat alles in de database is opgeslagen.

 

wptm update

 

Zorg dat u altijd de nieuwste versie hebt om problemen met de beveiliging en stabiliteit te voorkomen.

Om de betaalde versie bij te werken, moet u inloggen op uw JoomUnited-account vanuit de WordPress-instellingen: Instellingen> Algemeen

 

Link-rekening

 

Gebruik vervolgens de gebruikersnaam en het wachtwoord van uw Joom-account. Na een succesvolle login verandert de knop in blauw met een tekst Verbreek mijn Joom United-account

 

image9

 

Eindelijk kunt u alle JoomUnited commerciële plug-ins van de WordPress-standaard bijwerken.

 

II. GEMIDDELD GEBRUIK WP TABLE MANAGER

Het belangrijkste idee van WP Table Manager is om alle tabellen van de editor te beheren, hoewel je een plugin-weergave hebt. WP Table Manager werkt op elke WordPress WYSIWYG-editor, zowel voor de frontend als de backend. U kunt het bijvoorbeeld gebruiken in een aangepaste WordPress-module.
 

2.1 Beheer tabellen van artikel

 

table-manager-knop

 

Wanneer WP Table Manager is geïnstalleerd, hebt u een editor-knop die wordt weergegeven door uw editor. Klik erop om de WP Table Manager-weergave te openen.

Table manager in een lightbox geopend vanuit een post:

 

image14

 

Wanneer u een tabel in uw editor wilt invoegen, gebruikt u de knop rechtsboven Plaats deze tabel om deze in uw artikel te plaatsen. Vervolgens wordt de tabel gematerialiseerd met een grijs gebied en een Excel-achtig pictogram.

 

image15

 

Als u nogmaals op het gebied op de WP Table Manager-knop klikt, wordt de eerder toegevoegde tabel geladen.

 

image16

 

Gutenberg is nu echter de standaardeditor in WordPress, dus u kunt er een kijkje nemen 2.7 Blokken in Gutenberg

2.2 Beheer tabellen en categorieën

Tabellen worden ingedeeld in categorieën. Je kunt binnen een categorie zoveel tafels als je wilt hebben.

Om een ​​tabelcategorie te maken, klikt u op Nieuwe tabelcategorie knop op de dashboardheader. Om een ​​nieuwe tabel te maken, klikt u gewoon op Maak een tabelknop.

 

table-categorieën

 

Opmerking: een standaardcategorie en -tabel is al gemaakt tijdens het installeren van de plug-in

 

De categorie kan worden beheerd door uw muis erop te plaatsen, u kunt de naam bewerken of verwijderen.

 

tafel naam

 

Om de categorieën te bestellen, kunt u de Drag'n Drop-functie gebruiken.

 

table-move

 

Als u uw muis op de titel van de tabel plaatst, verschijnen er pictogrammen om de titel van de tabel te bewerken, de tabel te kopiëren (alle tabellen inclusief gegevens en sjablonen) of de prullenbak.

 

2.3 Tafel editie

Als u gegevens in tabellen wilt toevoegen, moet u zich gedragen alsof u zich in een spreadheat bevindt. Dubbelklik op een cel geeft je de mogelijkheid om inhoud bij te werken, een enkele klik om een ​​/ enkele cellen te selecteren (en om bijvoorbeeld een stijl toe te passen).

 

image20

 

Om regels of kolommen toe te voegen, klik op + op de tabelrand, of gebruik de rechtermuisknop!

 

add-rij-lijn

 

Als u cellen wilt kopiëren, kunt u CTRL + C / CTRL + V gebruiken (of de Apple-dingen die hetzelfde doen J) of u kunt ook uw muis in de rechteronderhoek van de cel plaatsen en in de gewenste richting brengen.

 

cell-copy

 

Merk op dat alles wat je doet automatisch wordt opgeslagen met een bericht in de rechterbovenhoek

 

U hebt de mogelijkheid om de laatste wijziging ongedaan te maken.

 

image24

 

WP Table Manager houdt een back-up van de aangebrachte wijziging en kan deze herstellen.

 

image25

 

2.4 Geavanceerde inhoudsversie

U kunt binnen elke cel HTML-inhoud toevoegen met een WYSIWYG-editor. Selecteer een cel, aan de rechterkant Indeling> HTML.

 

image26

 

Wanneer u nu de cel bewerkt, heeft u een HTML-editor in de cel. Afbeelding en HTML zijn beschikbaar.

 

html-table-cell

 

De cellen kunnen ook worden samengevoegd. Selecteer 2 cellen of meer en klik vervolgens met de rechtermuisknop. Met een menu kunt u het samenvoegen uitvoeren.

 

image28

 

2.5 Importeren en exporteren van Excel en spreadsheets

U kunt de spreadsheet in WP Table Manager importeren en exporteren met behulp van onze speciale tool.

 

image29

 

De tabellen kunnen worden geïmporteerd uit Excel- of open kantoordocumenten. Het formaat wordt automatisch gedetecteerd en geïmporteerd. Merk op dat alleen de eerste Excel-pagina zal worden geïmporteerd.

De export kan worden gedaan in Excel 2003 of 2007-indeling.

 

image30

 

2.6 Shortcode

Elke tabel heeft een shortcode, die u kunt vinden op Meer tabblad op het rechter paneel. Dan kunt u de tabel gemakkelijk delen met behulp van de shortcode, bijvoorbeeld: [wptm id = 8]

 

Korte code

2.7 Blokken in Gutenberg

Je kunt nu je tabellen of grafieken in de Gutenberg-editor laten zien. Deze twee WP Table Manager-blokken zijn WP Table Manager- en WP Table Manager-diagrammen.

Om een ​​tabel in de Gutenberg-editor weer te geven, klikt u op de WP Table Manager knop in de Widgets-categorie. Er verschijnt een vervolgkeuzemenu en u selecteert de tabel die u in de frontend wilt weergeven.

 

add-table-block

 

Het is vergelijkbaar met een grafiek, klik op de WP Table Manager-kaart knop in de Widgets-categorie. Kies vervolgens één grafiek in het vervolgkeuzemenu.

 

add-chart-block

 

III. STYLINGSTABELLEN

3.1 Formaat

Het tabblad Formaat is standaard rechts van uw scherm beschikbaar. Het bevat verschillende parameters.

 

image31

 

  • Cel type: standaard of HTML. Met het standaardtype kunt u hiermee de HTML-code die HTML-inhoud als afbeeldingen invoegt, berekenen. Een WYSIWYG-editor voor elke cel wordt geïmplementeerd in de volgende versie, voor het moment dat u HTML in de cel toevoegt.
  • Cel achtergrond kleur: achtergrondkleur definiëren natuurlijk

 

image32

 

Randen en lettertype-opties kunnen worden toegepast op enkele of meerdere cellen

image33

 

De rij- en kolombreedte kunnen in pixels worden gedefinieerd. Selecteer een kolom of rij ergens in de tabel en valideer de grootte.

 

3.2 Thema- en sorteeropties

Op het tabelletje, nog steeds aan de rechterkant, hebt u een themakiezer. Klik gewoon op een thema om het toe te passen.

Als u een thema toepast, worden alle gegevens en stijlen in uw tabel vervangen. Dus de manier om door te gaan is om een ​​thema toe te passen en vervolgens gegevens te bewerken of om een ​​eigen thema te maken en vervolgens uw tabellen te dupliceren.

 

theme-choice

 

De "Automatische stijlfunctie: helpt u de lijn op uw tafel in te kleuren Headerstyling en Voettekst styling opties. U kunt de sjabloonstijlen selecteren of uw eigen instellingen maken met plug-ins.

 

image35

 

Met de sorteerbare parameter kunt u AJAX-gegevens sorteren op de frontend.

 

image36

 

De uitlijning van de tabel gaat over het uitlijnen van de div die de hele tafel bevat, centreert bijvoorbeeld alle tabellen.

 

image37

 

Een cel hightlight is ook beschikbaar als een optie. U kunt deze functie in de configuratie inschakelen. Het is standaard uitgeschakeld. U kunt de rij met hooglichten aanpassen en de dekking van de markering aanpassen.

 

table-highlight

 

3.3 Voeg tooltip toe aan cellen

Cel tooltips moeten worden geactiveerd vanuit de plug-in configuratie (Configuratiemenu). Na activering krijgt u een knop onderaan het tabblad Formaat tijdens de tabeleditie.

image39

 

U kunt voor een breedte in pixels. De bewerkingtooltip brengt u naar een tooltip met een editor om de tooltip te bewerken.

 

image40

 

Voeg inhoud toe en sla op, u bent klaar, de tooltip wordt met de muisaanwijzer op de openbare kant weergegeven.

 

image41

 

3.4 Lijn- en kolombevriezing

Bevriezing van lijnen of kolommen is beschikbaar in de Tafel tab. U kunt maximaal 5 regels of kolommen vastzetten. Het wordt geteld vanaf de eerste rij / kolom.

 

image42

 

Om de rij te bevriezen, is er een extra optie waarmee u de hoogte van de tafel kunt bepalen (omdat uw tafelcontainer een oneindige hoogte kan hebben).

 

image43

 

Wanneer je de lijn of kolom hebt gekozen om te bevriezen, kun je scrollen in je tabel en altijd de vaste regel / rijen weergeven.

 

image44

 

3.5 Kolomgegevens filteren

Een filteroptie is weer beschikbaar op het tabblad. U kunt het activeren om openbare gegevensfiltervelden in te schakelen.

 

image45

Voorbeeld van filters:

 

responsieve-table-scroll

 

3.6 Aangepaste CSS

Laten we een stap verder gaan. Als je een webdesigner bent met css-vaardigheden, kun je CSS toevoegen in de Meer tabblad. U kunt vulling en randradius toevoegen aan de cel.

 

image47

 

Merk op dat als u een thema heeft toegepast, een aantal aangepaste CSS automatisch zal worden toegevoegd. Je kunt het natuurlijk nog steeds bewerken.

 

Nog steeds op de Meer tabblad, klik op de aangepaste CSS-knop voor toegang tot css-editie. De CSS-code is gekleurd met behulp van code mirror en kan in minder CSS worden gecrawld, het werkt ook!

 

custom-table-css

 

Cellen, regel, kolommen hebben coördinaten om elke kolom te identificeren en aangepaste CSS toe te passen. R is rij, C is kolom.

 

image49

 

3.7 Responsieve WordPress-tabellen

Zijn mijn tabellen responsief of gebruik ik de scroll op kleine apparaten?

WP Table Manager verwerkt het responsieve ontwerp met een prioriteitstool, als een optie. Standaard is de responsieve functie uitgeschakeld, er zal een overflow zijn (maar die werkt prima op mobiel).

 

responsieve-modus

 

De responsieve modus is geavanceerd, u kunt een prioriteit definiëren voor het verbergen van kolommen op mobiele formaten. Wanneer kolommen verborgen zijn, wordt een mobiel menu met selectievakje weergegeven om het weergeven / verbergen van kolommen af ​​te dwingen.
De kolomgrootte wordt vastgesteld tijdens de tabeleditie. Als de grootte van alle kolommen te groot is voor de container, hebt u een overloop en kunt u gemakkelijk scrollen op mobiele apparaten.

Tabel met een scroll (beter voor een klein aantal kolommen)

 

responsieve-table-scroll

 

Tabel met kolom verborgen (beter voor een groot aantal kolommen)

 

57bb0cb0ac948

 

3.8 Download tabel

Als u uw tabel wilt delen met het publiek, moet u inschakelen Knop downloaden optie bij Tabblad op het rechter paneel. Het bestandstype is * .xlsx.

 

download-table

 

IV. GRAFIEK VAN TABELLEN

4.1 Maak een tabel met gegevens

Sinds de versie 2.0 heb je nu de mogelijkheid om kaarten toe te voegen aan je inhoud. Maak eerst een tabel met gegevens om de grafiek te genereren.

 

image50

 

Maak je selectie om een ​​grafiek te genereren, hier is de hele tafel geselecteerd, klik op Grafiekknop toevoegen.

 

image51

 

Er wordt een diagram gegenereerd met inachtneming van het gegevensbereik dat u hebt geselecteerd. Aan de rechterkant kunt u het tafeltype selecteren. U kunt een grafiek genereren die u nodig hebt uit een dataset.

 

image52

 

De grafiek wordt dynamisch bijgewerkt met betrekking tot de gegevenswijziging in de tabel.

 

4.2 Grafiekparameters

Zodra uw grafiek is toegevoegd, heeft u enkele opties in de rechterkolom.

image53

 

De "Wissel rij / kolom" is alleen beschikbaar als u alleen nummers in de dataset hebt geselecteerd. U mag gegevens omwisselen van kolom naar rij.

Met de parameter "Eerste rij / kolom als labels gebruiken" kunt u een label aan uw grafiek toevoegen

 

image54

 

Dan heb je opties om breedte / hoogte in te stellen, uit te lijnen, in kleur te zetten in je grafiek.

 

V. SYNC VAN EXCEL EN GOOGLE SHEETS

5.1 Synchroniseer een tabel met Excel-bestandsgegevens

Het is mogelijk om een ​​synchronisatie uit te voeren tussen een tabel die u hebt gemaakt en een Excel-bestand op uw server (waar dan ook). Van de rechter tabblad met de naam "Tabel", onderaan je hebt een blokkering om een ​​Excel-bestand te koppelen aan de tabel.

 

link-naar-Excel


als jij klik op de knop Bladeren, je kunt overal op je server een Excel selecteren, hier is het een bestand dat is geüpload via de mediabeheerder (/ uploadmap).

 

Link-excel-file-table

 

Zodra uw Excel-bestand aan de tabel is gekoppeld, kunt u op Gegevens ophalen om gegevens uit het Excel-bestand te importeren.

Notitie: Alleen de gegevens worden overgenomen uit Excel, niet de stijlen, dus de algemene stijl van uw tabel blijft onaangeroerd bij het importeren.

 

fetch-excel-data

 

Waarschuwing: afhankelijk van uw geheugen beschikbaar op uw server, kunt u geen grote Excel-bestanden importeren (bijvoorbeeld meer dan 1000 rijen)

Dan is hier het resultaat van een gegevensimport.

 

Excel-Google-sheets-synchronisatie

 

5.2 Synchronisatie met Google Spreadsheets

WP Table Manager biedt ook enkele synchronisatie-mogelijkheden voor Google Spreadsheets. Uw Google-spreadsheet moet worden gepubliceerd om te worden gesynchroniseerd. Dus open eerst uw blad uit Google Drive en publiceer het als webpagina met de Bestandsmenu.

 

publiceren-web-google-sheets

 

Vervolgens krijgt u toegang tot de link naar het Google Spreadsheets-bestand, kopieer deze link.

 

Link-sheet

 

En plak erin WP Table manager Tabblad "Tabel"

 

link-naar-Excel

 

U bent klaar! U kunt nu gegevens ophalen voor een directe synchronisatie en ook een automatische synchronisatie uitvoeren. De optie Ophaalstijl is voor het geval u ook Google Spreadsheets-styles wilt krijgen.

 

5.3 Automatische synchronisatie van Excel en Google Spreadsheets

Boven de bestandskoppeling kunt u ook een automatische synchronisatie activeren. WP Table Manager haalt de gegevens automatisch op met een regelmatig interval.

Nadat het is geactiveerd, wordt een melding weergegeven achter de titel van de tabel.

 

google-sheet-sync-bericht

 

De synchronisatie vertraging kan worden ingesteld in de WP Table Manager algemene configuratie.

 

sync-periode

 

 

VI. WP TABLE MANAGER PARAMETERS

6.1 Parameters

Ga naar binnen voor toegang tot de WP Table Manager WP Table Manager> Configuratie

Als optie kun je het volgende definiëren:

  • Schakel de Import / Export-knoppen in
  • Bestandsformaat exporteren
  • Schakel Tooltip in
  • Schakel de automatische opslag in of activeer een knop voor handmatig opslaan
  • Bestandssynchroniteit periodiciteit
  • Laad de plug-in op de frontend
  • Bouw de alternatieve kleur opnieuw op
  • Cel-markering
  • Markeer achtergrondkleur
  • Markeer de kleur van het lettertype
  • Onderdoorzichtigheid markeren
  • Datumnotaties
  • Positie van het symbool
  • Valutasymbool (en)
  • Decimaal symbool
  • Decimale telling
  • Duizend symbool

 

image55

 

VII. WP TABLE MANAGER TIPS EN TRICKS

7.1 Berekening

U hebt een eenvoudige berekeningsimplementatie in WP Table Manager. Beschikbare elementen zijn:

  • SUM, COUNT, CONCAT
  • MIN, MAX, AVG
  • DATE, DAY, DAYS, DAYS360
  • OF, XOR, EN

Om een ​​som te maken, typt u als volgt: = SOM (A1; B2) of = SOM (A1: B2)

 

sum-berekeningen

 

7.2 Gebruikersrollen

Het tabelbeheer wordt gedefinieerd door WordPress-gebruikersrollen die de mogelijkheid hebben om bepaalde specifieke acties uit te voeren. Alle gebruikers in een gebruikersrol hebben dezelfde autorisaties voor tabelbeheer.
Gebruik het menu om de toegang te configureren WP Table Manager> Gebruikersrollen.

 

user-roles-settings

 

Nadat de gebruiker is ingelogd, heeft hij zijn groepsrechten om bestanden te beheren.

U kunt de eigenaar van de gebruiker instellen voor categorieën en tabellen Meer tab.

 

set-user-role

 

VIII. TABELLEN VAN DATABASE

Met WP Table Manager kunt u tabellen maken vanuit uw databasetabellen.

Klik vanuit de beheerder op WP Table Manager> Databasetabellen.

 

 

Vervolgens kunt u tabellen en kolommen uit uw database selecteren. Door besturing te hosten, kunt u verschillende tabellen, kolommen selecteren.

 

databank-selectie

 

Bij kolomselectie kunt u een aangepaste titel en een standaardvolgorde voor uw gegevens in de tabel definiëren, wanneer deze aan de openbare kant worden weergegeven.

 

kolomvormige titleandordering

 

Vervolgens hebt u enkele opties en filter om op uw tabellen toe te passen:

  • Een standaard paginapaginering (te gebruiken met een grote hoeveelheid gegevens)
  • Aantal rijen voor de paginering
  • Pas wat filter toe op uw gegevens, dat wil zeggen. een kolom kan gelijk zijn, anders ... van een gedefinieerde waarde
  • De mogelijkheid om enkele waarden in de kolommen te groeperen

 

databank-table-opties

 

Eindelijk kunt u een voorbeeld bekijken en uw tabel genereren zoals elke andere tabel.

Het enige verschil is dat thema's niet op tabellen kunnen worden toegepast, maar u kunt alle weergaven aanpassen zoals in elke andere tabel.

 

Wanneer uw tabel wordt gegenereerd, hebt u nog steeds toegang tot de tabel Database bron en u kunt bijvoorbeeld de kolom "Status" in uw tabel toevoegen aan Databron tab.

 

Database-tabel gegenereerd