WordPress Table-plug-in: 5 snelle manieren om geweldige rasters te maken

Met een WordPress-tabelplug-in kunt u informatie op uw website in een gestructureerd formaat presenteren. Vreemd genoeg heeft WordPress geen ingebouwde functie voor het maken van dergelijke displays. Je kunt ze maken zonder een plug-in door je eigen HTML te schrijven, maar dit is erg lastig en boven de vaardigheden van de meeste website-eigenaren. Het is veel gemakkelijker om een ​​extensie van goede kwaliteit te gebruiken.

WordPress Table-plug-in

WordPress maakt dit gemakkelijk als je de juiste extensie gebruikt - je kunt complexe informatie snel in een visuele vorm weergeven zonder enige technische knowhow. De beste plug-ins zijn mobielvriendelijk en laten je volledig responsieve displays maken in WordPress. Dit is veel eenvoudiger dan het schrijven van uw eigen code. Met sommige responsieve WordPress-tabelplug-ins kunt u zelfs bepalen hoe de rijen en kolommen zich gedragen op verschillende schermformaten.

Dit artikel van CollectiveRay begeleidt u bij het kiezen van het juiste product voor u. Eerst helpen we u het juiste product te kiezen op basis van uw specifieke vereisten. We zullen u dan gedetailleerde instructies geven over hoe u uw inhoud in verschillende formaten kunt maken met behulp van 5 verschillende opties.

Lees meer berichten over WordPress-plug-ins door op het menu hierboven te klikken.

Welke WordPress-tabelplug-in?

Het kiezen van de beste tabelplug-in voor WordPress vereist een beetje nadenken. Er zijn tal van goede opties die er zijn - u moet degene kiezen die het beste bij uw vereisten past. Maak eerst een lijst met alle functies die u nodig hebt. Denk aan:

  • Type inhoud - Wilt u statische of dynamische informatie van uw website weergeven? Voeg je de gegevens bijvoorbeeld handmatig toe? Of wil je berichten, pagina's of andere items van je WordPress-website of zelfs WooCommerce-producten vermelden?
  • Responsiviteit - Gebruikt uw website een responsive WordPress-thema? Als uw algehele website responsief is, heeft u ook responsieve functies nodig - anders breekt het raster op mobiele telefoons en kleinere schermformaten.
  • Design - Heeft u specifieke eisen aan het ontwerp van uw roosters? U wilt er minimaal voor zorgen dat de inhoud de stijlen van uw thema overneemt, zodat de lettertypen, kleuren enz. in het raster overeenkomen met de rest van uw website. Sommige WordPress-tabelplug-ins bevatten ook extra stijlopties.
  • Flexibiliteit - Hoeveel controle wilt u over hoe de rijen en kolommen werken?
  • HTML-ondersteuning - Moet u geformatteerde gegevens in het raster weergeven, zoals shortcodes, pictogrammen, knoppen of links?
  • Multimedia-inhoud - Ga je platte tekst weergeven? Of wil je afbeeldingen, embedded audio- of videobestanden, media playlists of andere bijzondere informatie toevoegen?
  • Plug-in compatibiliteit - Moet de inhoud in het raster worden geïntegreerd met andere WordPress-plug-ins op uw site? Wil je bijvoorbeeld informatie van andere extensies zoals WooCommerce of The Events Calendar in een raster weergeven? Werkt het met paginabuilders zoals Divi of Elementor?
  • Extra functies - Maak een lijst van alle extra functies die u nodig hebt. Moeten de gegevens sorteerbaar zijn, bijvoorbeeld door op de kolomkoppen te klikken? Heeft het een zoekvak nodig? Moet u meerdere rasters aan uw website toevoegen of slechts één? Als u veel gegevens heeft, heeft u dan de mogelijkheid nodig om de informatie over meerdere pagina's te verdelen? Moet u filters toevoegen in een vervolgkeuzelijst boven het scherm?

Gewapend met deze lijst, kunt u de producten in dit artikel bekijken en kiezen welke geschikt is voor uw website.

Welke responsive WordPress Table-plug-in?

De beste responsieve WordPress-tabelplug-ins zijn:

  • TablePress - de meest populaire keuze, perfect voor het weergeven van statische gegevens in rijen en kolommen.
  • Tabel met berichten met zoeken en sorteren - perfect voor het maken van een index van blogberichten.
  • Berichten Tabel Pro - perfect voor het weergeven van dynamische gegevens zoals aangepaste berichttypen, portfolio's, afbeeldingen, audio, video, producten, evenementen, documenten of publicaties.
  • WooCommerce Producttabel - perfect voor het maken van een raster van WooCommerce-producten.
  • Ga prijzen - perfect voor prijsniveaus voor websites.

Er zijn veel goede producten met vergelijkbare functies als TablePress, waaronder: EasyTable, wpDataTables en UltimateTafels.

We denken echter dat TablePress de duidelijke winnaar is en daarom is dit de enige plug-in voor statische rasters die we in dit artikel gebruiken. De andere producten in dit artikel werken op verschillende manieren, dus dit geeft je een goede selectie om uit te kiezen, wat je wensen ook zijn.

TablePress - Statische gegevens weergeven in een raster

TablePress

TablePress is verreweg het meest populaire product, dus het verdient het om als eerste in deze lijst te worden vermeld. De gratis versie heeft meer dan 400,000 actieve gebruikers.

Als u meer functies nodig heeft, verschillende premium extensies zijn beschikbaar. Het is jammer dat de gratis versie van TablePress geen responsieve functies bevat, maar deze is beschikbaar als betaalde add-on.

Afgezien van die kleine klacht, zouden we dit iedereen aanbevelen die statische informatie in een raster wil weergeven. TablePress maakt het gemakkelijk om inhoud in rastervorm voor uw website te maken. Het biedt een eenvoudige interface in spreadsheet-stijl waar u de gegevens kunt invoeren.

U kunt het ook uit Excel importeren als u op zoek bent naar een WordPress - Excel-tabelplug-in. Nadat u de gegevens hebt toegevoegd, converteert TablePress deze onmiddellijk naar rijen en kolommen. TablePress is gebaseerd op de jQuery-gegevenstabellen plug-in, die veel interactieve functionaliteit biedt, zoals een zoekvak en klikbare kolomkoppen.

De makers van TablePress hebben het uitgebreid tot een volledig uitgerust product waarmee je statische informatie in een gebruiksvriendelijke weergave kunt opslaan.

Hoe u uw inhoud kunt opmaken met TablePress:

  1. Log in op uw WordPress-dashboard en ga naar Plug-ins> Nieuw toevoegen.
  2. Zoek naar 'Tafelpers' en installeer en activeer het.
  3. Je ziet een nieuwe 'Tafelpers' link verschijnen aan de linkerkant van de WordPress-beheerder. Klik hierop om te beginnen met het maken van uw display. U kunt dit doen door de eenvoudige instructies op het scherm te volgen of door de documentatie voor verdere begeleiding.
  4. Zodra je de gegevens hebt toegevoegd, kun je deze toevoegen aan elke pagina, post of widget door een shortcode in te voegen. Dit moet in het formaat zijn: [tabel-ID= /] -Vervang de tekst tussen de <-> met de ID voor de inhoud die u zojuist hebt gemaakt.

De styling van de display wordt zoveel mogelijk overgenomen uit uw thema, bijvoorbeeld passend bij de lettertypen en kleuren. Er is een aangepast CSS-vak waarmee u aangepaste code kunt toevoegen om uw inhoud verder te stylen met behulp van de plug-in, maar de meeste mensen hebben dit niet nodig.

Berichtentabel met zoeken en sorteren - Toon blogberichten in een raster

Tabel met berichten met zoeken en sorteren

Tabel met berichten met zoeken en sorteren is een andere gratis responsieve WordPress-tabelplug-in.

Het creëert dynamische inhoud zonder dat u gegevens hoeft in te voeren, met name uw WordPress-blogposts. Het richt zich op een andere markt dan producten met statische inhoud zoals TablePress en is ideaal voor het maken van een index van berichten op uw website. Het is belachelijk eenvoudig te gebruiken en veel eenvoudiger dan het handmatig vermelden van je blogposts.

Net als TablePress is het een WordPress-versie van de jQuery DataTable-plug-in. Dit betekent dat de indelingen die door beide producten zijn gemaakt, redelijk op elkaar lijken en vergelijkbare interactieve functies hebben, zoals zoeken en sorteren. In tegenstelling tot TablePress is de gratis versie van deze extensie echter volledig responsief en mobielvriendelijk.

Hoe inhoud te maken met behulp van de berichtentabel met zoeken en sorteren:

  1. Log in op uw WordPress-dashboard en ga naar Plug-ins> Nieuw toevoegen.
  2. Zoek naar 'Berichtentabel met Zoeken & Sorteren' en installeer en activeer.
  3. Voeg de shortcode toe [posts_data_table] naar elke pagina, post of widget.

En dat is het! Het product maakt automatisch een responsief raster met al uw blogberichten. Het vereist de styling van uw thema, zodat de lettertypen en kleuren passen bij de rest van uw site en er professioneel uitzien. De standaardinhoud heeft de meeste functies die u nodig hebt, zoals een zoekvak, sorteerbare kolomkoppen en de mogelijkheid om te filteren op categorie of tag. U kunt de inhoud verder configureren met behulp van de opties op de plug-inpagina. U kunt bijvoorbeeld kiezen welke kolommen worden weergegeven, hoeveel berichten er per pagina verschijnen voordat de pagineringsknoppen onderaan verschijnen, de sorteervolgorde en meer.

Er is ook een Posts Table Pro-versie, die we hieronder verder zullen bespreken.

Berichten Tabel Pro - Toon berichten, pagina's en aangepaste berichttypen in een raster

Posts Table Pro WordPress-plug-in

Berichten Tabel Pro is de premium versie van PT met Search & Sort.

Het is veel geavanceerder dan de gratis versie en laat je verschillende soorten inhoud weergeven - niet alleen blogberichten.

U kunt pagina's met inhoudsvermeldingen maken van uw website, mediabestanden of een van uw aangepaste berichttypen. Als je creatief nadenkt over hoe deze extensie kan worden gebruikt, zul je versteld staan ​​van de verschillende soorten rasters die je kunt maken.

Dit komt omdat aangepaste berichttypen worden gebruikt om zoveel verschillende soorten informatie in WordPress op te slaan. Of uw website nu aangepaste berichttypen gebruikt om portfolioberichten, getuigenissen, casestudy's, audiobestanden, documenten, video's, mediaafspeellijsten, evenementen van een evenementenextensie, producten van een e-commerceproduct, onroerend goed op te slaan vastgoed of iets anders, u kunt deze informatie weergeven in een doorzoekbaar, sorteerbaar raster.

Dit betekent dat deze versie van het product veel meer gebruiksmogelijkheden heeft dan de gratis plug-in. Als algemene regel raden we aan dat als u een raster wilt maken met informatie die op uw website is opgeslagen, u dit het beste dynamisch kunt doen met Posts Table Pro. Veel mensen doen dit handmatig met behulp van oplossingen voor statische inhoud zoals TablePress, zich niet realiserend dat ze tijd kunnen besparen door dit automatisch te doen.

Hoe inhoud te creëren met Berichten Tabel Pro:

  1. Ten eerste, moet je koop de plug-in. Download de bestanden en kopieer uw licentiesleutel.
  2. Log in op uw WordPress-dashboard en ga naar Plug-ins> Nieuw toevoegen.
  3. Upload de bestanden en activeer deze.
  4. Ga naar WooCommerce > PostsTablePro en voer uw licentiesleutel in.
  5. Voeg de shortcode toe aan een pagina, bericht of widget: [posts_table]. Het product maakt onmiddellijk een responsieve tabel met al uw WordPress-berichten.

U kunt de plug-in gebruiken documentatie om uw rijen en kolommen te configureren - bijvoorbeeld om pagina's of een aangepast berichttype weer te geven in plaats van standaardberichten.

Dit vertelt je hoe je kunt selecteren welk berichttype je in het raster wilt weergeven. Het vertelt je ook hoe je verschillende elementen van het raster kunt besturen, zoals welke kolommen worden weergegeven en de standaard sorteervolgorde en hoe de responsieve inhoud zich gedraagt ​​op kleinere schermformaten.

Er zijn veel opties en de documentatie is zeer uitgebreid, dus lees deze aandachtig en plan de beste manier om uw dynamische inhoud te creëren.

(Als u op zoek bent naar de beste deal, klik op de onderstaande link voor de laagste prijs tot november 2021)

Bezoek de website om Posts Table Pro te downloaden

WooCommerce Producttabel - Toon producten in een rasterweergave

WooCommerce Producttabel

WooCommerce Producttabel is de WooCommerce-specifieke versie van PT Pro.

Het verdient zijn eigen vermelding vanwege de populariteit van WooCommerce, omdat het het enige item is waarmee je producten in een interactieve rasterachtige weergave kunt weergeven. Meer dan 30% van ALLE e-commerce websites wereldwijd draait op WooCommerce.

Dit betekent dat veel mensen WooCommerce-gegevens in rijen en kolommen moeten weergeven om een ​​goede manier te hebben om verschillende items die te koop zijn te vergelijken.

In plaats van uw WooCommerce-rasters handmatig te maken, maakt dit product direct responsieve rijen en kolommen met gegevens over uw producten. Het ondersteunt alle belangrijke WooCommerce-gegevens, zoals uitgelichte afbeelding, productnaam, korte beschrijving, lange beschrijving, categorieën, tags, voorraadstatus, productkenmerken, recensies enz. Het bevat ook multimedia-inhoud zoals ingesloten video, audio en afspeellijsten.

U kunt deze plug-in gebruiken als alternatief voor de traditionele categorieweergave (populair bij online catalogi en groothandelssites). U kunt het zelfs gebruiken als een compleet bestelformulier van één pagina, met 'Toevoegen aan winkelwagen'-knoppen direct in de inhoud.

Hoe inhoud te creëren met WooCommerce Product Table:

  1. Ten eerste, moet je koop de plug-in. Download de bestanden en kopieer uw licentiesleutel.
  2. Log in op uw WordPress-dashboard en ga naar Plug-ins> Nieuw toevoegen.
  3. Upload het product en activeer het.
  4. Ga naar WooCommerce > Instellingen > Producten > Producttabel, voer de licentiesleutel in en klik op Wijzigingen opslaan.
  5. Voeg de shortcode toe aan een pagina, bericht of widget: [product_tabel]. Hiermee wordt uw inhoud onmiddellijk gemaakt met een lijst van al uw WooCommerce-producten.

Als u de standaardinhoud wilt wijzigen, kunt u de documentatie om de shortcode op meer geavanceerde manieren te configureren.

Er zijn tal van opties - u kunt producten van specifieke categorieën of tags opnemen of uitsluiten, bepalen welke kolommen worden weergegeven en hoe ze worden genoemd, welke kolommen links bevatten, de sorteervolgorde wijzigen en nog veel meer. De WooCommerce-productrasters reageren automatisch. U kunt de documentatie gebruiken om verder te bepalen hoe de inhoud zich gedraagt ​​op mobiele telefoons.

U kunt bijvoorbeeld de breekpunten wijzigen en kiezen welke kolommen prioriteit hebben op kleine schermformaten.

(Wilt u de laagste prijs vinden? We hebben de laagste prijs van de leveranciers van deze plug-in, tot november 2021 - klik nu op de onderstaande link om de beste prijs te krijgen).

Bezoek de WooCoomerce-producttabel

Ga prijzen - Maak responsieve prijsweergaven

Ga prijzen

Ga prijzen is het beste WordPress-prijstabelproduct.

Er zijn goede plug-ins voor gratis prijzen, zoals: Gemakkelijk Pricing Tables, maar we moeten Go Pricing aanbevelen vanwege het enorme aantal ingebouwde stijlen.

Go Pricing wordt gebruikt op meer dan 24,000 websites en wordt geleverd met maar liefst 250 prijsontwerpen om uit te kiezen. Dit maakt het gemakkelijk om opvallende prijsvergelijkingen te maken die mooi integreren met de rest van uw website.

De interface is eenvoudig te gebruiken en u kunt een voorbeeld van uw wijzigingen bekijken voordat u ze live maakt. Het is compatibel met populaire producten zoals: Visual Composer en u kunt zoveel prijsaanduidingen aan uw website toevoegen als u wilt. U kunt zelfs direct PayPal-knoppen toevoegen aan uw prijzen. De prijsrasters zijn volledig responsive en de ontwikkelaar heeft goed nagedacht over de beste manier om fantastische prijstabellen op mobiele apparaten te maken.

Hoe u uw verschillende prijsniveaus kunt tonen met Go Pricing:

  1. Eerst moet je de kopen Ga prijzen plugin.
  2. Download de bestanden.
  3. Log in op uw WordPress-dashboard en ga naar Plug-ins> Nieuw toevoegen.
  4. Upload en activeer het.
  5. Gebruik de documentatie om uw prijsstelling te maken. Het product biedt verschillende methoden, zoals het importeren van een van de demo-prijsontwerpen of het helemaal opnieuw maken van uw eigen ontwerp.

 

Bekijk de Go Pricing Tables-demo

Welke WordPress-tabelplug-in ga je gebruiken?

We hopen dat je deze lijst met responsieve plug-ins voor WordPress-prijstabel nuttig vond. We hebben geprobeerd verschillende soorten producten te behandelen, zodat u de juiste oplossing kunt vinden, of u nu statische informatie, prijzen, berichten, pagina's, producten of iets anders wilt weergeven. Last but not least - we zouden erg blij zijn als u dit artikel zou delen met uw favoriete webdesigngroepen en met iedereen die dit soort inhoud aan hun eigen website zou willen toevoegen.

Over de auteur
David Attard
Auteur: David AttardWebsite: https://www.linkedin.com/in/dattard/
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...