WordPress Post Information Plugin

My first contribution to the WordPress community: a plugin that folds post information into a collapsible jQuery panel to save space on the page. Usage and changelog included.

This is my first contribution to the WP community! It is a start, and I hope time permitting to advance the features in this plugin. This plugin aims to consolidate your post information into a collapsible panel (using jQuery) that can save space on your page.

You can see what it looks like below on this post, and you can test the interaction from the main page.

Usage

  1. Download, upload, activate.
  2. Add the following code somewhere in The Loop.
<?php
if (function_exists('postinfo')) {
  postinfo();
}
?>

Changelog

1.6

  • Fixed word count when using the read more command (was giving word count for excerpt not post).

1.5

  • Added CSS sprite to reduce image flash.

1.4

  • Added JavaScript callback to designate graphically box can be minimized
  • Changed text for toggle to be more descriptive
  • Tweaked CSS

1.3

  • Altered link for comments on single post entries

1.2

  • Added graceful degradation for users without JS

1.1

  • Converted to jQuery from script.aculo.us (uses jQuery bundled with WordPress)
  • Added support for tags
  • Added extensive styling including the famous Fam Fam Silk Icons
  • Reorganized code

1.0

  • Initial release

Considerations

I’ve noticed different styling results when using the function on single post pages and the loop on other pages. Be sure to test both for differences.

To Do

  1. Add an option page to choose the toggle effect and select information to be displayed. (Obselete)
  2. Add icons.
  3. Add ability to degrade for users w/o JS enabled.
  4. Clean up plugin code.
  1. Rob Avatar
    Rob

    Nice plugin. It looks really good when scripting is on but unfortunately it doesn’t degrade gracefully when it is off. Is it possible to make it cater for users with no javascript?

  2. Chris Poteet Avatar
    Chris Poteet

    @Rob: Yikes! I completely missed that one. I’ll have to add that in the next release.

  3. Can Avatar
    Can

    A wonderful plugin. Except that a newbie like me doesn’t know what you mean by adding an option page. Did you mean add another file, like postinfo.php? I’m using the Unwakeable theme, and it has an options folder. Put this postinfo.php inside this folder? I’m so confused. :(

  4. Chris Poteet Avatar
    Chris Poteet

    @Can: It’s a page where you can set options for the plugin. Don’t worry about that now. Just use the instructions I included.

  5. WordPress Plugins Database » Plugin Details » Post Information

    […] Visit […]

  6. Weblog Tools Collection » Blog Archive » WordPress Plugin Releases for 11/6

    […] Post Information aims to consolidate your post information into a collapsible panel (using script.aculo.us) that can save space on your page. […]

  7. G Avatar
    G

    where can we see a working demo?

  8. Chris Poteet Avatar
    Chris Poteet

    @G: I posted a demo, but keep in mind some of the elements won’t show up because it’s inside the post.

  9. 最新(11月)wordpress插件汇总(plugin) | 第九城市

    […] Post Information aims to consolidate your post information into a collapsible panel (using script.aculo.us) that can save space on your page. […]

  10. BlogBroker » WordPress Plugin Releases for 11/6

    […] Post Information aims to consolidate your post information into a collapsible panel (using script.aculo.us) that can save space on your page. […]

  11. WordPress Plugins – WordPress 插件列表 11月6æ—¥ – WordPressCHINA – WordPress中文化

    […] Post Information 通过可折叠的面板来显示你的博客信息,节省网页上的空间。 […]

  12. math Avatar
    math

    very nice plugin, look great and useful, but for me the probleme is, after installing “post information”, my website needs 25 secs more to load. So, I can’t use it, :(

  13. Chris Poteet Avatar
    Chris Poteet

    @Math: Can you activate it, and let me look at the site? I’d like to see what kind of performance bottlenecks come about.

  14. L Avatar
    L

    Hi Chris,

    Thanks for this plugin, I’ve activated it on my site and also pasted the code into The Loop. Can’t seem to find the toggle effect (do I need to add another piece of code somewhere else?)

    I’m a newbie, sorry for all the questions :)

  15. Chris Poteet Avatar
    Chris Poteet

    @L: I see the “Post Information” link in your loop. Put the PHP function right where your comments link is underneath the post (the plugin has a link to the comments).

  16. L Avatar
    L

    Thanks Chris,

    It works now!

  17. math Avatar
    math

    thx for answer. I really like your plugin and would like use it. I tried saveral times. But, whether I activate the plugin, make the loading way longer. too long, I can’t let it activate. any idea, where it can be from ?

  18. Chris Poteet Avatar
    Chris Poteet

    @Math: It does load some JavaScript libraries which could be it. I really do need to see it to troubleshoot.

  19. Post Information_Wordpress plugin

    […] Plugin Homepage […]

  20. WordPress Plugins for Blog Layout, Formating, and CSS Designs « Moch1503’s Weblog

    […] WordPress Post Information Plugin creates a collapsible section with information about your blog’s post meta data, information on the author, date, time, categories, etc., about your post, similar to the Post Meta Data WordPress Plugins offerings. […]

  21. Matt Avatar
    Matt

    I tried using this, but I guess I don’t understand how to find/edit “the loop”.

  22. Chris Poteet Avatar
    Chris Poteet

    @Matt: You don’t have to actually edit the loop at all.  Just add the PHP function somewhere inside the loop.

  23. Matt Avatar
    Matt

    Thanks, got it to work after further reading. I guess i thought this would hide the existing meta, but doesn’t do that for my site template.

  24. Chris Poteet Avatar
    Chris Poteet

    @Matt: It is supposed to replace it, but just remove it and place the function where it used to live.

  25. Matt Avatar
    Matt

    Cool, got it. Thanks for your insight Chris.

  26. WordPress Plugin Releases – Blog Tipper – Come here for great tips

    […] Post Information aims to consolidate your post information into a collapsible panel (using script.aculo.us) that can save space on your page. […]

  27. Shah Hussain Khan Avatar
    Shah Hussain Khan

    Nice man, thanks alot

  28. ovidiu Avatar
    ovidiu

    jsut soem suggestions for improvement if you’re interested:
    what about an options page where yo ucoudl select what info you want displayed in the post meta info?
    i.e. I have a blog where only I blog and I have therefore disabled the author archives and the author pages => they redirect to the homepage, so I wouldn’t want to displaz that particular info..

  29. ovidiu Avatar
    ovidiu

    sorry just noticed that was #1 on your to do list, but why woudl that be obsolete?
     
    To Do

    Add an option page to choose the toggle effect and select information to be displayed. (Obselete)

  30. Chris Poteet Avatar
    Chris Poteet

    @ovidu: It’s obselete, because I’m not going to do it.

  31. ovidiu Avatar
    ovidiu

    cool, no problem I was jsut confused why you marked it as obsolete. I thought there might be an option I had not found :-)
     
    still a very cool plugin

  32. ovidiu Avatar
    ovidiu

    I am trying to implement this plugin here: http://www.die-kellerkinder.eu/2008/08/kellerkinder-treffen/
    and I was wodnering, why it doesn’t say: no comments if tehre are no comments? any hints?

  33. Chris Poteet Avatar
    Chris Poteet

    @ovidiu: It’s because it’s on a single post page, and it doesn’t recognize that function there.  You could use some logic to check whether it’s a single post and if so don’t display the code.  It would look something like:
    if (is_single()) { // don’t display }
    else { // display }

  34. ovidiu Avatar
    ovidiu

    thx, I understand your answer, but am confused as  Ithought this plugin could be used on single posts? I mean is this page here not a post? Could you explain where its supposed to be used?
    I.e. on a homepage inside the loop or where else could I use this plugin?

  35. Chris Poteet Avatar
    Chris Poteet

    @ovidiu: It’s your lucky day. It would take less time to update the plugin then explain it.  Upgrade to 1.3.

  36. ovidiu Avatar
    ovidiu

    thanks a lot. I really appreciate this, especially given the fact, that you were not going to update this plugin any further :-) works now just fine. Btw. you forgot to change the version number inside the plugin so I guess wordpress updates won’t be picking up this update!?
    I just changed your plugin to completely skip the comments stuff if its on a single page :-)

  37. Chris Poteet Avatar
    Chris Poteet

    @ovidiu: You’re right. Fixed now. Thanks.

  38. ovidiu Avatar
    ovidiu

    just wanted to let you know I made some modifications to your plugin so that it also outputs some information of these plugins: http://lesterchan.net/portfolio/programming/

    you can check it out here: http://www.die-kellerkinder.eu/2008/08/formula-returns/
    I inserted email this post, print this post and rate this post, but I am still looking for an icon for the rate this post stuff :-)

    if you want I can share the mods when I am finished, they still need a little polishing, and all echo stuff should be enclosed in IF statements to check if those plugin sare activated.

  39. Chris Poteet Avatar
    Chris Poteet

    @ovidiu: Looks good bud. I originally did have the WP-Email link in there but later decided to remove it.

  40. The Power of WordPress and jQuery: 30+ Useful Plugins & Tutorials

    […] 3. WordPress post information plugin […]

  41. The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | @article @lbum

    […] 3. WordPress post information plugin […]

  42. Free WordPress and jQuery: 25+ Useful Plugins & Tutorials | guidesigner.com

    […] 3. WordPress post information plugin […]

  43. eilia Avatar
    eilia

    wp 2.7.1 ?!

    1. Chris Poteet Avatar
      Chris Poteet

      I’m running 2.7.1 and it’s working fine.

  44. Free WordPress and jQuery: 25+ Useful Plugins & Tutorials | designersmantra.com

    […] 3. WordPress post information plugin […]

  45. Mike Avatar
    Mike

    Great plugin.

    Only thing I noticed that bugs me, and probably is IE’s fault, not yours:

    The list in IE inherits the default styling on an unordered list. So, if you’ve styled your UL with a custom bullet, etc, it shows in front of the fam fam fam icons in the plugin.

    Works fine in every other browser I’ve tried, just not in IE.

    Not looking for a solution, just pointing it out.

    Thanks for the great plugin.

    1. Chris Poteet Avatar
      Chris Poteet

      Good catch MIke. Just add the following CSS.

      .post-info ul {
      list-style: none;
      }

  46. Mike Avatar
    Mike

    Excellent. Worked like a charm. Appreciate it, and again, thanks for the awesome plugin!

  47. The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | cyooh.com

    […] 3. WordPress post information plugin […]

  48. The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Webmaster Tips

    […] 3. WordPress post information plugin […]

  49. GimliGlider Avatar
    GimliGlider

    Damn! Everything worked in my site but I removed it for the only reason that the .png image for Words didn’t show up. I manually verified that the required png file words.png came with the plugin and was installed on the webserver but no luck.

    Also went into the CSS file to see if the image was properly linked. Yes it was properly linked but the image didn’t show up.

    Then I used Windows Magnifier to see if the icon was hiding somewhere. Yes it was! It was hiding behind the ‘Author’ icon.

    Now Chris, how can I get that disobedient icon down and put him where he should be? If you want, i can reenable the plugin in my website and show it to you.

    I checked the tick box next to “Notify me of following comments via email”. So Chris, if u’re willing to help, post a comment here. or email me. You already have my email address. Please keep it privated.

    Thanks and wishing u all the best with the new job

    1. Chris Poteet Avatar
      Chris Poteet

      @GimliGlider: Activate it again, send a URL, and let me know which version you’re running of the plugin/WordPress.

  50. GimliGlider Avatar
    GimliGlider

    hey chris that was nicely executed. Don’t know of proper words to express my gratitude with. Where the hell is the donate button in your site? LOL seriously???