Tabs widget popular posts and latest posts

This is a jquery based lightweight plugin to create a new wordpress tabbed widget to display recent posts and popular posts.

Advantage of this plugin

  • Lightweight plugin
  • Smooth transitions between two tab
  • Easy configuration
  • Adjust number of posts to display tab

Plugin Live Demo available on the sidebar. i am using this plugin to display my plugin list. Please have a look. also in this post attached the plugin front end and admin screens.

Please click here to download the plugin. and find other plugins in the sidebar.

Installation instruction

Method 1

  • Download the plugin tabs-popular-posts-and-latest-posts.zip from download location.
  • Go to Add New menu under Plugins tab in your WordPress admin.
  • Select upload link (top link menu).
  • Upload the available tabs-popular-posts-and-latest-posts.zip file and click Install Now.
  • Finally click activate plug-in link to activate the plug-in.

Method 2

  • Download the plugin tabs-popular-posts-and-latest-posts.zip from download location.
  • Unpack the tabs-popular-posts-and-latest-posts.zip file and extract the folder.
  • Drop the tabs-popular-posts-and-latest-posts folder into your ‘wp-content/plugins’ folder.
  • In word press administration panels, click on plug-in from the menu.
  • You should see your new tabs-popular-posts-and-latest-posts plugin listed.
  • To turn the word presses plug-in on, click activate.

Plugin configuration

Drag and drop the widget : Go to widget page under Appearance menu, Drag and drop Tabs popular posts and latest posts widget into your side bar. its very easy.

Short code for pages and posts: Copy and paste the give short code into your posts and page to display the tabs widget.

Short code :

Frequently asked questions

Q1. Icons not showing on tabber tab? or Do you want to change the tabber icon image?

Open style sheet (style.css) from the plugin folder and enter full path for the image style.

Example

#TabsPostsTabber ul.TabsPostsTabs li a { background: url(https://www.websitename.com/wp-content/plugins/tabs-popular-posts-and-latest-posts/ico-hot-grey.png) no-repeat 9px 7px;

Alternatively we can use the wordpress dashboard to update this CSS file.

1. Go to Dashboard in your wordpress website
2. Go to Plugins menu
3. Select Editor menu
4. Select the tabber widget plugin from the drop down box (available at top right corner)
5. Select the CSS file from the available plugin files (/inc/style.css)
6. Change the image path and update the file.

Q2. How to change the tabber menu text Popular/Recent?

Open the plugin folder and tabs-popular-posts-and-latest-posts.php file.
Go to line 27 and 28 change the text.

Admin screen

screenshot 1 Tabs widget popular posts and latest posts

Front end screen

 
screenshot 2 Tabs widget popular posts and latest posts

Admin screen

Download location

http://www.gopiplus.com/work/wordpress-plugin-download/

21 Responses to“Tabs widget popular posts and latest posts”

  1. Carole
    November 29, 2012 at 4:10 pm #

    Hi,

    Is the popularity based on comments or on clics ?

    Thanks

    • Admin
      December 5, 2012 at 1:38 am #

      Based on comments.

  2. leiva
    December 5, 2012 at 7:25 pm #

    great plugin, ive been looking for it, I appreciate it.
    regards

  3. Shashank
    December 19, 2012 at 9:54 am #

    Hey hi your plugin UI is simple and fluid. ;) but i when i enables it. its not showing its UI of the popular posts and latest posts. :O its just appearing as text. :( please fix that bug. i am using WordPress 3.5 otherwise unfortunately i will go for another plug in. :O
    thanks!

  4. Ravi
    December 29, 2012 at 5:23 pm #

    Same problem for me too…UI appears as text in WP 3.5..pl fix it

  5. Ammar Ali
    January 7, 2013 at 3:58 pm #

    Sorry, but its not working :| It’s only showing text. No image. no bullet list etc.

  6. Charles Dairo
    April 14, 2013 at 5:40 pm #

    Here’s how I made it work:

    Modify tabs-popular-posts-and-latest-posts.php
    In lines 73 and 74,

    replace:
    wp_enqueue_style( ‘tplp_style’, get_option(‘siteurl’).’/wp-content/plugins/tabs-popular-posts-and-latest-posts/inc/style.css’);
    wp_enqueue_script( ‘tplp_script’, get_option(‘siteurl’).’/wp-content/plugins/tabs-popular-posts-and-latest-posts/inc/script.js’, ”, ‘1.0’, true);

    with:
    wp_enqueue_style( ‘tplp_style’, get_option(‘siteurl’).’/wp-content/plugins/tabs-widget-popular-posts-and-latest-posts/inc/style.css’);
    wp_enqueue_script( ‘tplp_script’, get_option(‘siteurl’).’/wp-content/plugins/tabs-widget-popular-posts-and-latest-posts/inc/script.js’, ”, ‘1.0’, true);

    (This replaces the url with the correct one.)

    Hope this helps….

  7. Vadim Volos
    June 4, 2013 at 10:04 am #

    Thank you Charles Dairo!

    It’s working, tabs-widget-popular-posts-and-latest-posts!

  8. Vadim Volos
    June 4, 2013 at 10:24 am #

    1. Popular & Recent

    Please tell me how to do it:

    2. Popular & Comments

    3. Popular & Сategories

  9. abiodun
    July 4, 2013 at 10:42 am #

    Great plugin is what you have shared here.. i just set it up… Thanks for sharing

  10. Vadim Volos
    July 17, 2013 at 6:40 pm #

    Please add the ability to add more tabs.
    Tabs with your own text and html code.

  11. valuser
    April 12, 2014 at 8:49 am #

    Thanks for a number of great plugins.

    To complete your “tabbed” series please consider taking over the tabber-tabs plugin at http://wordpress.org/plugins/tabber-tabs-widget/ (still works perfectly) but which is not being supported anymore.

  12. Abhushek Jain
    April 14, 2014 at 9:19 am #

    How will this plugin work….. whetther no of pageviews or comments… plz tell

    • Gopi Ramasamy
      April 14, 2014 at 9:27 am #

      Based on no of comments.

  13. Abhushek Jain
    April 14, 2014 at 9:38 am #

    But I have disabled the comments on my site… will it show now?

    • Gopi Ramasamy
      April 14, 2014 at 9:42 am #

      Yes, it will show the details based on available data. However you can easily modify the plugin to retrieve the details based on view count.

  14. Noa
    April 27, 2014 at 1:54 am #

    This is my favorite of the tabbed popular/recent posts widgets, but I can’t figure out how to show posts based on view count. What is the code that needs to be changed to switch from comment count to view count?

    • Gopi Ramasamy
      April 27, 2014 at 5:45 am #

      File : tabs-popular-posts-and-latest-posts.php
      Line : 128 to 150
      Method : tabs_popular_posts() & tabs_latest_posts()

      You can change this two method to modify the posts load.

      • Noa
        April 27, 2014 at 1:49 pm #

        Ok – I found this line (line 131), which I presume I should be changing to something else:
        $popular = new WP_Query(‘orderby=comment_count&posts_per_page=’.$posts);

        I tried replacing it with this, but it just gives me the recent posts:
        $popular = new WP_Query(‘orderby=post_views_count&order=desc’);

        I’m a total php newb, so I’m pretty much just poking around in the dark…but I’d really like for this particular plugin to be the one I use. Thank you for your help!

  15. Mohammed Saimon
    April 30, 2014 at 4:45 am #

    Very nice plugin. Thanks to the author.

  16. Anna
    July 6, 2014 at 5:07 pm #

    hello, could you please write the code line that should replace the following:
    WP_Query(‘orderby=comment_count&posts_per_page=’.$posts);

    in order to make the plugin show popular content based on views?
    thanks in advance

Comments closed due to heavy spam (back soon). If you have any query please use my contact form click here and mention your plugin name.