Title: Retrospective
Author: Tiago Madeira
Published: <strong>2 ກຸມພາ 2012</strong>
Last modified: 2 ກຸມພາ 2012

---

ຄົ້ນຫາປລັກອິນ

ປລັກອິນນີ້ **ຍັງບໍ່ທັນໄດ້ຮັບການທົດສອບກັບ WordPress 3 ເວີຊັນຫຼັກຫຼ້າສຸດ**. ມັນອາດຈະ
ບໍ່ໄດ້ຮັບການເບິ່ງແຍງ ຫຼື ສະໜັບສະໜູນອີກຕໍ່ໄປ ແລະ ອາດມີບັນຫາການເຮັດວຽກຮ່ວມກັນເມື່ອ
ໃຊ້ກັບ WordPress ເວີຊັນທີ່ໃໝ່ກວ່າ.

![](https://s.w.org/plugins/geopattern-icon/retrospective.svg)

# Retrospective

 ໂດຍ [Tiago Madeira](https://profiles.wordpress.org/tmadeira/)

[ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/retrospective.zip)

 * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/retrospective/#description)
 * [ການຣີວິວ](https://lo.wordpress.org/plugins/retrospective/#reviews)
 *  [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/retrospective/#installation)
 * [ການພັດທະນາ](https://lo.wordpress.org/plugins/retrospective/#developers)

 [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/retrospective/)

## ຄຳອະທິບາຍ

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](http://www.estadao.com.br/especiais/choque-nas-ruas,158638.htm) —
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.

## ພາບໜ້າຈໍ

 * [[
 * Retrospective plugin in http://juntos.org.br/juntos/internet/
 * [[
 * Retrospective plugin in a fresh WordPress install using a pure TwentyEleven theme

## ການຕິດຕັ້ງ

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:

 * _count_ — limit the number of posts to be displayed (default = 10; use -1 to
   
   display all)
 * _cat_ — display posts with category IDs comma-separated (default =
    display all
   posts)
 * _width_ — the width of the timeline in pixels (default = 600)
 * _delay_ — the time of the focus change animation in milisseconds (default =
    
   1000)
 * _scale_ — if set, respect the time scale in the distances between the points
   
   in the timeline (default = false)
 * _image\_width_, _image\_height_ — the dimensions of the thumbnail images in pixels
   (
   default = 300×180)
 * _image\_border\_size_ — the size of the image’s border in pixels (default = 7)
 * _image\_border\_color_ — the color of the image’s border in hexa RGB (default
   =
    000000)
 * _image\_margin_ — the space between the images (default = 5)
 * _date\_format_ — the date format in PHP format (default = d/m/Y)

## ຄຳຖາມທີ່ພົບເລື້ອຍ

  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:

    ```
    <div id="retro-uniquehash" class="retrospective">
        <!-- TIMELINE -->
        <ul class="time">
            <li rel="0"><a href="permalink" style="left:0px;"><span>date</span></a></li>
            <li rel="1"><a href="permalink" style="left:300px;"><span>date</span></a></li>
            <li rel="2"><a href="permalink" style="left:600px;"><span>date</span></a></li>
        </ul>

        <!-- PHOTOS -->
        <div class="photos">
            <ul>
                <li rel="0"><a href="permalink" title="title">
                    <img src="file" class="wp-post-image" /></a></li>
                <li rel="1"><a href="permalink" title="title">
                    <img src="file" class="wp-post-image" /></a></li>
                <li rel="2"><a href="permalink" title="title">
                    <img src="file" class="wp-post-image" /></a></li>
            </ul>
        </div>

        <!-- POSTS -->
        <ul class="posts">
            <li rel="0"><a href="permalink" title="title"><h2>Title <span>(date)</span></h2>
                <p>Excerpt</p></a></li>
            <li rel="1"><a href="permalink" title="title"><h2>Title <span>(date)</span></h2>
                <p>Excerpt</p></a></li>
            <li rel="2"><a href="permalink" title="title"><h2>Title <span>(date)</span></h2>
                <p>Excerpt</p></a></li>
        </ul>
    </div>
    ```

  How to style a specific retrospective?

The generated hash takes in consideration all the attributes sent to the
 shortcode
and also how many retrospectives appeared before in the parsing of the actual page.
I made it that way to allow users to set up two exactly equal retrospectives in 
the same page. Because of that, I don’t recommend setting styles for _#retro-uniquehash_.
I think a reasonable solution for this issue is to make something like

    ```
    <div id="something_that_makes_sense">[retrospective]</div>
    ```

when inserting the shortcode and then styling _#something\_that\_makes\_sense
 .
retrospective
.

## ການຣີວິວ

ບໍ່ມີການຣີວິວສຳລັບປລັກອິນນີ້.

## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ

“Retrospective” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມໃນການ
ພັດທະນາປລັກອິນນີ້.

ຜູ້ຮ່ວມພັດທະນາ

 *   [ Tiago Madeira ](https://profiles.wordpress.org/tmadeira/)

[ແປ “Retrospective” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/retrospective)

### ສົນໃຈຮ່ວມພັດທະນາບໍ່?

[ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/retrospective/), ກວດເບິ່ງ
[ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/retrospective/), ຫຼື ຕິດຕາມ [ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/retrospective/)
ຜ່ານ [RSS](https://plugins.trac.wordpress.org/log/retrospective/?limit=100&mode=stop_on_copy&format=rss).

## ຂໍ້ມູນກຳກັບ (Meta)

 *  ເວີຊັນ **1.0.0**
 *  ອັບເດດຫຼ້າສຸດເມື່ອ **14 ປີ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ
 *  ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **10+**
 *  ເວີຊັນ WordPress ** 3.3.1 ຫຼື ສູງກວ່າ **
 *  ທົດສອບເຖິງເວີຊັນ **3.3.2**
 *  ພາສາ
 * [English (US)](https://wordpress.org/plugins/retrospective/)
 * ແທັກ
 * [archive](https://lo.wordpress.org/plugins/tags/archive/)[category](https://lo.wordpress.org/plugins/tags/category/)
   [javascript](https://lo.wordpress.org/plugins/tags/javascript/)[jquery](https://lo.wordpress.org/plugins/tags/jquery/)
   [shortcode](https://lo.wordpress.org/plugins/tags/shortcode/)
 *  [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/retrospective/advanced/)

## ການໃຫ້ຄະແນນ

 5 ຈາກທັງໝົດ 5 ດາວ.

 *  [  ການວິຈານ 5 ດາວ ຈຳນວນ 1 ລາຍການ     ](https://wordpress.org/support/plugin/retrospective/reviews/?filter=5)
 *  [  ການວິຈານ 4 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/retrospective/reviews/?filter=4)
 *  [  ການວິຈານ 3 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/retrospective/reviews/?filter=3)
 *  [  ການວິຈານ 2 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/retrospective/reviews/?filter=2)
 *  [  ການວິຈານ 1 ດາວ ຈຳນວນ 0 ລາຍການ     ](https://wordpress.org/support/plugin/retrospective/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/retrospective/reviews/#new-post)

[ເບິ່ງ ຄຳຄິດເຫັນ ທັງໝົດ](https://wordpress.org/support/plugin/retrospective/reviews/)

## ຜູ້ຮ່ວມພັດທະນາ

 *   [ Tiago Madeira ](https://profiles.wordpress.org/tmadeira/)

## ການຊ່ວຍເຫຼືອ

ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່?

 [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/retrospective/)

## ບໍລິຈາກ

ເຈົ້າຕ້ອງການສະໜັບສະໜູນການພັດທະນາຂອງປລັກອິນນີ້ບໍ່?

 [ ບໍລິຈາກໃຫ້ປລັກອິນນີ້ ](http://blog.tiagomadeira.com/)