Tabeller i WordPress


Har du tidligere arbejdet med tabeller i et CMS, så ved du sikkert hvor besværligt det kan være? Tabeller er et super værktøj til at vise sammenligning af data, eller liste medlemmer, kontaktpersoner etc.

Men med Tablepress er det nu nemmere end aldrig før, og du kan tilføje nogle rigtig fine features til dine tabeller.

  • Mulighed for at brugerne kan sortere indholdet
  • Mulighed for at brugerne kan søge i indholdet
  • Mulighed for paginering hvis man har mange rækker
  • Import at eksisterende tabeller

Sådan installere du Tablepress

Vælg -> Plugins -> Tilføj nyt, og søg efter Tablepress. Den nuværende version er i skrivende stund 0.9RC, men jeg har testet den på flere setup’s og har ikke oplevet problemer.

tablepress-1Når Tablepress er installeret og aktiveret, får du en ekstra menu der hedder Tablepress, og her kan du oprette de tabeller du skal bruge.

  1. Vælg et navn til tabellen
  2. Eventuelt en beskrivelse
  3. Vælg antal rækker
  4. Vælg antal kolonner

Du kan altid tilføje flere rækker og kolonner, hvis behovet opstår.

tablepress-2Du får nu en tabel administration, hvor du kan indtaste dine data, samt flytte rundt på tabellerne (Drag & Drop). Det vil sige at du skal ikke rode med HTML kode i WordPress editoren, men arbejder med din tabel i et separat administration.

Når du har indtastet dine data, er der nogle instillinger, hvor du bare checker af i de muligheder du vil have med.

Når din tabel er færdig, opretter du en side eller redigere en eksisterende, og i værktøjslinjen i editoren er der nu et ekstra ikon, hvor du med få klik kan indsætte din tabel som en shortcode.

Nemmere bliver det vist ikke?
Læs mere om Tablepress på http://wordpress.org/extend/plugins/tablepress/

Eksempel på tabel lavet med Tablepress

Eksempel på en simpel tabel med mulighed for at sortere rækkerne, samt søge i tabellen.

ProduktMærkePris
LøbeskoNike699
LøbeskoAddidas799
DameskoEsprit749
DameskoHugo Boss1600
ArbejdsskoTimberland1099
HerreskoPuma499
HerreskoLacoste899
SandalerCalvin Klein799
SandalerTamaris499

Lars Bachmann

Iværksætter og Online nørd. Arbejder med WordPress og online markedsføring i min virksomhed Conseo.

Prøv lige at se disse indlæg også!

35 kommentarer til Tabeller i WordPress

  1. Mads Møller siger:

    Tak for et rigtig godt tip. Har noget tid skulle bruge det at lave en tabel, men er ikke rigtig kommet i gang, da jeg ikke kunne finde en nem måde at gøre det på. Så den er lige i øjet;)

  2. John bakken siger:

    Tak for tippet Lars!

    Jeg har prøvet en del andre plugins, men intet har været tilfredsstillende, Tablepress ser derimod lovende ud, så må hellere se at komme i gang! 🙂

  3. Det ser super fedt ud. Jeg savner dog muligheden for at ændre bredden på kolonnerne. Ved du om der er mulighed for det?

  4. Lars Bachmann siger:

    Hej Stig, Alle kolonner bliver tildelt en class (column-1, column-2 osv.), så du kan i dit stylesheet styrer bredden på de enkelte kolonner.

    Der er også lavet en række extensions til Tablepress, som kan findes på http://tablepress.org/extensions/

  5. Tak for svaret Lars, det vil jeg kigge nærmere på 🙂

  6. Allerup siger:

    Jeg har hidtil brugt Custom Tables, men tablepress ser nice ud, og jeg har da også installeret den.

    Dog havde Custom Tables en nice funktion, nemlig at man kan filtrere i shortkoden – eksempelvis kun produkter til under 100 kr, eller lignende.

    Jeg kan ikke hitte ud af, om tablepress kan filtrere på større/minde end.. Er det noget du har prøvet?

  7. Lars Bachmann siger:

    Hej Allerup
    Tænker du på at man kan have en masse indhold i sin tabel, og så via shortcode vælge kun at vise en del af indholdet? f.eks. alt hvor prisen er under kr. 100?

    I så fald kan man ikke gøre det med Tablepress. Du kan dog lade brugerne sortere indholdet på pris, som i eksemplet i indlægget.

  8. Allerup siger:

    Ja, det var netop det jeg havde i tankerne. Det kan Custom Tables, og det gør at man kan bruge den samme tabel til flere forskellige formål. Ærgerligt at Tablepress ikke kan det.

  9. TobiasBg siger:

    Hi,
    thanks for the article about TablePress, I really appreciate it! 🙂

    From what I understood from the Google Translator translation, you are looking for a filter option, to show only parts of a large table. While there’s no way to do things like filtering for “>100” directly, the Row Filtering Extension from http://tablepress.org/extensions/row-filter/ can do some string filtering. Maybe that helps.

    Best wishes,
    Tobias

  10. Lars Bachmann siger:

    Hi Tobias
    Your welcome 🙂 It’s really a great table plugin.
    And thanks for the explanation regarding the filter option. I hope Per can use the tip.

  11. Mark Thorsen siger:

    Det er lige sådan en guide jeg har brug for til vores praktikanter. Har du et sted hvor du samler dine WordPress guides?

    BTW. Dette er mit første besøg på bloggen – tak for det gode tip 🙂

  12. Lars Bachmann siger:

    Hej Mark
    Glad for at høre du kan bruge mit tip til noget.

    Du kan se en oversigt over alle mine WordPress tips og tricks på http://www.larsbachmann.dk/wordpress-guide

    god fornøjelse.

  13. Mark Thorsen siger:

    Hey Lars,

    Jeg takker!

    Du har da fået lavet nogle stykker, hva’?! 🙂

  14. Lasse Vesterskov siger:

    Tak for endnu et godt indlæg og
    en lækker mobil-version du nu har fået af bloggen.

    Skulle lige til at foreslå wp-table reloaded som en bedre løsning – herefter så jeg det billede du lagde op, så skulle jeg til at råde copy-maker, men efter at have besøgt den gamle wp-table-reloaded plugin side, så kan jeg nu se at det er dem som i dag er lavet om og hedder tablepress!.

    Og kan kun anbefale dem, har benyttet deres plugin i flere år, også
    hos mine kunder og det har altid virket upåklageligt!!

    • Lars Bachmann siger:

      Ja, det er det “gamle” wp-table-reloaded, som nu hedder tablepress. Og efter at have testet det her på bloggen, har jeg nu brugt det til en del andre projekter og kunder.

  15. Gitte Petersen siger:

    Hej Lars,

    Kan man også indsætte billeder i kolonnerne? Jeg mangler et værktøj hvor jeg kan sætte billeder ved siden af hinanden. Lige nu kan jeg kun sætte billeder ind så de alle bliver placeret under hinanden…

    Det er til brug i et galleri og jeg benytter twelveeleven.

    Vh, Gitte

    • Lars Bachmann siger:

      Hej Gitte
      Du kan godt sætte billeder ind i tabellen.
      Men som du beskriver det, vil jeg anbefale at bruge WordPress indbyggede galleri funktion?
      har du prøvet med den?

      • Gitte Petersen siger:

        Nej – det har jeg ikke, hvad er “plug-in” navnet på den du vil anbefale, når man er nybegynder… ? 😉

  16. Gitte Petersen siger:

    Hej igen…

    Nu har jeg så fundet ud af at oprette et galleri med standardværktøjet. 😉 So far – so good. Nu er det næste problem, når jeg trykker på et billede på hjemmesiden, skulle det jo gerne blive blæst op i et større format, men istedet får jeg følgende besked:

    “Dette er lidt pinligt, er det ikke?

    Det ser ud til, at vi ikke kan finde det, du leder efter. Måske en søgning, eller et af linkene nedenfor, kan hjælpe.”

    … og nedenunder er der pludselig kommet et søgefelt samt “Mest brugte kategorier” og “Arkiver” etc. etc.

    • Lars Bachmann siger:

      Det er din sides 404 side (siden findes ikke) der kommer frem. Prøv at ligge en kommentar med et link til din side, så kan det være jeg kan se hvad fejlen er?

  17. Gitte Petersen siger:

    Hej Lars,

    Jeg har fundet ud af, at når jeg opretter galleriet, skal jeg ligeledes “indsætte medier”, for at billederne kan vises i fuld størrelse ved et tryk på dem. Det er her det går galt for mig….!!! Når jeg har valgt de billeder jeg skal bruge, og vælger “opret galleri”, forsvinder funktionen “indsæt medier”. Hvis jeg vælger FØRST at trykke på “indsæt medier”, har jeg ikke mulighed for at vælge billederne indsat på siden i 3 kolonner.

    Så det er enten pest eller kolera – jeg har at vælge mellem….

    http://www.livsstilsargenturet.dk

    – under galleri – er eksempler på billeder jeg lige har sat ind. Når du trykker på dem får du fejlmeddelelsen

    Hvilken rækkefølge skal tingene ske i, og hvordan får jeg dem til at stå ved siden af hinanden på siden i 3 kolonner? Endvidere, når det lykkedes mig at “indsætte emner”, vises de på siden kun eet af gangen nedad, men når man så trykker på dem for at se det i fuld størrelse, åbner det på en hvid og ikke særlig attraktiv side. Hvordan vælger jeg, at det ikke skal åbne i en ny side? Men “blive” på siden og åbne i større format? Hvor er så evt. det flueben, som kan tænkes jeg skal “deaktivere”?

    Mange spørgsmål på een gang, men håber du kan hjælpe….

    På forhånd tak, Gitte

  18. Gitte Petersen siger:

    Hej Lars,

    Har fundet løsningen på problemet, billedefilerne var simpelthen for store. Så sværere var den ikke 😉

    Go dag, hilsen Gitte

  19. Gitte siger:

    Hej Lars,

    Beklager, at jeg nu må forstyrre dig igen. Det gik ellers liiiiiiiige så godt.

    Anyway, nu har jeg oprettet et galleri med dropdown menu og hele molevitten. Jeg har oprettet mit galleri i Galleries, og vedhæftet billederne til de respektive emner. Mit problem er at de bliver vist dobbelt på siderne.

    Jeg har forsøgt at skifte mellem Gallery short codes -[print_gllr id=719] og [print_gllr id=719 display=short].
    Når jeg vælger førstnævnte kode – kommer der ingen billeder frem.
    Når jeg vælger den anden kode – kommer der først et lille billede efterfulgt af alle billederne, hvor de er placeret side om side uden mellemrum, og til allersidst bliver de vist som de skal. Med ramme, mellemrum og pæn visning når man vælger at trykke på billedet.

    Mit spørgsmål til dig er; hvordan får jeg visningen af det lille billede samt de tætsiddende billeder væk?

    Takker på forhånd for dit svar…

    Bedste hilsner, Gitte

  20. Lars Bachmann siger:

    Hej Gitte
    Jeg kan se du har installeret et galleri plugin?
    har du prøvet WordPress’ indbyggede galleri funktion?

  21. Gitte siger:

    Ja, når jeg bruger WP´s gallerifunktion vælger jeg mediefil, og alligevel bliver det vist på ny side på en kedelig hvid side med billedet placeret i øverste venstre hjørne.

    Men du har ikke løsningen på, hvorledes jeg får slettet den “første del af dobbeltbillederne”, med brug af den galleri plugin jeg har brugt nu?

    Bh, Gitte

  22. Gitte Petersen siger:

    Ja, det virker – til dels… Men billedet bliver vist BAG header billedet…

  23. Anette Davidsen siger:

    Hej Lars

    Har lige fundet dette plugin til tables – virker meget simpelt, rigtig godt! Men ved du, om det er muligt at få sat et link ind i tabellen – eks. at jeg i hver række kan lave et link til “tilmeld dig her” (som linker over til den side, hvor man tilmelder sig)?

    Anette 🙂

  24. Daniel siger:

    Hej Lars 🙂 jeg er ved at lave et udregnings program i tabelpress, men der skal være mulighed for at brugerne af side selv kan skrive værdier i nogle af felterne, hvorefter det vil blive lagt sammen, ligesom i et Excel ark, men kan jeg åbne op for nogle af felterne til brugeren? Håber at du kan hjælpe 🙂

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *