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 : [tabs-posts]
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
 Front end screen |
 Admin screen |
Hi,
Is the popularity based on comments or on clics ?
Thanks
Based on comments.
great plugin, ive been looking for it, I appreciate it.
regards
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!
Same problem for me too…UI appears as text in WP 3.5..pl fix it
Sorry, but its not working
It’s only showing text. No image. no bullet list etc.
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….