WordPress kan ontzettend veel, maar iets wat ontbreekt, is een eenvoudige optie om een WordPress tabel te maken en in te voegen.
Tabellen kunnen erg belangrijk zijn wanneer je data wilt weergeven op je website.
Het is nu alleen mogelijk om in WordPress een tabel te maken door zelf te spelen met HTML en CSS. Wanneer je hier echter geen verstand van hebt is het een onmogelijke opgave.
In dit artikel laat ik je een manier zien om tabellen te maken in WordPress berichten en pagina’s, zonder dat je je hoeft te verdiepen in HTML en CSS.
Video uitleg: Tabel maken in WordPress
In onderstaande video kun je zien hoe je in WordPress eenvoudig een tabel kunt maken.
Wil je graag de uitleg in tekst lezen, dan kun je hieronder verder lezen.
WordPress tabel maken met TablePress
Het eerste wat je moet doen is de plugin TablePress installeren en activeren. Wanneer je de plugin geactiveerd hebt, kun je deze in het menu terugvinden zoals je hieronder ziet.
Om een WordPress tabel aan te maken moet je klikken op “Add New Table”. Je krijgt dan het volgende te zien.
Bij Table Name moet je de titel van je tabel toevoegen en de Description hoef je niet verplicht in te vullen. Verder kun je ook nog instellen hoeveel rijen en kolommen de tabel moet hebben, maar dit kun je achteraf altijd nog aanpassen.
Klik tot slot op “Add Table” wanneer je alles hebt ingevuld.
WordPress tabel invullen
Je komt nu bij het gedeelte waar je de gegevens in de tabel kunt invullen en rijen en kolommen kunt toevoegen en verwijderen. Tevens kun je ook nog de rijen en kolommen met elkaar omdraaien indien dit nodig is.
Onder de tabellen en kolommen zijn ook nog enkele andere opties die je kunt instellen. Zo kun je bijvoorbeeld instellen of een bezoeker de tabel kan sorteren of niet. Bekijk de opties rustig en bedenk voor jezelf welke het handigste zijn voor de WordPress tabel die jij maakt.
Wanneer je alle opties hebt ingesteld kun je onderaan op “Save Changes” klikken.
WordPress Tabel invoegen in je blogbericht of pagina
Nu je een tabel hebt aangemaakt moet je de tabel alleen nog in een blogbericht of pagina zien te krijgen. Open de pagina of blogbericht waarin je de tabel wilt hebben en zoek en klik op het volgende icoontje in de visuele editor:
Het enige wat je nu nog hoeft te doen is op “Insert Shortcode” te klikken om de tabel aan je blogbericht of pagina toe te voegen.
Je hebt nu een tabel gemaakt in WordPress
Je hebt nu een tabel in WordPress aangemaakt en ingevoegd die er ongeveer uitziet zoals het tabel hierboven. Je hebt hier zoals je ziet geen enkele regel HTML of CSS voor hoeven te gebruiken.
112 reacties
Dank je voor je heldere uitleg over het gebruik van tabellen.
Ik zie nu onder een paar klimaattabellen de opmerking aan de voorkant staat ‘Bewerken’ staan met een link naar bewerken in de plugin. Hoe krijg ik die link weg. Ik zie het nergens staan nl.
Deze link zal je alleen zien staan als je bent ingelogd. Bezoekers die niet zijn ingelogd zullen “bewerken” nooit zien. Mocht je het alsnog willen verbergen, dan zal dit met CSS kunnen.
Hoi Maikel,
ik wil iets heel eenvoudigs:
een rijtje blogs, met daarachter dezelfde blogs in audioformaat. Hoe kan ik in een wordpress-tabel in de eerste kolom de tekst (met hyperlink naar geschreven tekst) krijgen en in de tweede kolom een audiofragment (met link naar dat audiofile)?
Mirjam
Het klinkt waarschijnlijk eenvoudiger dan het is. Ik weet niet of je dit in een blog overzicht wilt en geheel automatisch? Hiervoor zal je de code moeten induiken.
Dag Michael,
Ik importeer een tabel uit Excel, waarbij ik tal van rijen heb gegroepeerd.
Hoe kan ik deze opmaak behouden, zodat in de tabel dezelfde uitklapmodus blijft behouden.
Groetjes JP
Volgens mij is dit helaas niet op deze manier mogelijk met deze plugin.
Hoi Maikel,
Mijn tabel is niet responsive en daardoor helemaal niet te zien op mijn mobiele versie. Wat doe ik fout?
Ik heb een tabel staan op https://sportcentrumdoets.nl/regulier-lesrooster/
Ik zie net dat er een plugin conflict was…
Beste Maikel,
Dank voor je heldere video’s!
Ik wil de gemaakte tabel graag in Hestia terug laten komen op de voorpagina in een sectie. Weet jij hoe ik dat voor elkaar kan krijgen?
Veel dank vast voor je reactie.
Ik ben niet bekend met het thema Hestia. Zolang je ergens een plek hebt om een shortcode toe te voegen, wat bijna altijd wel kan, dan zit je goed. Al is het maar in een tekstvak, WordPress zet het dan meestal alsnog goed om omdat het een shortcode is.
Hallo Maikel,
Ik probeer de breedte van mijn kolommen aan te passen op http://ofmagictrust.nl/f-nest-zomer-2018/
Ik gebruik de code tablepress-id-14 .column-4 {
width: 200px;
}
Eerst geprobeerd kolom 2 breder te maken, dan gebeurt er niets. Daarna geprobeerd kolom 4 smaller te maken, zodat er voor kolom 2 meer ruimte is, maar ook dat lukt niet.
Enig idee waardoor mijn aanpassingen niet werken?
#tablepress-id-14 zal je moeten gebruiken. Nu staat er niks voor, dus zal het niet werken.
De html code voor de euro zou je nog kunnen proberen:
& #8364; (alleen dan aan elkaar)
Hier was ik al een tijdje naar op zoek. Helemaal top dit en ik gebruik het nu in meerdere sites. Ook goed aan te passen naar mobiel!
tx.
Hallo Maikel,
Wil graag een euro teken voor de prijslijst die ik importeer uit Excel. Heb alle imprt mogelijkheden geprobeerd, maar dit wordt niet goed meegenomen.
Bij CVS krijg ik een vierkant
Bij XLSX helemaal niets en de 2 decimalen achter de komma verdwijnen
Bij xls een dollar teken
Bij html deze opmaak € 0,47 ( in ieder geval wel een euro teken ☻
Het enige wat werkt is om in Excel als valuta EUR te kiezen. Dat EUR zet hij wel voor ded prijs maar ziet er niet echt uit.
Nog ideen?
Hallo Maikel,
Dank voor de info maar ik had ondertussen een stil vermoeden dat dit inderdaad de oorzaak kon zijn en dit is door u enkel bevestigd. Misschien overwegen om de tabel te gaan splitsen.
Bedankt in ieder geval om even de tijd te nemen en te kijken.
MVG Johan
Hallo Maikel,
Sedert enige tijd heb ik een wordpress site met tablepress maar ik wilde de kolombreedte aanpassen zodat de namen mooi op mijn tabel staan en dat lukt van geen kanten. Ik heb een testpagina gemaakt met een kleine tabel en daar lukt dat zeer goed. maar de eigenlijke pagina lukt niet. Weet jij waar dit aan ligt? Ik gebruik nochtans de juiste css code in de plugin opties. ” .tablepress-id-2 .column-1 { width: 150px; } ” denk ik
Er is gewoonweg geen ruimte voor. De tabel is zo te zien 47 kolommen breed en je ziet er bijna niks van omdat het niet op de pagina past. Dit is dan ook waarschijnlijk de reden waarom het niet werkt.
Ik wil een openstuk maken in mijn tabel
(dus eigenlijk twee losse tabellen naast elkaar)
Hoe doe ik dat?
Door twee tabellen te maken en deze te scheiden met behulp van verschillende divjes en CSS. Je kunt dit waarschijnlijk ook doen met behulp van een kolommen plugin als Advanced WP Columns.
Hallo Maikel,
Ik heb een probleem met tablepress en hetzelfde probleem met rechtstreekse code en een andere table plugin. Ik gebruik zeefocus voor mijn website http://www.airsentry.eu. Als ik op een pagina een tabel invoeg (die meestal breed zijn, krijg ik op mijn desktop een goede tabel, maar op tablet en telefoon wordt mijn themapagina versmald, omdat de tabel in de breedte erop moet. Kijk hiervoor bv. op http://www.airsentry.eu/airsentry-breathers/z-series-3. Ik begrijp dat het een conflict is met iets anders. Ik heb al mijn verdere plugins uitgezet, maar de situatie is dan nog steeds hetzelfde. Zou je mij kunnen helpen hiermee. Ik kan hierover op het internet verder niet veel vinden.
Je kunt een vinkje zetten bij “Horizontaal scrollen activeren, zodat tonen van tabellen met veel kolommen makkelijker wordt”. Vervolgens wordt de tabel zo responsive als mogelijk, maar helemaal responsive krijg je hem niet out of the box bij deze plugin.
beste,
net aan het proberen om een link in te voeren in de tabel, echter ik krijg geen pop-up venster om het adres in te vullen. enig idee?
Heb je javascript aanstaan? Wellicht dat het wel werkt in andere browser.
Graag wat meer info om de cellen in de tabel te omranden
Dat is te doen met behulp van CSS
Beste Maikel,
Mijn website heeft 50 leden die in kunnen loggen en een tabel aan moeten kunnen passen. Het liefst ook nog een zonder dat ze in de admin komen. Is TablePress daar een oplossing voor? Of heb jij andere ideeen?
Poeh dat is een lastige… Ik denk niet dat ik een plugin weet waarmee je dat kunt bereiken. Met TablePress zal dit in ieder geval niet mogelijk zijn zonder dat leden bepaalde rechten hebben.
Dank voor je reactie. Ik ga verder zoeken.
Op mijn homepage wil ik 3 fotos naast elkaar met witruimte. Hoe krijg ik witruimte tussen de 3 plaatjes?
Ik zie dat het je ondertussen al gelukt is. 🙂
Kun je ook de kollom breedte aanpassen, ik heb bij sommige maar 1 getal staan en de breedte hoeft dus niet zo breed te zijn.
Ja, het is mogelijk om de breedte van een kolom aan te passen. Je kunt dit doen met CSS en de code hiervoor kun je bij de custom css mogelijkheid van tablepress plaatsen. De code die je zal moeten gebruiken wisselt per tabel/kolom.
Ik heb tablepress geinstalleerd en een tabel aangemaakt met 3 kolommen en 60 rijen.
Vervolgens vul ik de cellen in, waarbij ik de diverse rijen aanvink in de linkerkolom.
Na het saven van de aangepaste tabellen voeg ik de shortcode in op het gewenste bericht.
Bij het publiceren van het bericht zie ik alleen de kolommen en rijen, maar de ingevoerde teksten zijn niet meegenomen.
Weet je hier een oplossing voor.
m vr gr
Rob Lormann
Zoals per mail besproken (maar wellicht ook handig voor mensen die dit lezen). Dit kan heel goed een conflict zijn met een andere plugin of thema.
Even testen dus of het nog zo is als alle andere plugins uit zijn of als je wisselt naar het standaard thema van WordPress
Ik gebruik voor deze wensite het thema SmartAdept.
Voor een tabel met het ledenoverzicht zou ik graag de volle pagina breedte willen benutten, nu staat er links het menu en rechts de widget op. Kan ik die voor alle tabellen uitzetten? De betreffende pagina is achter ww, kan je dus niet in het openbaar het ww geven.
Je wilt dus eigenlijk dat het menu en widgets op een bepaalde pagina verdwijnt? Het hangt van je thema af of dit mogelijk is. Wanneer je een pagina bewerkt, dan zie je aan de rechterkant een box “pagina-attributen”. Wanneer je een optie sjablonen hebt kun je wellicht kiezen voor een full-width sjabloon.
Heb je deze optie niet, dan zou je zelf de code in moeten duiken en een custom page template maken waarbij je het menu aan de linkerkant en de widgets aan de rechterkant kunt weghalen.
Hallo Maikel,
Kan ik het lettertype/de opmaak ook ergens aanpassen? Als ik het tabel nu toevoeg is het lettertype afwijkend van de rest van de pagina.
Alvast bedankt voor je reactie.
Groeten,
Marjolein
Dit kun je doen met CSS via “TablePress -> plugin-opties”. De code die je hiervoor nodig hebt:
.tablepress tbody td {
font-family: Tahoma;
font-size: 14px;
}
Bij font-family kun je het lettertype aanpassen en bij font-size de grootte.
Hoi Maikel,
Voor onze website http://www.hsvdewerkhondteteringen.nl gebruik ik theme sixteen. Onder het kopje “links” wil ik 2 tabellen naast elkaar hebben. 1 voor links, zoals nu. de andere voor sponsors. Hoe krijg ik 2 tabellen naast elkaar op 1 pagina. Moet ik dan 2 apaprte tabellen maken of deze in een maken bij tabelpress. De tabellen moeten afzonderlijk van elkaar zijn.
Groet,
Michael van de Liefvoort
Als je twee losse tabellen naast elkaar wilt hebben zal je deze apart moeten maken. Vervolgens moet je de tabellen in een aparte div plaatsen en kun je met CSS ervoor zorgen dat het naast elkaar komt te staan.
Een andere methode zonder HTML en CSS is door de plugin Column Shortcodes te gebruiken. Met deze plugin kun je ervoor zorgen dat je twee kolommen krijgt en in elk kolom kun je dan een tabel plaatsen.
Het was even zoeken, ik ben nog niet zo bedreven. Maar het is gelukt.
gr.. Joost
Hallo Maikel, je bent er maar druk mee.
een vraag: boven aan het lijstje in Tablepress staat een blokje met 10, 25 ,50 etc. Als mijn bezoekers iets zoeken wat meer naar onder staat, moeten ze steeds het aantal veranderen, kan ik dat ook vastzetten op 100 oid.
Wanneer je een tabel bewerkt kun je dit instellen door een vinkje bij “Paginering” te zetten en het aantal naar 100 te zetten.
hallo Maikel,
hoe kan ik in een cel een linkje opnemen naar een andere webpage ?
groet,
Lukas
Dit kun je doen door op “Link invoegen” te klikken (staat in de box de cellen) en vervolgens de tekst te selecteren in de cel waarbij je een link wilt maken. Je krijgt vervolgens een box te zien waar je een link kunt invullen.
Ok, excuses voor het ongemak!
Ik kan niet wachten tot zo’n plugin verschijnt voor WordPress. 🙂 TablePress vind ik nu toch wat te beperkt. Het is leuk voor iemand die niet veel waarde hecht aan hoe een tabel eruit ziet, maar is dat wel het geval dan kun je er helaas mee.
Support is overigens wel uitstekend! Op dat gebied een van de beste plugins van WordPress. Dat is bij veel andere plugins wel anders.
Het lijkt me inderdaad ook dat een plugin met deze mogelijkheden een keer gaat komen of dat TablePress wellicht ooit een update hiervoor krijgt. De tijd zal het leren.
Heldere uitleg en ja, het werkt. Een echt mooie tabel maken met TablePress lukt helaas niet. Nadeel van Word Press… in Excel maak ik mooiere tabellen!
Met CSS kun je de tabellen wel vormgeven zoals je zou willen. Voor WordPress is verder helaas geen plugin die dit allemaal voor je kan regelen.
PS: Ik heb je naam gewijzigd naar Anoniem. Websitenamen, keywords, e.d. worden niet toegestaan als naam in de reacties.
Beste Maikel,
Mijn probleem is opgelost. De hoofdletters ontstonden omdat de table-ID was ingevoegd op een plek waar eerst een Kop 3 geplaatst was. Door de “Kop 3” te vervangen door “paragraaf” werden de hoofdletters verwijderd en werden de teksten in de cellen in kleine letters geplaatst, zoals gewenst werd.
Met vriendelijke groeten,
Cor ten Donkelaar
Goed om te horen dat het je zelf al gelukt is om het probleem op te lossen.
Beste Maikel,
Ik ben tabellen aan het maken met Table Press. In de eerste tabel kwamen zowel hoofdletters als kleine letters terug zoals ze getikt waren. In een tweede tabel tik ik kleine letters, maar op het scherm komt alles in hoofdletters.
Ik heb gezocht en gegoogeld maar geen oplossing gevonden om de gewenste kleine letters te krijgen.
Wat doe ik fout? Of waar ligt het aan en wat is dan het begin van de oplossing?
Met vriendelijke groeten,
Cor ten Donkelaar
Hoi Maikel,
Dit is een zeer nuttig verhaal.
Ik had zelf tablepress ook gezien. Ik zoek eigenlijk een variant.
Dus een filterform waarmee je in de eerste kolom het plaatje hebt van de woning.
Dan volgende kolom huurprijs volgende kolom koopsom en dan een kolom met de status.
Als je dan klikt op huurprijs dat je onder elkaar krijgt oplopende of aflopende prijs. En bij Provincie A-z
En als je op de foto klikt dat je doorgaat naar details woning.
Is daar een plugin voor?
Je kunt dit gewoon met tablepress bereiken.
Bovenaan het tabel kunnen mensen dan klikken om een kolom van het tabel te sorteren en de afbeelding kun je doorlinken naar de betreffende woning.
is het mogelijk om berichten uit een bepaalde categorie in de tabel zichtbaar te maken of moet ik elk bericht handmatig in de tabel invoegen?
Je zal dit handmatig moeten doen wanneer je het op deze manier wilt doen. Wellicht is de plugin List Category Posts een betere optie voor je.
Briljant! Ik zocht juist een tabelmaker met responsiviteit en doet voldoet uitstekend. Fantastische uitleg. Dank, dank.
Fijn om te horen dat je er wat aan hebt.
Hallo Maikel,
Met behulp van deze blog is het gelukt om de datum in excel ook goed te tonen in wordpress tabel door het excelbestand als .csv bestand op te slaan. Wat nu nog niet goed wordt weergegeven zijn tekens. Weet jij hoe (of):
1) Een euro teken kan laten weergeven, want nu wordt dit als vraagteken weergegeven
2) Eeen symbool (pijltje) kan worden weergeven?
Alvast bedankt voor jouw reactie.
Sorry voor de late reactie, ik heb je reactie over het hoofd gezien. Hierbij alsnog het antwoord op je vraag:
Als je handmatig de eurotekens en pijltjes invoert gaat het bij mij gewoon goed. Ik heb het even getest en als je het opslaat als .csv bestand werkt het inderdaad helaas niet helemaal goed met de eurotekens e.d. Wanneer je het opslaat als .xlsx bestand werkt het wel prima.
Dag Maikel,
na jouw fantastische hulp de vorige keer heb ik nog een aanvullende vraag:
ik heb op mijn site op diverse pagina`s verschillende Tablepress tabellen , waarin in iedere tabel verschillende berekeningen en met jouw hulp nu ook kleuren voorkomen.
Is het ook mogelijk, om (net als de tabbladen in excel) uit 1 of meerdere tabellen een getal in een cel of een uitkomst te halen en deze te gebruiken in een tabel met een totaal overzicht? (ter verduidelijking: nu moet ik iedere dag van alle pagina`s de uitkomst van een berekening halen, deze opschrijven op papier, dan naar de home page gaan, en daar alle genoteerde getallen in een tabel over te typen. Die hoofdtabel maakt er vervolgens wel weer een totaal overzicht van)
met vr. groet,
Rene
Er zijn natuurlijk altijd mogelijkheden om bepaalde dingen voor elkaar te krijgen. Wanneer je niet bekend bent met programmeren zal dit echter een lastig klusje worden.
Voor zover ik weet zijn er verder geen plugins die dit zomaar kunnen.
Super Tip Maikel!
Bedankt, ik hoop dat je er wat aan hebt.
Maikel,
ontzettend bedankt, het werkt. (de tabellen zitten allemaal achter een inlog code voor betalende leden op de site, als je me mailt kan ik je wel een test account geven).
Ik heb letterlijk jouw code geknipt en geplakt, en alleen id-1 verandert naar id-32
Toch vreemd, ik zie echt boven alle tabellen een letter boven iedere kolom, (net als in excel).
Nogmaals bedankt, voor je snelle reactie en je hulp.
Rene
Fijn om te horen dat het gelukt is.
Je ziet inderdaad een letter in het WordPress dashboard als je een tabel maakt en aanpast, dit staat echter los van de code. Zelf bekijk ik het altijd via de code in Firefox met de add-on Firebug. In chrome heb je tegenwoordig ook ongeveer hetzelfde ingebouwd zitten (hulpprogramma’s voor ontwikkelaars).
Hallo Maikel, bedankt voor je snelle reactie.
Ik heb op mijn site inmiddels meer dan 40 tabellen staan, dus de verwijzing naar tabel 32 klopt wel, en het werkt ook, omdat ik al een CSS verwijzing heb om een bepaalde regel in kleur te veranderen.
Nu wil ik van1 cel de kleur wijzigen:
de FAQ zegt het volgende:
.tablepress-id-N .row-X .column-Y {background-color : # ff0000 ; }
Ik wil bijvoorbeeld de cel C5 wijzigen. (Tablepress werkt met regel nummers en de kolommen zijn voorzien van hoofdletters A, B, C enz.)
ik heb de verwijzing gewijzigd naar:
.tablepress-id-32 .row-5 .column-C { background-color : # ff0000 ;}
Dit werkt niet, ook heb ik de regelnummers in de CSS code een letter gegeven en/of de kolommen een cijfer, maar ook dat helpt niet. Ook heb nu eerst maar ik de andere regel in het aangepaste CSS verwijderd, zodat de aanpassing uitsluitend op de cel van tabel 32 slaat.
Heeft een nog een tip, of kunt u het testen in een eigen tabel?
Bedankt,
met vr. groet,
Rene
Het werkt bij mij lokaal goed als ik het volgende gebruik:
.tablepress-id-1 .row-5 .column-3 { background-color: #99cd32;}
Bij mij is het kolom een cijfer in plaats van een letter, vandaar dat ik dit ook in mijn eerste bericht zei. Ik zie bij mij gewoon simpelweg nergens een letter bij een kolom staan die ik zou kunnen gebruiken.
Op welke pagina van je website staat je tabel? Dan kan ik even kijken en dan hebben we ook sneller de oplossing.
Hoi Maikel,
ik ben afgelopen weekend overgestapt van WP table naar Tablepress en kan nu eindelijk mooiere tabellen maken. Nu heb ik geen ervaring met CSS en ben begonnen kleuren toe te voegen. Een rij lukt me wel, 2 verschillende rijen ook. Maar een kolom of een aparte cel lukt me niet.
Uit de FAQ heb ik dit voorbeeld gehaald om de achtergrond van 1 cel te wijzigen:
.tablepress-id-32 .row-3 .column-A {background-color: #99cd32;}
Wat doe ik fout?
He jij enig idee?
Bedankt
Rene
Ik zal al eerste naar “tablepress-id-32” kijken, tenzij je al 32 tabellen hebt gemaakt met TablePress. Meestal begint het altijd met tablepress-id-1. Tevens werkt tablepress met column-1, column-2, etc. en niet column-A (wellicht in het verleden wel).
Hoi Maikel,
Ik heb een vraagje m.b.t. de CSS van tabelpress.
Ik wil in het overzicht van onze leden de namen per cel centreren. Ik weet dat dit in de CSS kan, maar ik kan de CSS van tabelpress nergens vinden. Kun jij mij uitleggen waar ik deze vindt?
Groet,
Michael
Bij Plugin options kun je CSS toevoegen. Om het huidige CSS van een tabel te bekijken kun je bijvoorbeeld in Firefox gebruik maken van de add-on Firebug, in Chrome de hulpprogramma’s voor ontwikkelaars. Zo is er in alle browsers wel iets te vinden waarmee je het kunt zien.
Een andere optie is om direct in het CSS bestand te bekijken, je kunt dit doen door de plugin naar je computer te downloaden.
Beste Maikel,
Op mijn website plaats ik foto’s van de tassen die ik maak, met daarbij een omschrijving. Het lukt niet om de foto’s netjes uit te lijnen. Er staat of teveel witruimte tussen, of het staat door elkaar. Nu kreeg ik via de Live chat van WordPress de tip om de foto’s in een tabel te plaatsen. Dus de plugin geinstalleerd. Maar begrijp ik nu goed dat ik deze tabel vooraf moet vullen en daarna op de pagina plaatsen? Ik hoopte op een fysieke tabel die ik per pagina kan vullen.
Dus wat ik nodig heb is: tekst, daaronder: foto’s (max 3 naast elkaar), daaronder 2 witregels, en dan weer tekst, foto’s, witregels, etc. Per tas heb ik dan een tabel nodig.
Hoe kan ik dit het beste aanpakken?
Alvast vriendelijk dank voor je reactie,
groeten,
Eri
Met TablePress kun je zoveel tabellen maken als je wilt en vervolgens met een shortcode toevoegen aan de pagina. Wanneer je gebruik wilt maken van deze plugin is het dus een kwestie van de tabellen maken en deze dan met een shortcode toevoegen. Op de pagina kun je dan een stukje tekst plaatsen, shortcode van tabel toevoegen, witregels maken en dit blijven herhalen.
Wil je in de editor al direct de tabel zien, dan kun je zelf een tabel maken met HTML of dit doen met behulp van de plugin MCE Table Buttons.
Wanneer je deze plugin installeert krijg je een extra icoontje in de editor te zien waarmee je een tabel kunt toevoegen. Je kunt bij tabelcel eigenschappen de breedte en hoogte van de cellen bepalen.
Het is wellicht ook een optie om met kolommen te werken. Zie Column Shortcodes om te bekijken wat hier allemaal mogelijk mee is.
De beste aanpak zal dus zijn met de plugin die jou handig/prettig lijkt om mee te werken.
Dag Maikel,
we maken zeer dankbaar gebruik gemaakt van TablePress m.b.t. ons evenement. We kunnen perfect laten zien wie er allemaal heeft ingeschreven e.d.
Toen we Tp pas in gebruik hadden genomen konden de gebruikers sorteren, zoeken en het aantal regels weergeven want dat heb ik ook in de tabel zo aangegeven met de opties hiervoor. Echter, nu werkt het niet meer en ik heb écht niets veranderd en de opties staan nog gewoon aan!!
Toch jammer want dat was een mooie optie voor de gebruikers. Hoe kan dat nou??
Alvast bedankt,
Corné Koolen
Stichting Rijzendeweg Challenge 4 KWF Kankerbestrijding
Wanneer alles nog goed ingesteld staat zal er waarschijnlijk een javascript probleem zijn. Dit kan door het thema komen dat je gebruikt of een andere plugin. Aangezien eerst alles het wel deed zal het waarschijnlijk door een andere plugin komen.
Heb je toevallig een plugin geïnstalleerd en ben je daarna erachter gekomen dat dit niet meer werkt? Zet dan eens deze plugin uit en kijk of het dan wel weer werkt.
Wanneer je het niet weet kun je het beste alle plugins (op tablepress na) deactiveren om te bekijken of dan alles wel weer werkt. Wanneer dit het geval is kun je daarna 1 voor 1 alle plugins weer inschakelen om te achterhalen welke plugin het probleem veroorzaakt. Vervolgens kun je het beste een alternatief zoeken voor deze plugin.
Dag Mailkel,
ik ga het zeker proberen! Bedankt voor je snelle reachtie!
Bedankt
En ja hoor!! Inderdaad een plugin die ik had geïnstalleerd. Het was de plugin ‘Sponsors Carouse’ Heb deze gedeactiveerd……… en hebbes!! Tp doet het weer zoals het moet.
Geweldig, dank je wel!
Corné Koolen
Stichting Rijzendeweg Challenge 4 KWF Kankerbestrijding
Goed om te horen dat het probleem is opgelost.
Ik importeer de gegevens voor de tabellen die ik gebruik vanuit Excel. Echter, wat ik ook probeer, datums zet TablePress om naar de tekstnotatie (een getal van vijf cijfers). Is er een truc om dit goed om te laten zetten, want gezien de hoeveelheid data is het een monnikenwerk om dit allemaal handmatig aan te passen.
Ik heb even voor je gekeken en kwam dit topic tegen op WordPress.org.
Als ik het zo mag geloven moet je het excel bestand opslaan in .csv formaat (in plaats van .xslx) om dit probleem te verhelpen.
Beetje late reactie, maar alsnog hartelijk dank!
Ik heb me een ongeluk gezocht op het WP-forum.
Geen dank, beter laat dan nooit 😉
Hallo,
Ik gebruik tableexpress o.a. om een paar foto’s te schikken (bestuur)
. Nou wil ik in de tekst daaronder ook een email adres als link opnemen. Kan dat? Staat nu als tekst maar geen link daaronder. Heb al geprobeerd met mailto maar dat doe ik verkeerd of dat werkt niet.
Wie heeft de tip om dit op te lossen?
Al vast bedankt
Henk
< a href="mailto:gebruiker@provider.nl" >tekst< /a > (zonder spaties) zou in principe gewoon moeten werken.
Fijn deze vraagbaak ! Ik ben een beginnend wordpresser . . . . kan ik in jouw voorbeeld van de tabellen ook de regelafstand aanpassen en zo ja . . . hoe ?
Ja, dit is mogelijk door aangepaste CSS code in te voeren bij “Tablepress -> Plugin opties”. bijvoorbeeld door onderstaande code toe te voegen.
.tablepress th, .tablepress td {
line-height: 30px;
}
Bedankt, je hebt gelijk! Ik dacht dat ik al uitgelogd was…
Ik heb de plugin TablePress gebruikt om een tabel te maken, maar bij het publiceren komt er Edit te staan onder de tabel en het lijkt alsof iedereen nu in het dashboard van WordPress kan komen om mijn site te veranderen!
Hoe kan ik dat Edit wegkrijgen?
Je hoeft je hier niet ongerust over te maken, Edit staat er alleen wanneer je bent ingelogd op de website.
Bezoekers van je website krijgen dit dus niet te zien en kunnen niets bewerken. Log maar eens uit op je website en controleer het.
Hier heb ik naar gezocht! Veel dank hiervoor Maikel. Ik heb het uitgetest
en ga hier zeker mee aan de slag.
Geen dank, doe er je voordeel mee.
Hallo,
Ik wil op mijn site meerdere tabellen plaatsen. Kan bij maar 1 tabel de css wijzigen hoe kan dat??
Het is wel degelijk mogelijk de stijling in CSS te wijzigen van meerdere tabellen. Alle tabellen hebben een uniek id die je kunt gebruiken in de custom css. Voor tabel 1 is het “tablepress-1”, voor tabel 2 is het “tablepress-2”, etc.
In custom css kun je een tabel aanhalen door #tablepress-1 (of een andere tabelnummer) te gebruiken.
Hai Maikel,
Perfecte uitleg, maar ik zit nog met een probleem ik heb tabel’s gebruikt om video’s te plaatsen zie http://www.polennieuws.nl/videos-polennieuws-nl-2/ de kleuren komen met de layout niet overeen en die wil ik dus aanpassen. Heb is Stylesheet. css zitten kijken maar kan niets vinden, jij spreekt over custom.css maar waar staat dat in WP?
Iets met bomen en bos 🙂
Bij TablePress heb je onder het kopje Plugin options de mogelijkheid om custom css te plaatsen.
Maikel,
Het is inmiddels gelukt….Thanks voor de tip over tablepress, werkt prima.
Geen dank, mooi dat het allemaal gelukt is.
Maikel,
Is het mogelijk om waarden van de tabel ook als link aan te duiden. Ik gebruik de tabel voor het aangeven van beschikbare uren, het zou makelijk zijn wanneer clienten direct op he uur kunnen klikken om bij het contactformulier te komen.
Alvast bedankt
Kun je ook de celhoogte (rijhoogte) en de kolombreedte aanpassen
Dit is mogelijk wanneer je zelf de css aanpast. Zie ook de FAQ van de plugin en de website waar ze naar toe verwijzen, hier staat hoe dit moet.
Beste Maikel,
Ik heb nu Tablepress uitgepakt. In mijn wordpress dashboard, onder weergave, is er geen plugins menu maar alleen de widgets. Hoe kan dat?
Alvast bedankt.
Maak je toevallig gebruik van WordPress.com versie? Hier kun je geen plugins installeren. Dit artikel is voor de WordPress.org versie.
Hallo Maikel, Fijn om eindelijk eens een tabel maker tegen te komen op wordpress. Heb er al lang naar gezocht. Ik vraag me alleen nog af als je bijv 3 kolommen hebt en diverse rijen of er dan een flexibel blok kan ontstaan. Als ik kijk naar de lisjten en ik heb in kolom 1 1 regel tekst staan en in de 2e. 3regels tekst staan worden die met 1 regel tekst ineens ook hoger. Kan je me misschien een hint geven of daar mogelijk nog een andere optie is bij Worpdress. Ik zoek eigenlijk iets wat lijkt op de diverse gratis zoekpagina’s maar dan binnen mijn eigen domein. Elke tip =welkom. Vrg pensioniste Mieke
Zoiets als startpagina bedoel je? (laat het maar weten als je iets anders bedoelt) Ik denk niet dat je dit zonder html/css kennis precies zo kunt bereiken.
Stel je wilt 3 aparte kolommen naast elkaar hebben met verschillende groottes, dan moet je wanneer je met tabellen werkt in principe 1 grote tabel plaatsen met daarin weer 3 verschillende tabellen. De kolommen staan dan zeg maar “los van elkaar” omdat het 3 verschillende tabellen zijn.
Tegenwoordig is dit ook te bereiken zonder tabellen, maar met div en de juiste CSS codes.
Succes
Hallo,
Als ik de pagina wil inladen, dan komt de 1e foto er eerst klein op. Hoe kan dit?
Alvast hartelijk dank voor uw reactie.
vr.gr. Nancy
Ik denk dat je dan de thumbnail versie van de afbeelding hebt geselecteerd waardoor er een verkleinde versie van de afbeelding wordt gebruikt.
Beste Maikel,
Bij de laatste handeling, de tabel plaatsen op een pagina met behulp van de editor verschijnt niet de tabel maar de volgende code:
[table id=1/]. Hoe krijg ik wel een tabel? Groet, Derk
Hallo Derk,
Het klopt dat je alleen de shortcode in de editor ziet verschijnen en niet de tabel zelf. Op de pagina zelf zal de tabel wel verschijnen, je kunt dit controleren door bijvoorbeeld je concept te bekijken of de pagina al te publiceren.
Beste Maikel,
Mag ik jou iets vragen over Tablepress, want ik loop helaas vast.
Ik heb nu een mooie tabel maar ik wil van colom C, de cellen 2 t/m 6 in een andere tekstkleur.
Tot nu toe is alles me gelukt, alleen een of meerdere cellen aanpassen lukt me niet..
Ik hoop dat jij het antwoord weet, want ik vind weinig NL uitleg helaas.
Alvast vriendelijk bedankt.
Mvg, Chantal.
Ik weet niet hoeveel kennis je hebt van CSS, want dit zul je nodig hebben om dit te bereiken met deze plugin.
Iedere rij van links naar rechts en van boven naar beneden heeft een aparte class. Bij plugin options kun je ervoor kiezen om gebruik te maken van een custom css, je kunt dus voor iedere class een andere kleur instellen met de juiste CSS code.