Making a race night record with wordpress
Monday, March 22nd, 2010I’ve just completed a website for Pioneer’s Running. They are a great company, who are really passionate about what they do.
Screenshot of the homepage
Wordpress Table-reloaded
This running website really pushed the boundaries of what I have used wordpress for. Sure, I’ve used some plugins to pull content onto the homepage, for custom sidebars etc, but what I needed was a content management system that did tables, text, calendars and more. They wanted to have a way to display race results after they’ve had a timed race night every month. They wanted to be able to update the results themselves, and they don’t want to look at any code.
Luckily, I found a plugin that looks a lot like an excel spreadsheet, and it has been so easy to integrate it in! I used this plugin to make the race night results easy for them to update themselves. They’ve only had one race night, so here’s what it looks like now.
The backend interface
It’s a lot like excel, but not as complicated.
Other features
- -Add multiple tables onto any page with a simple tag onto your page [table id=1 /]
- -Every second row has an alternating background color.
- -Highlight a row by changing its background color while the mouse cursor hovers above it.
- -The first row of your table is the table head (HTML tag th).
- -The last row of your table is the table footer (HTML tag th).
- -The Table Name shall be written the table (HTML tag h2).
- -The Table Description shall be written the table.
- -Yes, use the “DataTables” JavaScript library with this table.
- -Style your table with your own custom css (although I couldn’t get it to make entry 1, 2, 3 have different styling, but if I figure out how to override it, will append this post)
- -You can export your tables
- -You can decide if you want pagination, if you want to allow them to sort, allow them to search (which works great!)
Reservations
My only issue with this solution is that as not everyone participates in every race night, hitting sort for that day puts the blank entries at the top. While it’s very customizable, if I had more client resources, I would have spent more time customizing it, but we all know how difficult changing these things can be!
Leave a Reply
