{"id":3674,"date":"2012-11-24T14:28:07","date_gmt":"2012-11-24T14:28:07","guid":{"rendered":"http:\/\/www.gopiplus.com\/work\/?p=3674"},"modified":"2021-10-24T08:26:39","modified_gmt":"2021-10-24T08:26:39","slug":"wordpress-plugin-tabs-widget-popular-posts-and-latest-posts","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/work\/2012\/11\/24\/wordpress-plugin-tabs-widget-popular-posts-and-latest-posts\/","title":{"rendered":"Tabs widget popular posts and latest posts WordPress plugin"},"content":{"rendered":"\n<p>Tabs widget popular posts and latest posts WordPress plugin is a jQuery-based lightweight plugin to create a WordPress tabbed widget to display recent posts and popular posts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Advantage of this plugin<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Lightweight plugin.<\/li><li>Smooth transitions between two tab.<\/li><li>Easy configuration.<\/li><li>Adjust number of posts to display tab.<\/li><\/ul>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Large Rectancle Center page -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"0362029595\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- gopiplus.org Main -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7521653079\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<p>Plugin live demo screen is available on this page. You may also be interested in the <a href=\"http:\/\/www.gopiplus.com\/work\/2012\/11\/10\/tabber-widget-plugin-for-wordpress\/\">WP Tabber widget<\/a> WordPress plugin. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installation instruction<\/h2>\n\n\n\n<p>First, download the plugin ZIP file tabs-popular-posts-and-latest-posts.zip from the download location.<\/p>\n\n\n\n<p><strong>Activate the plugin using the dashboard upload option.<\/strong><\/p>\n\n\n\n<p>Sign in to your WordPress dashboard. Navigate to the <strong>Plugins<\/strong> menu. And click <strong>Add New<\/strong> menu to upload the downloaded ZIP file (tabs-popular-posts-and-latest-posts.zip). Select the <strong>Upload Plugin<\/strong> button. Upload the available ZIP file and click <strong>Install Now<\/strong> button. Finally, click <strong>Activate<\/strong> plugin button to activate the plugin. Next, Go to the plugin admin page to change the default settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Front screen<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/tabs-widget-popular-posts-and-latest-posts\/screenshot-1.jpg\" alt=\"Tabs widget popular posts and latest posts WordPress plugin\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Plugin configuration<\/h2>\n\n\n\n<p><strong>Widget:<\/strong><\/p>\n\n\n\n<p>This is the easiest way, First, go to the <strong>Appearance<\/strong> menu and click <strong>Widgets<\/strong>. Then, click the &#8216;Plus&#8217; icon on the page to bring up the widget block menu. Finally, search the widget <strong>Tabs popular posts and latest posts<\/strong> and drag and drop to your widget section. Otherwise, you can double-click to add the widget.<\/p>\n\n\n\n<p><strong>PHP code:<\/strong><\/p>\n\n\n\n<p>Copy and paste the below PHP code to your desired template location (in PHP file) to show the plugin on the theme. It allows you to embed the shortcode anywhere you want in the file. of course, you have to activate the plugin.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php echo do_shortcode( '&#091;tabs-posts id=\"1\"]' ); ?><\/code><\/pre>\n\n\n\n<p><strong>Shortcode:<\/strong><\/p>\n\n\n\n<p>Shortcodes are the simple way to add plugins into your WordPress posts, pages, and sidebars. Find the code below. and use it inside the posts.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;tabs-posts id=\"1\"]<\/code><\/pre>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t<!-- Above Comment -->\n\t<ins class=\"adsbygoogle\"\n\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t data-ad-slot=\"2359628415\"><\/ins>\n\t<script>\n\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Admin page<\/h2>\n\n\n\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/work\/my-plugin\/adminscreen\/tabs-widget-popular-posts-and-latest-posts.png\" alt=\"Tabs widget popular posts and latest posts WordPress plugin\"><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q1. Do you want to change the tabbed icon image?<\/strong><\/p>\n\n\n\n<p>Open style sheet (style.css) from the plugin folder and enter full path for the image style.<\/p>\n\n\n\n<p><strong>Example<\/strong><\/p>\n\n\n\n<p>#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;<\/p>\n\n\n\n<p>Alternatively we can use the wordpress dashboard to update this CSS file.<\/p>\n\n\n\n<p>1. Go to Dashboard in your WordPress website<br>2. Go to Plugins menu<br>3. Select Editor menu<br>4. Select the tabbed widget plugin from the drop-down box (available at the top right corner)<br>5. Select the CSS file from the available plugin files (\/inc\/style.css).<\/p>\n\n\n\n<p>6. Change the image path and update the file.<\/p>\n\n\n\n<p><strong>Q2. How to change the tabbed menu text Popular\/Recent?<\/strong><\/p>\n\n\n\n<p>Open the plugin folder and tabs-popular-posts-and-latest-posts.php file.<br>Go to lines 27 and 28 change the text.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Official plugin page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/11\/24\/wordpress-plugin-tabs-widget-popular-posts-and-latest-posts\/\">http:\/\/www.gopiplus.com\/work\/2012\/11\/24\/wordpress-plugin-tabs-widget-popular-posts-and-latest-posts\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/work\/2012\/11\/25\/tabs-widget-popular-posts-and-latest-posts-wordpress-plugin-download-link\/\">http:\/\/www.gopiplus.com\/work\/2012\/11\/25\/tabs-widget-popular-posts-and-latest-posts-wordpress-plugin-download-link\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress page<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tabs-widget-popular-posts-and-latest-posts\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/tabs-widget-popular-posts-and-latest-posts\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is a jquery based lightweight plugin to create a new wordpress tabbed widget to display recent posts and popular posts.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[202,201,200,14],"class_list":["post-3674","post","type-post","status-publish","format-standard","hentry","category-word-press-plug-in","tag-latest-posts","tag-popular-posts","tag-tabs","tag-widget"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/3674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/comments?post=3674"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/posts\/3674\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/media?parent=3674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/categories?post=3674"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/work\/wp-json\/wp\/v2\/tags?post=3674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}