遍历类别 - wordpress 小部件

Question

我想创建一个小部件，它可以简单地从一个类别中循环五个帖子。 用户可以从小部件选项中选择类别。

现在我成功地创建了带有硬编码值（Cat ID）的小部件和循环。

我需要并且被困在的是将这个硬编码值更改为从类别下拉列表中提取的动态选择/选项，以便用户从小部件选项中进行选择。

<?php 

// Initiate roms_widget_menu ends here
   class roms_widget_menu extends WP_Widget {
   function __construct() {
       parent::__construct(
       // Base ID
       'roms_widget_menu', __('Romaisa Mege menu widget', 'roms_menu_widget_domain'), array('description' => __('Designed to display a category post in mega menu (Widgets in Menus plugin must be installed)', 'roms_menu_widget_domain'),));
   }
   public function widget($args, $instance) {
       $title = apply_filters('widget_title', $instance['title']);
       $social_menu_title = apply_filters('widget_title', $instance['title']);
       // before and after widget arguments are defined by themes
       echo $args['before_widget']; 
       // Romaisa Widget user front Content
       ?>
<div class="row small-up-1 medium-up-5 large-up-5">
   <?php 
      $args = array(
           'cat' => 2,
           'posts_per_page' => 5, //This is the hard coded value
       );
       $widget_module_menu_qry = new WP_Query( $args );
      
        ?>
   <?php if ( $widget_module_menu_qry->have_posts() ) : while ( $widget_module_menu_qry->have_posts() ) : $widget_module_menu_qry->the_post(); ?>
   <div class="column column-block">
      <div class="megamenu-item">
         <?php if ( has_post_thumbnail() ) : ?>
         <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
         <?php the_post_thumbnail(array(230, 130)); ?>
         </a>
         <?php else: ?>
         <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><img src="<?php echo get_template_directory_uri(). '/romisa-assets/img/sample/230x130.png'; ?>" alt="">
         </a>
         <?php endif; ?>
         <div class="megamenu-item-typo text-left">
            <h5 class="text-left">
               <a class="megamenu-item-typo-title trans1" href="<?php the_permalink(); ?>"><b><?php the_title(); ?></b></a>
            </h5>
            <p><?php echo excerpt(22); ?></p>
            <h6 class="megamenu-item-date"><i class="fa fa-calendar"></i> <?php the_time('F j, Y'); ?> &nbsp;</h6>
         </div>
      </div>
   </div>
   <?php endwhile; endif; ?>
</div>
<?php 
   // /Romaisa Widget user front Content
   echo $args['after_widget'];
   }
   // Widget Backend
   public function form($instance) {
   if ( isset( $instance[ 'title' ] ) ) { $title = $instance['title']; }
   else { $title = __( 'Custom HTML for Menu', 'roms_menu_widget_domain' ); }
   
   ?>
<!-- Example for widget category select dropdown that need to be dynamic -->
<select>
 <option>Category 1</option>
 <option>Category 2</option>
</select>
<?php
}
// Updating widget replacing old instances with new
public function update($new_instance, $old_instance) {
$instance = array();
$instance['title'] = (!empty($new_instance['title'])) ? strip_tags($new_instance['title']) : '';
return $instance;
}
} // Class roms_widget_menu ends here

Answer 1

请检查以下代码：

class roms_widget_menu extends WP_Widget
{
    function __construct()
    {
        parent::__construct(
        // Base ID
            'roms_widget_menu', __('Romaisa Mege menu widget', 'roms_menu_widget_domain'), array('description' => __('Designed to display a category post in mega menu (Widgets in Menus plugin must be installed)', 'roms_menu_widget_domain'),));
    }

    public function widget($args, $instance)
    {
        $title = apply_filters('widget_title', $instance['title']);
        $social_menu_title = apply_filters('widget_title', $instance['title']);
        // before and after widget arguments are defined by themes
        echo $args['before_widget'];
        // Romaisa Widget user front Content
        ?>
        <div class="row small-up-1 medium-up-5 large-up-5">
            <?php
            if ( ! empty( $title ) )
            {
                echo $args['before_title'] . esc_html($title) . $args['after_title'];
            }
            $q_args = array();
            if (isset($instance['cat'])) {
                $q_args["cat"] = $instance['cat'];
            }
            $q_args['posts_per_page'] = (isset($instance['number_of_posts']) ? (int)$instance['number_of_posts'] : 5);
            $widget_module_menu_qry = new WP_Query($q_args);

            ?>
            <?php if ($widget_module_menu_qry->have_posts()) : while ($widget_module_menu_qry->have_posts()) : $widget_module_menu_qry->the_post(); ?>
                <div class="column column-block">
                    <div class="megamenu-item">
                        <?php if (has_post_thumbnail()) : ?>
                            <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                                <?php the_post_thumbnail(array(230, 130)); ?>
                            </a>
                        <?php else: ?>
                            <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><img
                                        src="<?php echo get_template_directory_uri() . '/romisa-assets/img/sample/230x130.png'; ?>"
                                        alt="">
                            </a>
                        <?php endif; ?>
                        <div class="megamenu-item-typo text-left">
                            <h5 class="text-left">
                                <a class="megamenu-item-typo-title trans1"
                                   href="<?php the_permalink(); ?>"><b><?php the_title(); ?></b></a>
                            </h5>
<!--                            <p>--><?php //echo excerpt(22); ?><!--</p>-->
                            <h6 class="megamenu-item-date"><i class="fa fa-calendar"></i> <?php the_time('F j, Y'); ?>
                                &nbsp;</h6>
                        </div>
                    </div>
                </div>
            <?php endwhile;
            wp_reset_postdata();
            endif; ?>
        </div>
        <?php
        // /Romaisa Widget user front Content
        echo $args['after_widget'];
    }

    // Widget Backend
    public function form($instance)
    {
        if (isset($instance['title'])) {
            $title = $instance['title'];
        } else {
            $title = __('Custom HTML for Menu', 'roms_menu_widget_domain');
        }
        if (isset($instance['cat'])) {
            $cat = $instance['cat'];
        } else {
            $cat = '';
        }
        if (isset($instance['number_of_posts'])) {
            $np = $instance['number_of_posts'];
        } else {
            $np = 5;
        }
        ?>
        <p>
            <label for="<?php echo esc_attr($this->get_field_id('title')); ?>"><?php esc_html_e('Title:', 'text-domain'); ?></label>
            <input class="widefat" id="<?php echo esc_attr($this->get_field_id('title')); ?>"
                   name="<?php echo esc_attr($this->get_field_name('title')); ?>" type="text"
                   value="<?php echo esc_attr($title); ?>"/>
        </p>
        <p>
            <label for="<?php echo esc_attr($this->get_field_id('cat')); ?>"><?php esc_html_e('Categories:', 'text-domain'); ?></label>
            <select class="widefat" id="<?php echo esc_attr($this->get_field_id('cat')); ?>"
                    name="<?php echo esc_attr($this->get_field_name('cat')); ?>">
                <?php
                $terms = get_terms('category', array(
                    'hide_empty' => false,
                ));
                if (count($terms) > 0) {
                    foreach ($terms as $term) {
                        echo '<option value="' . $term->term_id . '">' . $term->name . '</option>';
                    }
                }
                ?>
            </select>
        </p>
        <script>
            document.getElementById("<?php echo esc_attr($this->get_field_id('cat')); ?>").value =
                "<?php echo $cat; ?>";
        </script>
        <p>
            <label for="<?php echo esc_attr($this->get_field_id('number_of_posts')); ?>"><?php esc_html_e('Number Of Posts:', 'text-domain'); ?></label>
            <input class="widefat" id="<?php echo esc_attr($this->get_field_id('number_of_posts')); ?>"
                   name="<?php echo esc_attr($this->get_field_name('number_of_posts')); ?>" type="text"
                   value="<?php echo esc_attr($np); ?>"/>
        </p>
        <?php
    }

// Updating widget replacing old instances with new
    public function update($new_instance, $old_instance)
    {
        $instance['title'] = strip_tags($new_instance['title']);
        $instance['number_of_posts'] = $new_instance['number_of_posts'];
        $instance['cat'] = $new_instance['cat'];
        return $instance;
    }
} // Class roms_widget_menu ends here