Zenko <\/a>WPZOOM Demo Site (see the documentation)
\nI made customization to the widget to exclude Same Posts already been shown on Featured Slider to avoid duplication<\/p>\n1. Open featured-category.php in wp-content\/themes\/zenko\/functions\/theme\/widgets folder<\/p>\n
2. Replace all code in featured-category.php with the following<\/p>\n
\r\n\r\n<?php \/*------------------------------------------*\/ \/* WPZOOM: Featured Category widget *\/ \/*------------------------------------------*\/ $wpzoomColors = array(); $wpzoomColors['blue'] = 'Blue'; $wpzoomColors['green'] = 'Green'; $wpzoomColors['pink'] = 'Pink'; $wpzoomColors['black'] = 'Black'; class wpzoom_widget_category extends WP_Widget { \/* Widget setup. *\/ function wpzoom_widget_category() { \/* Widget settings. *\/ $widget_ops = array( 'classname' =--> 'wpzoom', 'description' => __('Featured Category Widget for Homepage', 'wpzoom') );\r\n\r\n\/* Widget control settings. *\/\r\n $control_ops = array( 'width' => 250, 'height' => 350, 'id_base' => 'wpzoom-widget-cat' );\r\n\r\n\/* Create the widget. *\/\r\n $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\n function widget( $args, $instance ) {\r\n extract( $args );\r\n\r\n\/* Our variables from the widget settings. *\/\r\n $title1 = apply_filters('widget_title', $instance['title1'] );\r\n $color1 = $instance['color1'];\r\n $posts1 = $instance['posts1'];\r\n $category1 = get_category($instance['category1']);\r\n if ($category1) {\r\n $categoryLink1 = get_category_link($category1);\r\n }\r\n\r\n\/* Before widget (defined by themes). *\/\r\n \/\/echo $before_widget;\r\n\r\n$z = 0;\r\n while ($z < 1) { $z++; $color = "color$z"; $categoryLink = "categoryLink$z"; $title = "title$z"; $posts = "posts$z"; $category = $instance["category$z"]; ?><\/pre>\r\n<div class="block"><!--?php if ( $$title ) { echo '<br ?-->\r\n<h3 class="'.$$color.'"><a href="'.$$categoryLink.'">'.$$title.' \u00bb<\/a><\/h3>\r\n '; } ?>\r\n\r\n<?php $featured_posts = new WP_Query( array( 'post__not_in' =--> get_option( 'sticky_posts' ),\r\n 'meta_key' => 'wpzoom_is_featured',\r\n 'meta_value' => 1\r\n ) );\r\n\r\n while ($featured_posts->have_posts()) {\r\n $featured_posts->the_post();\r\n global $post;\r\n $postIDs[] = $post->ID;\r\n }\r\n $args=array( 'cat' => $category, 'post__not_in' => $postIDs, 'showposts' => $$posts, 'orderby' => 'date', 'order' => 'DESC' );\r\n $second_query = new WP_Query( $args );\r\n\r\n$i = 0;\r\n if ( $second_query->have_posts() ) : while( $second_query->have_posts() ) : $second_query->the_post();\r\n unset($image,$cropLocation);\r\n $i++;\r\n global $post;\r\n\r\nif ($i == 1)\r\n { ?>\r\n<div class="firstn">\r\n<?php get_the_image( array( 'size' =--> 'featured-cat', 'width' => 235, 'height' => 140 ) ); ?>\r\n<h2><\/h2>\r\n<small><?php printf('%s at %s', get_the_date(), get_the_time()); ?><\/small>\r\n\r\n<?php the_content_limit(170); ?><\/div>\r\n<!-- A list with another 3 articles from the same category-->\r\n<div class="rightn">\r\n<ul>\r\n<ul>\r\n<li><?php get_the_image( array( 'size' =--> 'featured-cat-small', 'width' => 90, 'height' => 80 ) ); ?>\r\n<div class="rightcont">\r\n<div class="bubble"><\/div>\r\n<?php the_content_limit(110, ''); ?>\r\n\r\n<small><?php printf('%s at %s', get_the_date(), get_the_time()); ?><\/small><\/div>\r\n<div style="clear: both;"><\/div><\/li>\r\n<\/ul>\r\n<\/ul>\r\n <?php else :\r\n echo'';\r\n _e('There are no posts in this category.', 'wpzoom');\r\n echo'\r\n\r\n';\r\n endif;\r\n ?><\/div>\r\n<div class="clear"><\/div>\r\n<\/div>\r\n<pre>\r\n<!-- end .category -->\r\n<!--?php <br ?-->\r\n} \/\/ while\r\n echo ' <!-- end .featCategory -->';\r\n \/* After widget (defined by themes). *\/\r\n \/\/echo $after_widget;\r\n wp_reset_query();\r\n }\r\n\r\n\/* Update the widget settings.*\/\r\n function update( $new_instance, $old_instance ) {\r\n $instance = $old_instance;\r\n\r\n\/* Strip tags for title and name to remove HTML (important for text inputs). *\/\r\n $instance['title1'] = strip_tags( $new_instance['title1'] );\r\n $instance['category1'] = $new_instance['category1'];\r\n $instance['color1'] = $new_instance['color1'];\r\n $instance['posts1'] = $new_instance['posts1'];\r\n\r\nreturn $instance;\r\n }\r\n\r\n\/** Displays the widget settings controls on the widget panel.\r\n * Make use of the get_field_id() and get_field_name() function when creating your form elements. This handles the confusing stuff. *\/\r\n function form( $instance ) {\r\n\r\n\/* Set up some default widget settings. *\/\r\n $defaults = array( 'title1' => __('Category Name', 'wpzoom'), 'category1' => '0', 'color1' => 'blue', 'posts1' => '4' );\r\n $instance = wp_parse_args( (array) $instance, $defaults );\r\n global $wpzoomColors;\r\n ?>\r\n\r\n<label for="<?php echo $this->get_field_id( 'title1' ); ?>"><?php _e('Category Title:', 'wpzoom'); ?><\/label>\r\n <input id="<?php echo $this->get_field_id( 'title1' ); ?>" class="widefat" type="text" name="<?php echo $this->get_field_name( 'title1' ); ?>" value="<?php echo $instance['title1']; ?>" \/>\r\n\r\n<label for="<?php echo $this->get_field_id('color1'); ?>"><?php _e('Title Background Color:', 'wpzoom'); ?><\/label>\r\n\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('color1'); ?>"> <?php foreach ($wpzoomColors as $key =--> $value) { $option = '<option selected="selected" value="'.$key; if ($key == $instance['color1']) { $option .='">';<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('color1'); ?>"><option selected="selected" value="'.$key; if ($key == $instance['color1']) { $option .='"> $option .= $value;<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('color1'); ?>"><option selected="selected" value="'.$key; if ($key == $instance['color1']) { $option .='"> $option .= '<\/option>';<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('color1'); ?>"> echo $option;<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('color1'); ?>"> }<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('color1'); ?>"> ?><\/select>\r\n\r\n\r\n<label for="<?php echo $this->get_field_id('category1'); ?>"><?php _e('Category:', 'wpzoom'); ?><\/label>\r\n\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"> <option value="0">Choose category:<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"> <?php <br \/> ?> $cats = get_categories('hide_empty=0');<\/select>\r\n\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>">foreach ($cats as $cat) {<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"> $option = '<option selected="selected" value="'.$cat->term_id;<br \/> if ($cat->term_id == $instance['category1']) { $option .='">';<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"><option selected="selected" value="'.$cat->term_id;<br \/> if ($cat->term_id == $instance['category1']) { $option .='"> $option .= $cat->cat_name;<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"><option selected="selected" value="'.$cat->term_id;<br \/> if ($cat->term_id == $instance['category1']) { $option .='"> $option .= ' ('.$cat->category_count.')';<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"><option selected="selected" value="'.$cat->term_id;<br \/> if ($cat->term_id == $instance['category1']) { $option .='"> $option .= '<\/option>';<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"> echo $option;<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"> }<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('category1'); ?>"> ?><\/select>\r\n\r\n\r\n<label for="<?php echo $this->get_field_id('posts1'); ?>"><?php _e('Posts to show:', 'wpzoom'); ?><\/label>\r\n\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"> <?php <br ?> $m = 0;<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"> while ($m < 11) {<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"> $m++;<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"> $option = '<option selected="selected" value="'.$m; if ($m == $instance['posts1']) { $option .='">';<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"><option selected="selected" value="'.$m; if ($m == $instance['posts1']) { $option .='"> $option .= $m;<\/option><\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"><option selected="selected" value="'.$m; if ($m == $instance['posts1']) { $option .='"> $option .= '<\/option>';<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"> echo $option;<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"> }<\/select>\r\n<select style="width: 90%;" name="<?php echo $this->get_field_name('posts1'); ?>"> ?><\/select>\r\n\r\n\r\n<?php } } function wpzoom_register_category_widget() { register_widget('wpzoom_widget_category'); } add_action('widgets_init', 'wpzoom_register_category_widget'); ?>\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"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 <?php \/*——————————————*\/ \/* WPZOOM: Featured Category widget *\/ \/*——————————————*\/ $wpzoomColors = array(); $wpzoomColors[’blue’] = […]<\/p>\n","protected":false},"author":1,"featured_media":258,"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":[55,114,6,95],"class_list":["post-256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-snippet","category-wordpress","tag-code-snippet-2","tag-themes","tag-wordpress-2","tag-wpzoom"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/08\/zenkofeapostswidget.jpg?fit=580%2C459&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-48","jetpack-related-posts":[{"id":284,"url":"https:\/\/pixert.com\/blog\/how-to-add-show-thumbnail-option-in-wpzoom-featured-category-widget\/","url_meta":{"origin":256,"position":0},"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":218,"url":"https:\/\/pixert.com\/blog\/how-to-fix-custom-field-for-thumbnails-wpzoom-featured-category-widget\/","url_meta":{"origin":256,"position":1},"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":222,"url":"https:\/\/pixert.com\/blog\/wpzoom-featured-category-widget-videozoom\/","url_meta":{"origin":256,"position":2},"title":"WPZoom Featured Category Widget with video for Videozoom theme","author":"Pixel Insert \/ Pixert","date":"April 6, 2012","format":false,"excerpt":"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 [php] \/*---------------------------------------------*\/ \/* WPZOOM: Featured Category widget with Video\u2026","rel":"","context":"In "Code Snippet"","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":546,"url":"https:\/\/pixert.com\/blog\/the-importance-of-child-theme-in-wordpress\/","url_meta":{"origin":256,"position":3},"title":"The importance of Child Theme in WordPress","author":"Pixel Insert \/ Pixert","date":"March 4, 2021","format":false,"excerpt":"I've been using WordPress for a very long time and one of the things I have and will do is customize themes. I'm writing this because I was lazy to use a child theme for my main site. As a result, I had to enter the Slideshow code every time\u2026","rel":"","context":"In "WordPress"","block_context":{"text":"WordPress","link":"https:\/\/pixert.com\/blog\/category\/wordpress\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/618F75E4-2D1B-4A2B-B95D-37A990FB1A7A.jpeg?fit=933%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/618F75E4-2D1B-4A2B-B95D-37A990FB1A7A.jpeg?fit=933%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/618F75E4-2D1B-4A2B-B95D-37A990FB1A7A.jpeg?fit=933%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2021\/03\/618F75E4-2D1B-4A2B-B95D-37A990FB1A7A.jpeg?fit=933%2C1200&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":130,"url":"https:\/\/pixert.com\/blog\/enable-formatting-tags-for-content-limit-in-genesis-featured-posts-widget\/","url_meta":{"origin":256,"position":4},"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":[]},{"id":305,"url":"https:\/\/pixert.com\/blog\/wordpress-conditional-tag-to-check-specific-menu\/","url_meta":{"origin":256,"position":5},"title":"WordPress: Conditional tag to check a specific menu","author":"Pixel Insert \/ Pixert","date":"May 22, 2013","format":false,"excerpt":"Following conditional tag usually use in this filter function, wp_nav_menu_items [php]if( $args->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":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/256","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=256"}],"version-history":[{"count":0,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/256\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media\/258"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2012\/08\/zenkofeapostswidget.jpg\" "\\"Zenko")
<\/a><\/p>\n