Tabellen maken en beheren met Gutenberg Editor

Tabellen en grafieken zijn belangrijker dan we denken als we een website hebben, omdat dit de manier waarop we onze prijzen, plannen, bedrijfsontwikkeling en nog veel meer kunnen tonen, echt veel gemakkelijker kan maken

Het kan erg vervelend zijn om een tabel te vinden nadat deze is gemaakt, omdat we de shortcode moeten kopiëren en plakken, maar hoe zit het als er een blok is gewijd aan het vinden van al uw tabellen? WP Table Manager

WP Table Manager voegt blokken toe aan de Gutenberg-editor, waardoor u deze tabellen met een zoekvak rechtstreeks in het blok kunt toevoegen.

WordPress-tabellen maken met deze plugin voor Gutenberg

Voor dit bericht zullen we WP Table Manager gebruiken om een prijzensvergelijkingstabel te maken, eerst zullen we zien hoe we tabellen kunnen maken.

Ga eerst naar Tabellenbeheer > Alle tabellen, klik in dit gedeelte op + Nieuw maken > Tabel, dit opent de tabel-editor, we kunnen een thema gebruiken om het echt veel gemakkelijker te maken, dus laten we er een kiezen, klik op Thema > Thema-selectie.

U ziet alle opties voor thema's, dus we gaan degene selecteren die werkt voor de prijsvergelijkingstabel.

Klik nu op Ok (houd er rekening mee dat alle gegevens in de tabel worden verwijderd).

Omdat we een thema hebben toegevoegd, is bijna al het werk gedaan.

We hoeven alleen maar enkele eenvoudige aanpassingen te maken en de tabel aan te passen aan onze behoeften, ik zal veel rijen verwijderen en veel van hen bewerken, deze kunnen worden bewerkt door er gewoon op te klikken en te beginnen met typen alsof je Excel gebruikt.

Om te verwijderen, klikt u op de rijen, klikt u met de rechtermuisknop en klikt u vervolgens op Verwijderen

Als je nu de cel wilt bewerken, klik er dan gewoon op, het opent een geavanceerde editor die je kunt gebruiken om de inhoud aan te passen zoals je wilt.

Als we de tabel verder willen aanpassen, kunnen we de kleur wijzigen. We hoeven alleen maar op de cel te klikken en de bovenste hulpmiddelen te gebruiken om de kleur van de cellen te wijzigen die we willen.

We hoeven de tabel niet op te slaan omdat deze automatisch wordt opgeslagen bij elke wijziging.

Nu we de tabel hebben gemaakt, kunnen we deze toevoegen aan het bericht met behulp van het Gutenberg Editor-blok.

Ga naar Berichten > Nieuw toevoegen, u ziet de Gutenberg-editor, we selecteren het WP Table Manager blok.

Dit voegt een zoekveld toe dat de categorieën en tabellen weergeeft en u kunt een tabel toevoegen door simpelweg op de tabel te klikken.

De tabel wordt toegevoegd en nu hoeft u alleen nog maar dat bericht te publiceren en de tabel zal daar zijn, zo eenvoudig als op de tabel klikken en het bericht/pagina publiceren.

En dat is alles, we hebben een prijstabel gemaakt en geplaatst in minder dan 10 minuten, echt gemakkelijk, nietwaar?

WP Table Manager gebruiken in WordPress om grafieken te maken

Ja, we hebben ook de mogelijkheid om grafieken te maken van de tabellen, en het andere goede nieuws is dat de grafieksectie een speciale Gutenberg-blok heeft, zodat u de grafiek gemakkelijk kunt vinden wanneer u uw bericht maakt.

Ga nu naar grafieken om naar Tabellenbeheer > Alle tabellen, we moeten een tabel hebben gemaakt met de gegevens die we in de grafiek willen weergeven, we hebben een tabel voorbereid met informatie om deze grafiek te maken.

Een goede praktijk zou zijn om een categorie te maken voor elk type tabel dat we willen maken, bijvoorbeeld, hier hebben we een categorie gemaakt met de naam: “Charts”.

Categorieën zijn heel eenvoudig te maken, klik hiervoor op + Nieuw maken > Categorie.

Typ tenslotte de categorietitel, selecteer de bovenliggende categorie (als dit een subcategorie is) en klik op Gereed.

Ga nu naar de tabel waarvoor we het diagram willen maken, we hebben een tabel toegevoegd op basis van de populaties van 5 landen.

Om het diagram te maken, moeten we de cellen selecteren die we aan het diagram willen toevoegen en klikken op Diagram > Diagram maken van gegevens.

 Nu zien we de grafiek die is gemaakt met het rechtermenu waar we de tools kunnen zien om de grafiek aan te passen.

We zullen het cirkeldiagram voor dit voorbeeld gebruiken.

Aan de onderkant van het rechter paneel kunnen we de kleur voor elk veld selecteren, zodat we de kleuren kunnen laten passen bij het thema dat we gebruiken.

Nu we de grafiek hebben gemaakt/aangepast, gaan we naar Bericht > Nieuw bericht zodat we het bericht kunnen maken en de nieuwe grafiek kunnen toevoegen die we hebben gemaakt.

Zoek op de Gutenberg Editor naar het “WP Table Manager Chart”-blok en voeg het toe aan het bericht.

Dit opent een zoekveld waar u alle beschikbare grafieken kunt zien.

Zoals u kunt zien, worden alle beschikbare categorieën, tabellen en grafieken weergegeven. Daarom moeten we alles in categorieën ordenen. Klik nu op de grafiek die u wilt toevoegen. In ons geval is dat de "Populatiegrafiek".

Zoals u kunt zien, wordt de shortcode automatisch toegevoegd, dus u hoeft deze alleen te publiceren en alles is klaar.

Maar wat gebeurt er nu als we de gegevens in de grafiek willen bijwerken? Moeten we een nieuwe grafiek maken? Nou, het antwoord is nee! Je kunt de gegevens in de tabel gewoon bewerken en de grafiek wordt automatisch bijgewerkt.

In dit voorbeeld is de bevolking van Tuvalu 11147, zoals je in de afbeelding kunt zien, dus laten we de bevolking veranderen in 20000 en de grafiek nogmaals controleren.

Nu moet de grafiek worden bijgewerkt, laten we het controleren.

En ja, de magie is gebeurd, we hebben een dynamische grafiek gemaakt die gemakkelijk kan worden gewijzigd door simpelweg de gegevens in de tabel te wijzigen.

Plus, tabellen uit databases in WordPress

Er is ook een optie om tabellen te maken vanuit de database en deze tabel wordt automatisch bijgewerkt wanneer er wijzigingen zijn in uw database, dus als u informatie hebt opgeslagen in uw database en u wilt een tabel/diagram maken op basis hiervan, klik dan gewoon op + Nieuw maken > Databasetabel

Dit leidt u naar een pagina met alle tabellen in uw database, zodat u deze gewoon kunt selecteren met de kolommen die u wilt, en WP Table Manager maakt automatisch de tabel.

Daarna kunt u de kolommen selecteren die u aan de tabel wilt toevoegen, bijvoorbeeld, hier selecteren we alleen het commentaartype en het e-mailadres van de auteurs.

Selecteer ten slotte de titel voor elke kolom en voeg de regels toe om de tabel te maken.

Klik nu op Tabel maken en de tabel wordt automatisch aangemaakt, houd er rekening mee dat er Voorwaarden zijn die we kunnen toevoegen, bijvoorbeeld, een variabele alleen weergeven als het e-mailadres van de auteur " isDit e-mailadres wordt beschermd tegen spambots. U hebt JavaScript nodig om het te bekijken.”.

We kunnen zoveel regels toevoegen als we willen, we hoeven alleen maar op “Toevoegen” te klikken en er wordt een nieuw vak toegevoegd om een nieuwe regel in te stellen.

En nu kunt u zien hoe eenvoudig het is om tabellen uit de database te maken.

Ons nieuwe ontwerp maakt alles nog eenvoudiger!

Begin met het maken van tabellen met WP Table Manager

Nu u weet hoe eenvoudig het is om tabellen te maken en te beheren met WP Table Manager, waar wacht u nog op? Ga hierheen en koop uw lidmaatschap om al deze tabellen op de meest professionele manier te gaan aanbieden.