{"id":16721,"date":"2012-02-02T02:29:06","date_gmt":"2012-02-02T02:29:06","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/retrospective\/"},"modified":"2012-02-02T02:48:43","modified_gmt":"2012-02-02T02:48:43","slug":"retrospective","status":"publish","type":"plugin","link":"https:\/\/ve.wordpress.org\/plugins\/retrospective\/","author":8928676,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"trunk","tested":"3.3.2","requires":"3.3.1","requires_php":"","requires_plugins":"","header_name":"Retrospective","header_author":"Tiago Madeira","header_description":"","assets_banners_color":"","last_updated":"2012-02-02 02:48:43","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/blog.tiagomadeira.com\/","header_plugin_uri":"https:\/\/wordpress.org\/extend\/plugins\/retrospective\/","header_author_uri":"http:\/\/blog.tiagomadeira.com\/","rating":5,"author_block_rating":0,"active_installs":10,"downloads":2250,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1539327","resolution":"2","location":"plugin"},"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1539327","resolution":"1","location":"plugin"}},"screenshots":{"1":"Retrospective plugin in http:\/\/juntos.org.br\/juntos\/internet\/","2":"Retrospective plugin in a fresh WordPress install using a pure TwentyEleven\ntheme"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1445,89,229,202,80],"plugin_category":[43,59],"plugin_contributors":[94512],"plugin_business_model":[],"class_list":["post-16721","plugin","type-plugin","status-publish","hentry","plugin_tags-archive","plugin_tags-category","plugin_tags-javascript","plugin_tags-jquery","plugin_tags-shortcode","plugin_category-customization","plugin_category-utilities-and-tools","plugin_contributors-tmadeira","plugin_committers-tmadeira"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/retrospective.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/retrospective\/trunk\/screenshot-1.png?rev=1539327","caption":"Retrospective plugin in http:\/\/juntos.org.br\/juntos\/internet\/"},{"src":"https:\/\/ps.w.org\/retrospective\/trunk\/screenshot-2.png?rev=1539327","caption":"Retrospective plugin in a fresh WordPress install using a pure TwentyEleven\ntheme"}],"raw_content":"<!--section=description-->\n<p>The website of the brazilian newspaper O Estado de S\u00e3o Paulo has a nice way to\ndisplay news in a retrospective-style (check <a href=\"http:\/\/blog.tiagomadeira.com\/wp-content\/uploads\/2012\/01\/estadao.jpg\">this\nscreenshot<\/a>\nor <a href=\"http:\/\/www.estadao.com.br\/especiais\/choque-nas-ruas,158638.htm\">this link<\/a>\n\u2014 Flash required).<\/p>\n\n<p>Wouldn\u2019t it be nice if we could display WordPress posts in our pages and\ncategories in the same way just by using a shortcode? The possibilities are\nmany. That\u2019s why I wrote the Retrospective plugin for WordPress.<\/p>\n\n<p>It has at least two advantages over the version you just saw:<\/p>\n\n<ul>\n<li>Does not require Flash (its implementation uses only CSS and jQuery)<\/li>\n<li>Has a option to respect the (time-)scale of the posts.<\/li>\n<\/ul>\n\n<p>See <em>Installation<\/em> for more info on how to use it.<\/p>\n\n<!--section=installation-->\n<p>Upload the Retrospective plugin to your blog, activate it, then it's\ninstalled!<\/p>\n\n<p>Its use is very simple. Wherever you add the shortcode <em>[retrospective]<\/em> the\nplugin will draw that cool retrospective. The shortcode supports several\nattributes:<\/p>\n\n<ul>\n<li><em>count<\/em> \u2014 limit the number of posts to be displayed (default = 10; use -1 to\ndisplay all)<\/li>\n<li><em>cat<\/em> \u2014 display posts with category IDs comma-separated (default =\ndisplay all posts)<\/li>\n<li><em>width<\/em> \u2014 the width of the timeline in pixels (default = 600)<\/li>\n<li><em>delay<\/em> \u2014 the time of the focus change animation in milisseconds (default =\n1000)<\/li>\n<li><em>scale<\/em> \u2014 if set, respect the time scale in the distances between the points\nin the timeline (default = false)<\/li>\n<li><em>image_width<\/em>, <em>image_height<\/em> \u2014 the dimensions of the thumbnail images in pixels\n(default = 300\u00d7180)<\/li>\n<li><em>image_border_size<\/em> \u2014 the size of the image\u2019s border in pixels (default = 7)<\/li>\n<li><em>image_border_color<\/em> \u2014 the color of the image\u2019s border in hexa RGB (default =\n000000)<\/li>\n<li><em>image_margin<\/em> \u2014 the space between the images (default = 5)<\/li>\n<li><em>date_format<\/em> \u2014 the date format in PHP format (default = d\/m\/Y)<\/li>\n<\/ul>\n\n<!--section=faq-->\n<dl>\n<dt>How to style retrospectives?<\/dt>\n<dd><p>The generated HTML is very easy to style (but just be careful with margins and\npaddings, they\u2019re set with !important attribute \u2014 I did it to try not to break\nwith any theme). Here is a sample:<\/p>\n\n<pre><code>&lt;div id=\"retro-uniquehash\" class=\"retrospective\"&gt;\n    &lt;!-- TIMELINE --&gt;\n    &lt;ul class=\"time\"&gt;\n        &lt;li rel=\"0\"&gt;&lt;a href=\"permalink\" style=\"left:0px;\"&gt;&lt;span&gt;date&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n        &lt;li rel=\"1\"&gt;&lt;a href=\"permalink\" style=\"left:300px;\"&gt;&lt;span&gt;date&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n        &lt;li rel=\"2\"&gt;&lt;a href=\"permalink\" style=\"left:600px;\"&gt;&lt;span&gt;date&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n\n    &lt;!-- PHOTOS --&gt;\n    &lt;div class=\"photos\"&gt;\n        &lt;ul&gt;\n            &lt;li rel=\"0\"&gt;&lt;a href=\"permalink\" title=\"title\"&gt;\n                &lt;img src=\"file\" class=\"wp-post-image\" \/&gt;&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li rel=\"1\"&gt;&lt;a href=\"permalink\" title=\"title\"&gt;\n                &lt;img src=\"file\" class=\"wp-post-image\" \/&gt;&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li rel=\"2\"&gt;&lt;a href=\"permalink\" title=\"title\"&gt;\n                &lt;img src=\"file\" class=\"wp-post-image\" \/&gt;&lt;\/a&gt;&lt;\/li&gt;\n        &lt;\/ul&gt;\n    &lt;\/div&gt;\n\n    &lt;!-- POSTS --&gt;\n    &lt;ul class=\"posts\"&gt;\n        &lt;li rel=\"0\"&gt;&lt;a href=\"permalink\" title=\"title\"&gt;&lt;h2&gt;Title &lt;span&gt;(date)&lt;\/span&gt;&lt;\/h2&gt;\n            &lt;p&gt;Excerpt&lt;\/p&gt;&lt;\/a&gt;&lt;\/li&gt;\n        &lt;li rel=\"1\"&gt;&lt;a href=\"permalink\" title=\"title\"&gt;&lt;h2&gt;Title &lt;span&gt;(date)&lt;\/span&gt;&lt;\/h2&gt;\n            &lt;p&gt;Excerpt&lt;\/p&gt;&lt;\/a&gt;&lt;\/li&gt;\n        &lt;li rel=\"2\"&gt;&lt;a href=\"permalink\" title=\"title\"&gt;&lt;h2&gt;Title &lt;span&gt;(date)&lt;\/span&gt;&lt;\/h2&gt;\n            &lt;p&gt;Excerpt&lt;\/p&gt;&lt;\/a&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n&lt;\/div&gt;\n<\/code><\/pre><\/dd>\n<dt>How to style a specific retrospective?<\/dt>\n<dd><p>The generated hash takes in consideration all the attributes sent to the\nshortcode and also how many retrospectives appeared before in the parsing of\nthe actual page. I made it that way to allow users to set up two exactly equal\nretrospectives in the same page. Because of that, I don\u2019t recommend setting\nstyles for <em>#retro-uniquehash<\/em>. I think a reasonable solution for this issue is\nto make something like<\/p>\n\n<pre><code>&lt;div id=\"something_that_makes_sense\"&gt;[retrospective]&lt;\/div&gt;\n<\/code><\/pre>\n\n<p>when inserting the shortcode and then styling <em>#something_that_makes_sense\n.retrospective<\/em>.<\/p><\/dd>\n\n<\/dl>","raw_excerpt":"Retrospective plugin displays last posts or posts from a specific category in a nice-looking &quot;retrospective&quot; way using a shortcode.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/16721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=16721"}],"author":[{"embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/tmadeira"}],"wp:attachment":[{"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=16721"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=16721"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=16721"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=16721"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=16721"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ve.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=16721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}