I made the following widget code to show Featured Category with Video embed code.
\nThe following widget works with Videozoom theme from WPZoom<\/p>\n
Open wpzoom-widgets.php in the functions folder of Videozom. \u00a0Add the following code at the bottom of the wpzoom-widgets.php<\/p>\n
\r\n\/*---------------------------------------------*\/\r\n\/* WPZOOM: Featured Category widget with Video *\/\r\n\/*---------------------------------------------*\/\r\nadd_action('widgets_init', create_function('', 'return register_widget("wpzoom_widget_fea_cat_video_posts");'));\r\nclass wpzoom_widget_fea_cat_video_posts extends WP_Widget {\r\n\r\n\/* Widget setup. *\/\r\nfunction wpzoom_widget_fea_cat_video_posts() {\r\n\t\/* Widget settings. *\/\r\n\t$widget_ops = array( 'classname' => 'wpzoom', 'description' => __('Featured Category Widget', 'wpzoom') );\r\n\r\n\t\/* Widget control settings. *\/\r\n\t$control_ops = array( 'width' => 250, 'height' => 350, 'id_base' => 'wpzoom-widget-cat' );\r\n\r\n\t\/* Create the widget. *\/\r\n\t$this->WP_Widget( 'wpzoom-widget-cat', __('WPZOOM: Featured Category', 'wpzoom'), $widget_ops, $control_ops );\r\n}\r\n\r\n\/* How to display the widget on the screen. *\/\r\nfunction widget( $args, $instance ) {\r\n\r\n\textract( $args );\r\n\r\n\t\/* Our variables from the widget settings. *\/\r\n\t$title1 = apply_filters('widget_title', $instance['title1'] );\r\n\t$posts1 = $instance['posts1'];\r\n\t$category1 = get_category($instance['category1']);\r\n\tif ($category1) {\r\n\t\t$categoryLink1 = get_category_link($category1);\r\n\t}\r\n\t$videowidth = $instance['videowidth'];\r\n $videoheight = $instance['videoheight'];\r\n\techo $before_widget;\r\n\techo "$before_title"."$title1"."$after_title"; ?>\r\n\r\n\t<ul class="posts">\r\n\r\n\t\t<?php\r\n\t\t$args = array('showposts' => $posts1, 'orderby' => 'date', 'order' => 'DESC', 'cat' => $instance['category1']);\r\n\t\tquery_posts($args);\r\n\t\tglobal $options;\r\nforeach ($options as $value) {\r\nif (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }\r\n}\r\n\r\n while (have_posts()) : the_post(); ?>\r\n\r\n\t\t<li>\r\n\t\t\t<?php global $post;\r\n\t\t\tunset($videocode); $videocode = get_post_meta($post->ID, 'wpzoom_post_embed_code', true);\r\n\t\t $video_hd = get_post_meta($post->ID, 'wpzoom_post_embed_hd', true);\r\n if (strlen($videocode) > 1) { \/\/ Do we embed a video from a website?\r\n\t\t\t\t$videocode = preg_replace("\/(width\\s*=\\s*[\\"\\'])[0-9]+([\\"\\'])\/i", "$1 $videowidth $2", $videocode);\r\n\t\t\t\t$videocode = preg_replace("\/(height\\s*=\\s*[\\"\\'])[0-9]+([\\"\\'])\/i", "$1 $videoheight $2", $videocode);\r\n\t\t\t\t$videocode = str_replace("<embed","<param name='wmode' value='transparent'><\/param><embed",$videocode);\r\n\t\t\t\t$videocode = str_replace("<embed","<embed wmode='transparent' ",$videocode); ?>\r\n\t\t <div class="cover"><?php echo "$videocode"; ?><\/div>\r\n <?php } elseif (strlen($videocode) < 1) {\r\n\t\t\t\tunset($videocode); $videocode = get_post_meta($post->ID, 'wpzoom_post_embed_self', true);\r\n\t\t\t\tif (strlen($videocode) > 1) { \/\/ Let's embed a self-hosted video!\r\n\t\t\t\t$skin = strtolower(get_post_meta($post->ID, 'wpzoom_post_embed_skin', true));\r\n\t\t\t?>\r\n\t\t\t<div class="cover">\r\n\t\t\t<div id='video_<?php echo the_ID() ; ?>'>Video<\/div>\r\n\t\t\t\t\t<script type='text\/javascript'>\r\n\t\t\t\t\t jwplayer('video_<?php echo the_ID(); ?>').setup({\r\n\t\t\t\t\t\t'file': '<?php echo "$videocode"; ?>',\r\n\t\t\t\t\t\t'skin': '<?php bloginfo('template_directory'); ?>\/js\/skins\/<?php echo "$skin\/$skin.zip"; ?>',\r\n\t\t\t\t\t\t'image' : '<?php echo "$img"; ?>',\r\n\t\t\t\t\t\t'width': '<?php echo "$videowidth"; ?>',\r\n\t\t\t\t\t\t'height': '<?php echo "$videoheight"; ?>',\r\n \t\t\t\t\t\t<?php if (strlen($video_hd) > 1) { ?>'plugins': {\r\n\t\t\t\t\t\t 'hd-1': {\r\n\t\t\t\t\t\t\t 'file': '<?php echo "$video_hd"; ?>'\r\n\t\t\t\t\t\t }\r\n\t\t\t\t\t\t}, <?php } ?>\r\n\t\t\t\t\t\t'modes': [\r\n \t\t\t\t\t\t\t{type: 'flash', src: '<?php bloginfo('template_directory'); ?>\/js\/player.swf'},\r\n \t\t\t\t\t\t\t{type: 'html5'}\r\n\t\t\t\t\t\t]\r\n\t\t\t\t\t });\r\n\t\t\t\t\t<\/script>\r\n\t\t\t\t<\/div>\r\n\t\t\t<?php } } if (!$videocode) { \/\/ No video? Show a picture then\r\n\t\t\tunset($img);\r\n\t\t\tif ( current_theme_supports( 'post-thumbnails' ) && has_post_thumbnail() ) {\r\n\t\t\t\t$thumbURL = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), '' );\r\n\t\t\t$img = $thumbURL[0]; }\r\n\t\t\telse {\r\n\t\t\t\tunset($img);\r\n\t\t\t\tif ($wpzoom_cf_use == 'Yes') { $img = get_post_meta($post->ID, $wpzoom_cf_photo, true); }\r\n\t\t\t\telse {\r\n\t\t\t\t\tif (!$img)\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t$img = catch_that_image($post->ID);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif ($img) : $img = wpzoom_wpmu($img); ?>\r\n\t\t\t<div class="cover"><a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>\/scripts\/timthumb.php?src=<?php echo $img ?>&h=45&w=60&zc=1" alt="<?php the_title(); ?>" \/><\/a><\/div>\r\n\t\t\t<?php endif; } ?>\r\n\t\t\t<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?><\/a>\r\n\t\t\t<p class="postmetadata"> <a href="<?php the_permalink() ?>#commentspost" title="Jump to the comments"><?php comments_number('0 comments','1 comment','% comments'); ?><\/a><\/p>\r\n\t\t\t<div class="cleaner"> <\/div>\r\n\t\t<\/li>\r\n\r\n\t\t<?php endwhile; wp_reset_query(); ?>\r\n\r\n\t<\/ul><!-- end .posts -->\r\n\r\n\t<?php\r\n\r\n\techo $after_widget;\r\n\r\n\twp_reset_query();\r\n\r\n\t}\r\n\r\n\t\/* Update the widget settings.*\/\r\n\tfunction update( $new_instance, $old_instance ) {\r\n\t\t$instance = $old_instance;\r\n\r\n\t\t\/* Strip tags for title and name to remove HTML (important for text inputs). *\/\r\n\t\t$instance['title1'] = strip_tags( $new_instance['title1'] );\r\n \t\t$instance['category1'] = $new_instance['category1'];\r\n\t\t$instance['posts1'] = $new_instance['posts1'];\r\n $instance['videowidth'] = $new_instance['videowidth'];\r\n $instance['videoheight'] = $new_instance['videoheight'];\r\n\t\treturn $instance;\r\n\t}\r\n\r\n\t\/** Displays the widget settings controls on the widget panel.\r\n\t * Make use of the get_field_id() and get_field_name() function when creating your form elements. This handles the confusing stuff. *\/\r\n\tfunction form( $instance ) {\r\n\r\n\t\t\/* Set up some default widget settings. *\/\r\n\t\t$defaults = array( 'title1' => __('Featured Posts', 'wpzoom'), 'category1' => '0', 'posts1' => '3' );\r\n\t\t$instance = wp_parse_args( (array) $instance, $defaults );\r\n ?>\r\n\r\n \t\t<p>\r\n\t\t\t<label for="<?php echo $this->get_field_id( 'title1' ); ?>"><?php _e('Widget Title:', 'wpzoom'); ?><\/label>\r\n\t\t\t<input class="widefat" id="<?php echo $this->get_field_id( 'title1' ); ?>" name="<?php echo $this->get_field_name( 'title1' ); ?>" value="<?php echo $instance['title1']; ?>" style="width:90%;" \/>\r\n\t\t<\/p>\r\n\r\n\t\t<p>\r\n\t\t\t<label for="<?php echo $this->get_field_id('category1'); ?>"><?php _e('Category:', 'wpzoom'); ?><\/label>\r\n\t\t\t<select id="<?php echo $this->get_field_id('category1'); ?>" name="<?php echo $this->get_field_name('category1'); ?>" style="width:90%;">\r\n\t\t\t\t<option value="0">Choose category:<\/option>\r\n\t\t\t\t<?php\r\n\t\t\t\t$cats = get_categories('hide_empty=0');\r\n\r\n\t\t\t\tforeach ($cats as $cat) {\r\n\t\t\t\t$option = '<option value="'.$cat->term_id;\r\n\t\t\t\tif ($cat->term_id == $instance['category1']) { $option .='" selected="selected';}\r\n\t\t\t\t$option .= '">';\r\n\t\t\t\t$option .= $cat->cat_name;\r\n\t\t\t\t$option .= ' ('.$cat->category_count.')';\r\n\t\t\t\t$option .= '<\/option>';\r\n\t\t\t\techo $option;\r\n\t\t\t\t}\r\n\t\t\t?>\r\n\t\t\t<\/select>\r\n\t\t<\/p>\r\n\r\n\t\t<p>\r\n\t\t\t<label for="<?php echo $this->get_field_id('posts1'); ?>"><?php _e('Number of posts to show:', 'wpzoom'); ?><\/label>\r\n\t\t\t<select id="<?php echo $this->get_field_id('posts1'); ?>" name="<?php echo $this->get_field_name('posts1'); ?>" style="width:90%;">\r\n\t\t\t<?php\r\n\t\t\t\t$m = 0;\r\n\t\t\t\twhile ($m < 11) {\r\n\t\t\t\t$m++;\r\n\t\t\t\t$option = '<option value="'.$m;\r\n\t\t\t\tif ($m == $instance['posts1']) { $option .='" selected="selected';}\r\n\t\t\t\t$option .= '">';\r\n\t\t\t\t$option .= $m;\r\n\t\t\t\t$option .= '<\/option>';\r\n\t\t\t\techo $option;\r\n\t\t\t\t}\r\n\t\t\t?>\r\n\t\t\t<\/select>\r\n\t\t<\/p>\r\n\r\n\t\t<p>\r\n\t\t\t<label for="<?php echo $this->get_field_id( 'videowidth' ); ?>"><?php _e('Video Width:', 'wpzoom'); ?><\/label>\r\n\t\t\t<input class="widefat" id="<?php echo $this->get_field_id( 'videowidth' ); ?>" name="<?php echo $this->get_field_name( 'videowidth' ); ?>" value="<?php echo $instance['videowidth']; ?>" style="width:90%;" \/>\r\n\t\t<\/p>\r\n\r\n\t\t<p>\r\n\t\t\t<label for="<?php echo $this->get_field_id( 'videoheight' ); ?>"><?php _e('Video Height:', 'wpzoom'); ?><\/label>\r\n\t\t\t<input class="widefat" id="<?php echo $this->get_field_id( 'videoheight' ); ?>" name="<?php echo $this->get_field_name( 'videoheight' ); ?>" value="<?php echo $instance['videoheight']; ?>" style="width:90%;" \/>\r\n\t\t<\/p>\r\n\r\n\t<?php\r\n\t}\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"I made the following widget code to show Featured Category with Video embed code. The following widget works with Videozoom theme from WPZoom Open wpzoom-widgets.php in the functions folder of Videozom. \u00a0Add the following code at the bottom of the wpzoom-widgets.php \/*———————————————*\/ \/* WPZOOM: Featured Category widget with Video *\/ \/*———————————————*\/ add_action(‘widgets_init’, create_function(”, ‘return register_widget("wpzoom_widget_fea_cat_video_posts");’)); […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[54,5],"tags":[97,96,6,7],"class_list":["post-222","post","type-post","status-publish","format-standard","hentry","category-code-snippet","category-wordpress","tag-videzoom","tag-widgets","tag-wordpress-2","tag-wp"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-3A","jetpack-related-posts":[{"id":218,"url":"https:\/\/pixert.com\/blog\/how-to-fix-custom-field-for-thumbnails-wpzoom-featured-category-widget\/","url_meta":{"origin":222,"position":0},"title":"How to fix Custom Field for thumbnails in WPZoom Featured Category widget","author":"Pixel Insert \/ Pixert","date":"April 6, 2012","format":false,"excerpt":"WPZoom Featured Widget is a widget built inside WPZOOM themes to show Featured Category posts The widget display thumbnail images, post titles and post meta datas from selected Featured Category There's a bug in wpzoom-widgets.php where as all widgets code are. The widget cannot display thumbnail images from custom field\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/04\/featuredcat-208x300.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":284,"url":"https:\/\/pixert.com\/blog\/how-to-add-show-thumbnail-option-in-wpzoom-featured-category-widget\/","url_meta":{"origin":222,"position":1},"title":"How to add ‘Show Thumbnail’ option in WPZOOM Featured Category Widget","author":"Pixel Insert \/ Pixert","date":"February 18, 2013","format":false,"excerpt":"Tribune is a lovely magazine theme from WPZOOM. The theme has custom widgets name WPZOOM Featured Category Widget You could use this widget to display categories on homepage like the demo site\u00a0(Politics - World - Sports - Automotive). The widget show thumbnails by default, it doesn't have feature to disable\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"WPZOOMFeaturedCategory","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/02\/WPZOOMFeaturedCategory.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":256,"url":"https:\/\/pixert.com\/blog\/exclude-featured-posts-from-wpzoom-featured-category-widget\/","url_meta":{"origin":222,"position":2},"title":"Exclude Featured Posts from WPZOOM: Featured Category Widget","author":"Pixel Insert \/ Pixert","date":"August 25, 2012","format":false,"excerpt":"Zenko WPZOOM Demo Site (see the documentation) I made customization to the widget to exclude Same Posts already been shown on Featured Slider to avoid duplication 1. Open featured-category.php in wp-content\/themes\/zenko\/functions\/theme\/widgets folder 2. Replace all code in featured-category.php with the following [code] theme_location == 'primary' )[\/php] \u00a0 [php]if( $args->theme_location == 'secondary' )[\/php] \u00a0 [php]if( $args->theme_location == 'primary' )[\/php] For an example, I want to add search box to Primary Menu in WPZOOM theme name Videozoom. Conditional tag above make sure the\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"wordpress-logo-notext-rgb","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/08\/wordpress-logo-notext-rgb.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":130,"url":"https:\/\/pixert.com\/blog\/enable-formatting-tags-for-content-limit-in-genesis-featured-posts-widget\/","url_meta":{"origin":222,"position":5},"title":"Enable Formatting Tags for Content Limit in Genesis Featured Posts widget","author":"Pixel Insert \/ Pixert","date":"January 10, 2013","format":false,"excerpt":"Genesis Framework has same function that return the content after trimming and it strips all HTML The following code help you keep or filter some HTML tags when you are using Content Limit in Theme Settings or Widgets (e.g Genesis - Featured Posts widget) Add following to functions.php in the\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/01\/gallerygenesis.jpg?fit=600%2C340&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/01\/gallerygenesis.jpg?fit=600%2C340&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2013\/01\/gallerygenesis.jpg?fit=600%2C340&ssl=1&resize=525%2C300 1.5x"},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":0,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/222\/revisions"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}