Creating a Tabbed Widget

Please find the code its working you need to just add the js and css for your design

it will add three custom post and add widget to the widget area you can drag and drop it in any side bar.

<?php
/**
 * Plugin Name:       Custom Tabbed Plugin
 * Description:       This is testing of the custom tabbed plugin
 * Version:           1.0.2
 * Author:            James Van Waza
 * Author URI:        http://jamesvanwaza.com
 * License:           GPL-2.0+
 * License URI:       http://www.gnu.org/licenses/gpl-2.0.txt
 */

/**
 * Registers a new post type
 * @uses $wp_post_types Inserts new post type object into the list
 *
 * @param string  Post type key, must not exceed 20 characters
 * @param array|string  See optional args description above.
 * @return object|WP_Error the registered post type object, or an error object
 */

add_action('init', 'aip_popup_init');

function add_custom_post_type(){
    $labels = array(
        'name' => __('Soccer Clubs', 'text-domain') ,
        'singular_name' => __('Soccer Club', 'text-domain') ,
        'add_new' => _x('Add New Soccer Club', 'text-domain', 'text-domain') ,
        'add_new_item' => __('Add New Soccer Club', 'text-domain') ,
        'edit_item' => __('Edit Soccer Club', 'text-domain') ,
        'new_item' => __('New Soccer Club', 'text-domain') ,
        'view_item' => __('View Soccer Club', 'text-domain') ,
        'search_items' => __('Search Soccer Clubs', 'text-domain') ,
        'not_found' => __('No Soccer Clubs found', 'text-domain') ,
        'not_found_in_trash' => __('No Soccer Clubs found in Trash', 'text-domain') ,
        'parent_item_colon' => __('Parent Soccer Club:', 'text-domain') ,
        'menu_name' => __('Soccer Clubs', 'text-domain')
    );
    $args = array(
        'labels' => $labels,
        'hierarchical' => false,
        'description' => 'description',
        'taxonomies' => array() ,
        'public' => true,
        'show_ui' => true,
        'show_in_menu' => true,
        'show_in_admin_bar' => true,
        'menu_position' => null,
        'menu_icon' => null,
        'show_in_nav_menus' => true,
        'publicly_queryable' => true,
        'exclude_from_search' => false,
        'has_archive' => true,
        'query_var' => true,
        'can_export' => true,
        'rewrite' => array(
            'slug' => 'soccer-club'
        ) ,
        'capability_type' => 'post',
        'supports' => array(
            'title',
            'editor',
            'author',
            'thumbnail',
            'excerpt',
            'custom-fields',
            'trackbacks',
            'comments',
            'revisions',
            'page-attributes',
            'post-formats'
        )
    );
    register_post_type('soccer-club', $args);
    $labels = array(
        'name' => __('Movies', 'text-domain') ,
        'singular_name' => __('Movie', 'text-domain') ,
        'add_new' => _x('Add New Movie', 'text-domain', 'text-domain') ,
        'add_new_item' => __('Add New Movie', 'text-domain') ,
        'edit_item' => __('Edit Movie', 'text-domain') ,
        'new_item' => __('New Movie', 'text-domain') ,
        'view_item' => __('View Movie', 'text-domain') ,
        'search_items' => __('Search Movies', 'text-domain') ,
        'not_found' => __('No Movies found', 'text-domain') ,
        'not_found_in_trash' => __('No Movies found in Trash', 'text-domain') ,
        'parent_item_colon' => __('Parent Movie:', 'text-domain') ,
        'menu_name' => __('Movies', 'text-domain')
    );
    $args = array(
        'labels' => $labels,
        'hierarchical' => false,
        'description' => 'description',
        'taxonomies' => array() ,
        'public' => true,
        'show_ui' => true,
        'show_in_menu' => true,
        'show_in_admin_bar' => true,
        'menu_position' => null,
        'menu_icon' => null,
        'show_in_nav_menus' => true,
        'publicly_queryable' => true,
        'exclude_from_search' => false,
        'has_archive' => true,
        'query_var' => true,
        'can_export' => true,
        'rewrite' => array(
            'slug' => 'movies'
        ) ,
        'capability_type' => 'post',
        'supports' => array(
            'title',
            'editor',
            'author',
            'thumbnail',
            'excerpt',
            'custom-fields',
            'trackbacks',
            'comments',
            'revisions',
            'page-attributes',
            'post-formats'
        )
    );
    register_post_type('movies', $args);


    $labels = array(
        'name' => __('Xbox Games', 'text-domain') ,
        'singular_name' => __('Xbox Game', 'text-domain') ,
        'add_new' => _x('Add New Xbox Game', 'text-domain', 'text-domain') ,
        'add_new_item' => __('Add New Xbox Game', 'text-domain') ,
        'edit_item' => __('Edit Xbox Game', 'text-domain') ,
        'new_item' => __('New Xbox Game', 'text-domain') ,
        'view_item' => __('View Xbox Game', 'text-domain') ,
        'search_items' => __('Search Xbox Games', 'text-domain') ,
        'not_found' => __('No Xbox Games found', 'text-domain') ,
        'not_found_in_trash' => __('No Xbox Games found in Trash', 'text-domain') ,
        'parent_item_colon' => __('Parent Xbox Game:', 'text-domain') ,
        'menu_name' => __('Xbox Games', 'text-domain')
    );
    $args = array(
        'labels' => $labels,
        'hierarchical' => false,
        'description' => 'description',
        'taxonomies' => array() ,
        'public' => true,
        'show_ui' => true,
        'show_in_menu' => true,
        'show_in_admin_bar' => true,
        'menu_position' => null,
        'menu_icon' => null,
        'show_in_nav_menus' => true,
        'publicly_queryable' => true,
        'exclude_from_search' => false,
        'has_archive' => true,
        'query_var' => true,
        'can_export' => true,
        'rewrite' => array(
            'slug' => 'xbox-games'
        ) ,
        'capability_type' => 'post',
        'supports' => array(
            'title',
            'editor',
            'author',
            'thumbnail',
            'excerpt',
            'custom-fields',
            'trackbacks',
            'comments',
            'revisions',
            'page-attributes',
            'post-formats'
        )
    );
    register_post_type('xbox-games', $args);
}

// creating a widget
    class f557TabberWidget extends WP_Widget {


        function __construct() {
            parent::__construct(
                'f557TabberWidget', // Base ID
                __( 'Taber Title', 'text_domain' ), // Name
                array( 'description' => __( 'A Foo Widget', 'text_domain' ), ) // Args
            );
        }

        function f557TabberWidget() {
                $widget_ops = array(
                    'classname' => 'f557TabberWidget',
                    'description' => 'Simple jQuery Tabber Widget'
                );
                $this->WP_Widget(
                        'f557TabberWidget',
                        'f557Beginner Tabber Widget',
                        $widget_ops
                );
        }

        function widget($args, $instance) {
                ?>
                    <div class="small-12 columns">
                        <ul class="tabs show-for-medium-up" data-tab>
                                <li>Soccer Clib</li>
                                <li>Movie</li>
                                <li>Xbox Games</li>
                        </ul>

                        <div class="tab1">
                            <?php
                            $args = array(
                                'post_type' => 'soccer-club',
                                'posts_per_page' => 2
                            );
                            $soccer = new WP_Query($args);
                            if( $soccer->have_posts() ) {
                                while ($soccer->have_posts()) : $soccer->the_post(); ?>
                                    <p><a href="https://wordpress.stackexchange.com/questions/192213/<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                <?php
                                endwhile;
                            }
                            ?>
                        </div>

                        <div class="tab2">
                            <?php
                            $args = array(
                                'post_type' => 'movies',
                                'posts_per_page' => 2
                            );
                            $soccer = new WP_Query($args);
                            if( $soccer->have_posts() ) {
                                while ($soccer->have_posts()) : $soccer->the_post(); ?>
                                    <p><a href="https://wordpress.stackexchange.com/questions/192213/<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                <?php
                                endwhile;
                            }
                            ?>
                        </div>

                        <div class="tab3">
                            <?php
                            $args = array(
                                'post_type' => 'xbox-games',
                                'posts_per_page' => 2
                            );
                            $soccer = new WP_Query($args);
                            if( $soccer->have_posts() ) {
                                while ($soccer->have_posts()) : $soccer->the_post(); ?>
                                    <p><a href="https://wordpress.stackexchange.com/questions/192213/<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></p>
                                <?php
                                endwhile;
                            }
                            ?>
                        </div>
                    </div>

            <?php
        }
        public function form( $instance ) {

        }
        public function update( $new_instance, $old_instance ) {           
        }
    }

    add_action('widgets_init', function(){
        register_widget( 'f557TabberWidget' );
    });

?>

Related Posts:

  1. Query Custom Post Types & category_name?
  2. How to Query in WordPress which shows Alphabetic Posts?
  3. Display custom-post type based on the Title matching the current selected value
  4. how to display new private message to users?
  5. How to use a custom post type archive as front page?
  6. Combining queries with different arguments per post type
  7. How do you get the count of posts in an archive page?
  8. limit selection of custom taxonomies to one?
  9. How to make a WP_Query search with custom post types?
  10. $wp_query->queried_object->ID throws warning: Undefined property
  11. how to filter by last name for custom post
  12. The Operator “NOT IN” Does Not Work In tax_query
  13. Display Custom Post Type Fields
  14. Getting a div content of a post in wordpress?
  15. Get posts with tag all post types
  16. How to get_queried_object on multiple objects?
  17. How to get the parent’s taxonomy?
  18. WordPress query by multiple Custom fields and order by date
  19. Help with hierarchical custom taxonomies and permalinks…almost there
  20. How to save the checked boxes?
  21. New WP_query in template not working with CPT+category on some pages
  22. query order by date on custom type: wrong order
  23. Displaying a specific post in a wp query by post id
  24. Query current and future events, ordered by begin date
  25. Query custom post types and a specific page?
  26. Optimised Code for Pulling Taxonomy Posts
  27. Calculating Bayesian average for custom post type
  28. Help with CPT template pagination
  29. How can I get the first 50% of all posts (within a custom post type)?
  30. Remove duplicated values from a loop
  31. Fetch taxonomies by custom post type id array
  32. is there a way to retrieve posts that do not have a featured image assigned?
  33. How to connect two custom post types with nested loops
  34. Related posts in all categories of current post (custom post types)
  35. Why does querying on post_tags (which has been applied to custom post types) only return posts?
  36. shortcode to show custom post types by category
  37. Query/list all terms and their custom post count
  38. Genesis filterable portfolio isotope [closed]
  39. convert custom query to wp_query
  40. Get custom taxonomies from multiple posts
  41. Loop to fetch 3 post_thumbnail instances from 3 most recent custom post types named “portfolio”
  42. Custom post ui plugin & WP_Query – Polylang
  43. How to use load more custom post type data normal or according to on click category tab In WP
  44. WP_Query inside foreach loop returning same value for all options when filtered using ajax
  45. Problem: wp_query outputs all images on site
  46. wp_reset_postdata() and wp_reset_query() inside shortcode are not working to reset original page query
  47. How does order=asc effect a wp_query (its acting pretty weird in a loop)
  48. Dynamically output a class to an anchor tag depending on what tag is chosen
  49. Using wp_query to modify the loop in index.php for a CPT
  50. Custom WP_Query doesn’t display all posts
  51. Variable not working in WP_Query
  52. Wp Query with multiple custom tag(taxonomy) by get the terms
  53. Pagination not working on custom query on a page
  54. Query within a foreach within a query (queryception)
  55. How to get Custom Post Type with Categories wise in WordPress using wp_query
  56. Running a custom query inside another cpt single and trying to grab a variable
  57. Get posts by category name
  58. WP_Meta_Query object with conditionals
  59. How to properly use Categories with Custom Post Types
  60. Problem while filtering by ‘category_name’
  61. I can’t connect my custom jquery to wp admin
  62. Displaying Portfolio Filter by Category Order (alphabetically)
  63. Custom Post Type Query W/Category Dropdown
  64. Query for specific taxonomy that executes a particular loop depending on volume of posts?
  65. How to order query results based on if a custom field has been populated, then the order by the date of the post?
  66. Pin posts to top of custom loop
  67. WP Admin Dropdown List Filter for custom (ACF) field on custom post type(s)
  68. WP_Query get always custom post_type for first
  69. WP_Query – How To Query Only Custom Posts With No Children of Their Own?
  70. Foreach result into WP_query
  71. Query custom post type and custom field by URL parameters
  72. meta query multiple values for the same key
  73. Custom post types – meta_query: search lesson which starts sooner
  74. Wp Query sort order from custom MetaBox
  75. Custom Taxonomy – fields
  76. CPT Loop, include taxonomies and disclude others?
  77. Custom Post Type Query by user id
  78. Query posts based on user preferences
  79. CPT post doesnt shows tags and category on backend admin page
  80. Adding a nav menu for a custom post type
  81. How to use costum database table for custom post type
  82. Most efficient way of showing children posts?
  83. Querying, storing, and using data from 2 separate custom post types
  84. date_query won’t accept day parameter, but will accept month and year for a custom post
  85. Custom post type and custom taxonomies display
  86. WordPress custom post type
  87. Custom Post ‘Post Per Page’ Crashing Page?
  88. Custom post type single display is ommited
  89. Issue with permalinks for custom post type
  90. Paged within a custom content type template [duplicate]
  91. WordPress can only query up to 766
  92. Custom Post Query Combined with Conditional Tags
  93. Custom loop won’t work, can’t find problem
  94. Query by post type or category
  95. Get all custom_post_type posts + blog posts from one category in a single query
  96. How to exclude certain portfolios from a loop
  97. show the most recent date of all posts to display on front end
  98. Quering array of post types & pagination. Articles are repeating sometimes on different pages
  99. How can I show posts with the same tag?
  100. Load posts via AJAX without draft status