Tabs widget popular posts and latest posts WordPress plugin

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 screen available in this page. You may also be interested in WP Tabber widget WordPress plugin.

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 plugin link to activate the plugin.

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 WordPress 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 plugin on, click activate.

Front screen

Tabs widget popular posts and latest posts WordPress plugin

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 : <?php TabsPosts(); ?>

Admin page

In your WordPress administrator section go to Appearance menu and select Widget menu to configure this plugin.

Tabs widget popular posts and latest posts WordPress plugin

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.

Official plugin page

http://www.gopiplus.com/work/2012/11/24/wordpress-plugin-tabs-widget-popular-posts-and-latest-posts/

Download location

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