WP Compare Tables

Jaaaaa! Så er den her endelig. Første version af WP Compare Tables, som gør det muligt at man lynhurtigt kan oprette sammenligningstabeller. Pluginnet er udviklet med det formål at skabe noget, så man lynhurtigt kan lave et overblik over priser på for eksempel iPhones. Jeg har selv i lang tid savnet et plugin lignende dette, da plugins som WP Table Reloaded ikke opfylder mine behov med hensyn til forskellige kolonnetyper. For mig skal det være muligt at kunne tilføje kolloner med et billede (logo til teleselskab f.eks), almindelig tekst og en knap som leder brugerne videre til den pågældende webshop.

Demo
Jeg bruger dette plugin på oversigssiden over billige iphones.

Download
Du kan downloade den seneste version lige her.

Hvordan fungerer det?

  1. Installer dette plugin ved at uploade til wp-content/plugins eller ved at uploade zip-filen i WordPress’ plugin håndtering.
  2. Aktivér.
  3. Ude i højre side er der kommet et nyt menupunkt “Tabeller”. Tryk på “Tilføj”.
  4. Vælg et navn og vælg de kolonner tabellen skal have. Tryk “Gem tabel”.
  5. Du kan nu tilføje data ved at trykke på “tilføj/rediger rækker”. Hvis kolonnen er et logo eller et billede, upload da et og tryk “Insert into post” eller “Indsæt i indlæg” (afhængig af sprog). Er det en knap, indsæt da linket til destinationssiden.
  6. Kopier den shortcode du får, og sæt dér hvor du ønsker det (i indlæg og sider).

Ved hjælp af CSS kan du selv designe udseendet af tabellen, og eventuelt tilføje ting som TableSorter (hvis du vil lade dine brugere sortere i tabellen). Du kan også vælge forskellige tabel designs under indstillingerne.

WordPress repository
Jeg har valgt ikke at offentliggøre dette plugin i WordPress’ officielle repository endnu, men det kommer det snart. Jeg ønsker først tilbagemeldinger og feedback fra brugere der bruger pluginnet lidt mere end jeg selv gør. Du er derfor mere end velkommen til at smide kommentarer, forslag eller lignende i kommentar-boksen nedenfor.
Dernæst skal jeg oversætte pluginnet til Engelsk før jeg ønsker at offentliggøre det. Det kommer inden for de næste dage/uger. Lige nu er det hele bare hard-coded.

Hvad mangler lige nu?

  • Oversættelse til Engelsk
  • Plugin submittes til det officielle repository
  • Plugin ryddes op, og kontrolleres for sikkerhedsbrister.

Kommende features

  • Muligheden for selv at bestemme teksten på “læs mere”-knappen. (Man kan selvfølgelig lave et background på a-tagget og dermed selv designe sin egen knap og dermed også tekst.)
  • Ajax sortér funktion. Så det er nemmere at sætte rækkefølge på kolonner og data.
  • Mere dynamiske felter. Så vi ikke låser os fast til “logo”, “tekst” og en “læs mere knap”.
  • Custom HTML. Således man selv kan låse sig fast til en bestemt HTML kode for en kolonne. Dvs en alternativ knap eller lignende.
  • Sorter funktion
  • Mulighed for at gøre hele rækken klikbart.
  • Bedre/flottere design
  • …

Det var alt for nu. Smid en kommentar nedenfor hvis du bruger pluginnet, eller hvis du ønsker hjælp.

66 thoughts on “WP Compare Tables”

  1. Hej Martin

    Så har jeg hentet dit fine plugin, håber jeg kan få det til at virke

    Og mange tak for muligheden

    Mikkel

  2. Hej Martin,

    Super plugin! Har lige testet det og kunne ikke lige finde nogle fejl umiddelbart.

    Det skal selvfølgelig kunne styles, men man kan jo aflæse id/classes i koden, så det er ikke noget problem.

    Men måske det kunne være en god feature at man kunne gøre det direkte i pluginet :)

    Tak for et fedt plugin!

  3. Hej Martin

    Hvor får jeg den shortcode til at indsætte på siden/indlæg?

    Jeg kan fint lave kolonner osv, og når jeg har gemt den og ser i oversigten over tabeller så ser jeg også tabel1 men det virker ikke når jeg kopiere den og indsætter den på siden.

    Daniel

  4. Hej Daniel,

    Du har ret. Der er en lille stavefejl i shortcode-koden. Den hedder [table id=1] fremfor [tabel id=1] (bemærk l-et). Så prøv at indsætte [table id=1] og du vil se at det virker.

    - Martin

  7. Hej igen

    Det virker fint nu, og det er jo nemt og lige til, sådan da.

    Hvis sådan en som mig skal bruge det, skal designet også være der.

    Så evt. en mulighed for 3-4 forskellige designs hvor man bare klikker en boks af ville være godt.

    Du skriver at man bare kan kopiere designet fra billig iphone, det kræver en beskrivelse for sådan en som mig. :O) så det håber jeg da det kommmer.

    God aften

    Daniel

  8. Hej Daniel,

    Tak for feedback. Jeg vil arbejde på at få lavet lidt forskellige designs til tabellerne, således de ikke-CSS-kyndige også har en chance :)

    Forvent gerne en opdatering fra mig i denne uge. Den er lige blevet godkendt til optagelse i WordPress’ officielle repository af plugins, så der sker en del lige pt :)

    - Martin

  9. Hej Martin.

    Perfekt!

    Hvis, som du også skriver, der kommer lidt forskellige designs at vælge imellem på en nem måde, så slår det her plugin, WP T Reloaded af banen!

    Godt arbejde.

    Daniel

  10. Hej Martin

    Er det muligt at du kunne kort beskrive hvordan man kopiere designet ?

    Eller er det en opdatering med design på vej ?

    Daniel

  11. Der er en opdatering med design-funktion (flere forskellige temaer kan vælges) på vej. Jeg er dog dybt begravet i et studieretningsprojekt lige pt, så opdateringen bliver nødt til at vente en uge endnu.

    Du kan egentlig kopiere designet ved at kopiere CSS koden på billigiphone.dk. CSS filen finder du her. Sørg for at kopiere den del der starter med table og download de tilhørende billeder også. For en der har lidt erfaring med CSS burde det være en nem opgave.

  13. Det er et rigtig spændende plugin, som jeg vil hente og prøve på min hjemmeside.

    Er det muligt at sætte nofollow på links i tabellen?

    En god ide kunne være, at gøre det muligt at hver række kan være klikbar? Hvis du ikke er med på, hvad jeg mener, så kan jeg sende en mail med et eksempel.

  16. Hej, jeg staar og skal bruge saadan et plugin der du har men kan ik hittte ud af css etc.

    Du nævner her paa siden muligvis opdatere den med nogen designs.
    Har du en ca dato paa hvornaar den er klar med dette?

    Mvh
    anders

  19. hej bare et hurtigt lille spørgsmål, da du lavede din side:billigiphone.dk hvilket wordpress theme brugte du så ?

    ps. bare rolig min side kommer ikke til at handle om iphones :)

  21. Hi Martin,

    Trying to use your plugin but am having a problem — I’ve installed it on a WordPress network and when I click ‘add table’ after specifying my columns, no new tables get added to the table list?

    I am not sure what’s wrong but I thought I would flag it for you so you know.. I’ll investigate some more and see if I can get it to work.

  22. I figured it out. It doesn’t work if you network activate the plugin, but if you activate on an individual site, no problem.

  23. hej martin, jeg har lige et spørgsmål mere, hvordan laver man et billed link?,i plug inet så man kan trykke på læs mere, og på selv billedet?

  24. Hejsa martin.
    Super fedt script.
    Er det muligt at få tabellen i HTML kode, så jeg kan indsætte det på en helt blank side, som ikke har samme layout, som min wordpress side?
    Altså en hvid side, kun med tabellen?

  26. Martin do you think you could make this multi site aware? Even when I activate inside one blog it does not allow me to save rows.

    thanks

  27. Followed the instructions copied and paste the short code but nothing. Nothing showed. Could it be my newer version of wordpress.

  29. Email me with some details, and an example of what you are trying to accomplish, and which fields you need. Thanks.

  32. I see. Seems like your theme does not meet the WordPress Theme guidelines (perhaps a missing wp_head() in header.php)?

    Well, I would like to help you fix this problem, but that would require access to your WordPress administration panel.

  37. Hejsa martin.Super fedt script.Er det muligt at få tabellen i HTML kode, så jeg kan indsætte det på en helt blank side, som ikke har samme layout, som min wordpress side?Altså en hvid side, kun med tabellen?
    +1

  38. Thanks for the great plugin, works like charm. The button link is opening in the same window, So is there any way the link can be opened in new windows as well as can be nofollow?

  39. There should be an option to copy the table format, as it’s annoying when you want to create same table for second product and you have to add each and everything again.

    It will be pretty easy to create new table by simply copy the tablet from the previous table and you can modify the fields instantly.

    plus each time is saved it reloads the whole page so it’ll be much better if ajax interface is used.

    Thanks

  40. Hej Martin

    For at forlænge dit table, hvilke css filer skal man så have fat i og ændre?

    Hilsen
    Emil

  41. Hej Emil,
    Det kommer an på hvordan du vil forlænge dit table. Bruger du det standard design der følger med? Så er der en css fil i plugin mappen. Alternativt kan du redigere i din egen CSS fil. Sådan set ligegyldigt hvor du gør det henne. Bare du overruler..

  42. Hej

    Tak for dit plugin, det kommer til at gøre min dag noget nemmere :)

    Er det muligt at at registrere ugående klik i google analytics med pluginnet?

    Jeg har hidtil benyttet denne metode:
    LinkText

    Med venlig hilsen
    Sonny Lundahl

  43. Hej Martin

    Jeg har prøvet at ændre width i begge både stylesheet og style, og ingen af dem virker på width..

  44. Hej

    Tak for et godt plugin.

    Der er et par ting jeg synes kunne gøre det endnu smartere.
    1. Hvis man kunne tilføje outgoing links kode til brug i google analytis.
    2. Hvis affiliate links kunne pyntes lidt vha. link cloaking plugin

    Keep up the good work :)

    Mvh
    Sonny

  45. I thought, you didn’t respond to my suggestions so i had translated them.

    Det skal være en option two copy the table format, as it’s annoying når du ønsker create same table for the second product and you have two add hver and everything again.

    Den kommer pretty easy skabe new table by Simply copy the tablet from the previous table and you-can modify the fields Instantly.

    plus hver time is saved it reloads the whole page so it’ll be much better if ajax interface is used.

    Thanks

  47. Ohhh! thank you dear for updating the plugin and copy structure to new table feature is seriously what i demand from this plugin so long. Will try to donate some amount in paypal.

    Thanks

  48. Fedt plugin, Og måske et simpelt spørgsmål, men er der en måde hvorpå jeg kan ændre tekst farven i table designet? Jeg får hvid tekst på hvid baggrund.

  49. Det gælder sådan set bare om at tilføje noget css. Find style.css i tema-mappen og tilføj:

    table td span.wp_compare_tables_table-text { color: black !important; }

  52. Ser ud til at der er noget CSS i dit tema der konflikter med tabel-pluginnet. Kan ikke lige se hvor det skulle være henne. Jeg vil gerne kigge på det, men så bliver det med faktura :)

  53. Ok, det lader til at det er når man laver det på en side i stedet for et indlæg – jeg fandt også frem til at det er temaet der gør det. Tak for tilbuddet, men jeg finder ud af det på en eller anden vis.

  54. Hej Martin.
    Jeg har fundet en mindre fejl du bør kigge på.
    Tilføjer du mange tabel enheder, kan man ikke indsætte data i alle felterne i kontrolpanelet.
    Det er ganske enkelt ikke plads til det på siden, da den forsætter uden scrollbar.

    Mvh. Rasmus

  55. Hi
    Thanks for the great plugin. I’ve just upgraded the version 1.04 and now I cant access the admin pages of the plugin.

    I can see the page links in the backend admin area, but when I click on the links I go to our sites 404 page.

    Here is a sample of the links I see in the admin area.
    Tables – http://www.mysite.com/wp-admin/admin.php?page=wp_compare_tables

    Add Table – http://www.mysite.com/wp-admin/admin.php?page=wp_compare_tables_add

    Configuration – http://www.mysite.com/wp-admin/admin.php?page=wp_compare_tables_options

    Could you tell me why I may be getting these 404 errors going to these pages after I upgraded?

    Thanks

  56. Ok I found my problem.

    I have the WordPress Firewall 2 plugin installed and for some reason it was doing the 404.

    I whitelisted the ip address from where I was trying to admin from and all is now ok.

  57. @Rasmus. Takker. Det kigger jeg på.

    @Mark. Thank you for letting me know that your problem was solved.

  58. @Martin

    Just one thing to let you know why the WordPress Firewall plugin was causing this problem. An SQL Injection Attack was being triggered by the firewall plugin, you may want to double check your code against this firewall plugin.

    Below is a description from the firewall plugin makers website on the type of attack it was seeing, when I tried to go to the admin pages of your plugin.

    http://matthewpavkov.com/wordpress-plugins/wordpress-attacks.html

    ====================================
    Wordpress-Specific SQL Injection

    Read the Wikipedia article on SQL injection.

    SQL injections attacks could also be carried out, not just by using SQL keywords/phrases (as stated above), but also by using WordPress-specific functions, phrases, etc., which access and/or modify the database. By default, all references to the above values (and some similar ones) are blocked unless otherwise whitelisted. Certain WordPress-specific default whitelists are made so that a post about SQL injection would not trip a false alarm.

    =================================

    I hope this helps

    Regards

    Mark

  59. Martin, When I add a row to the table with text or graphics and save it, nothing shows up on my webpage except for the original headers on the top of each row. Suggestions please.

  60. Compare Tables is not allowing me to choose the size of the image when I load an image into a table field. It also is sometimes not updating the row information added with images in the standard insert it here buttons on your page. I would appreciate assistance.

  61. Hej igen Martin,
    Er der en nem måde hvorpå man kan få links via tabellen (læs mere/køb nu knap) til at åbne i et nyt vindue?

    Mvh Simon

  62. Hi Martin,

    This one is a great plug-in.

    I have used this table in my site, but I wanted to modify or re-size each column and row of the table, how can I do this?

    I am not also good at css coding, hope you can help me have an easy way to change width and height of the table.

    Hoping for your response.
    Thanks!

  63. Hi martin,

    Are your services available for hire to do a custom CSS job please? If not, can you recomend anyone who knows WP-Compare well?

    Thanks,

    Dave.

  64. I am trying to figure out a way to use <php ?. code in a cell of the wp compare tables plugin. Like with wp table reloaded you can create an extension php file in your wp-content folder to allow php in a cell, is there a way to do it with this plugin?

    Thanks,
    Disasta

  65. Hello,

    I have the same question as Disasta. I am trying to figure out a way to use <php ?. code in a cell of the wp compare tables plugin.

    Please let us know!

    Regards,
    Dimitri

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>