Tabellen maken en beheren met de Gutenberg-editor

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

 Het kan echt vervelend zijn om een tabel te vinden nadat je deze hebt gemaakt, omdat we de shortcode moeten kopiëren/plakken, maar wat als er een blok is dat speciaal is bedoeld om al je tabellen te vinden? WP Table Manager stelt je in staat om dat te doen met de gebruiksvriendelijke Gutenberg WordPress-editor.

WP Table Manager voegt blokken toe aan de Gutenberg-editor waarmee je deze tabellen met een zoekvak direct in het blok kunt toevoegen.

WordPress-tabellen maken met deze plugin voor Gutenberg

Voor dit bericht gebruiken we WP Table Manager om een prijsvergelijkingstabel te maken. Allereerst bekijken we hoe je tabellen maakt.

Ga eerst naar Tables Manager > Alle tabellen, klik in dit gedeelte op + Nieuwe maken > Tabel, dit opent de tableditor. We kunnen een thema gebruiken om het echt makkelijker te maken, dus laten we er een kiezen, klik op Thema > Themaselectie.

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).

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

We hoeven alleen maar eenvoudige aanpassingen te doen en de tabel aan onze behoeften aan te passen. Ik zal veel rijen verwijderen en er veel bewerken. Deze kunnen worden bewerkt door erop te klikken en te typen alsof u Excel gebruikt.

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

Als u nu de cel wilt bewerken, klikt u er gewoon op. Er wordt een geavanceerde editor geopend waarmee u de inhoud naar wens kunt aanpassen.

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 gewenste cellen te wijzigen.

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

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

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

Hiermee wordt een zoekveld toegevoegd dat de categorieën en tabellen toont, 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 staat er, zo eenvoudig als op de tabel klikken en het bericht/de pagina publiceren.

En dat is alles, we hebben een prijstabel gemaakt en gepubliceerd in minder dan 10 minuten, echt makkelijk, toch?

WP Table Manager gebruiken in WordPress om grafieken te maken

Ja, we zullen ook de optie hebben om grafieken van de tabellen te maken, en het andere goede nieuws is dat de grafiekensectie een toegewijd Gutenberg-blok heeft, zodat je de grafiek gemakkelijk kunt vinden wanneer je je bericht aanmaakt.

Om grafieken te maken, ga je naar Table Manager > 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 werkwijze kan zijn om een categorie te maken voor elk type tabel dat we willen maken. Hier hebben we bijvoorbeeld een categorie gemaakt met de naam: “Grafieken”.

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

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

Laten we nu naar de tabel gaan waar we de grafiek willen maken; we hebben een tabel toegevoegd op basis van de bevolkingsaantallen van 5 landen.

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

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

We zullen het cirkeldiagram gebruiken voor dit voorbeeld.

Onderaan het rechterpaneel 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 Berichten > Nieuwe toevoegen zodat we het bericht kunnen maken en de nieuwe grafiek die we hebben gemaakt kunnen toevoegen.

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

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

Zoals je 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 je wilt toevoegen, in ons geval is dat de “Bevolkingsgrafiek”.

Zoals je kunt zien, wordt de shortcode automatisch toegevoegd, dus je hoeft deze alleen maar 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 gewoon de gegevens in de tabel bewerken en de grafiek wordt automatisch bijgewerkt.

In dit voorbeeld is de bevolking van Tuvalu 11147, zoals u in de afbeelding kunt zien, dus laten we de bevolking wijzigen in 20000 en de grafiek opnieuw controleren.

Nu zou de grafiek bijgewerkt moeten zijn, laten we het controleren.

En ja, de magie is geschied: we hebben een dynamische grafiek gemaakt die eenvoudig kan worden aangepast door alleen 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 daarvan, klik dan op + Nieuw maken > Databasetabel

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

Daarna kunt u de kolommen selecteren die u aan de tabel wilt toevoegen, bijvoorbeeld hier selecteren we alleen het reactietype 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 aanmaken en de tabel wordt automatisch aangemaakt. Houd er rekening mee dat er voorwaarden zijn die we kunnen toevoegen, bijvoorbeeld: toon een variabele alleen als het e-mailadres van de auteur “Dit e-mailadres is beschermd tegen spambots. U moet JavaScript inschakelen 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 gemakkelijk het is om tabellen uit de database te maken.

Ons nieuwe ontwerp maakt alles nog gemakkelijker!

Begin met het maken van tabellen met WP Table Manager

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