Retrospective
Explore this tool and check the official listing for its latest features and requirements.
About this tool.
The website of the brazilian newspaper O Estado de São Paulo has a nice way to display news in a retrospective-style (check this screenshot or this link — Flash required).
Wouldn’t it be nice if we could display WordPress posts in our pages and categories in the same way just by using a shortcode? The possibilities are many. That’s why I wrote the Retrospective plugin for WordPress.
It has at least two advantages over the version you just saw:
- Does not require Flash (its implementation uses only CSS and jQuery)
- Has a option to respect the (time-)scale of the posts.
See Installation for more info on how to use it.
Getting started.
Upload the Retrospective plugin to your blog, activate it, then it’s installed!
Its use is very simple. Wherever you add the shortcode [retrospective] the plugin will draw that cool retrospective. The shortcode supports several attributes:
- 01count — limit the number of posts to be displayed (default = 10; use -1 to display all)
- 02cat — display posts with category IDs comma-separated (default = display all posts)
- 03width — the width of the timeline in pixels (default = 600)
- 04delay — the time of the focus change animation in milisseconds (default = 1000)
- 05scale — if set, respect the time scale in the distances between the points in the timeline (default = false)
- 06image_width , image_height — the dimensions of the thumbnail images in pixels (default = 300×180)
- 07image_border_size — the size of the image’s border in pixels (default = 7)
- 08image_border_color — the color of the image’s border in hexa RGB (default = 000000)
- 09image_margin — the space between the images (default = 5)
- 10date_format — the date format in PHP format (default = d/m/Y)
Frequently asked questions.
How to style retrospectives?
The generated HTML is very easy to style (but just be careful with margins and paddings, they’re set with !important attribute — I did it to try not to break with any theme). Here is a sample: